.task-page-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:34px;display:grid}.task-sidebar{gap:22px;display:grid;position:sticky;top:32px}.task-sidebar section{gap:4px;display:grid}.task-sidebar h2{color:var(--faint-foreground);text-transform:uppercase;letter-spacing:.09em;margin:0 0 6px 8px;font-size:9px}.task-filter-button{border-radius:var(--radius-sm);min-height:38px;color:var(--muted-foreground);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.task-filter-button span:last-child{color:var(--faint-foreground);margin-left:auto;font-size:10px}.task-filter-button:hover{background:var(--surface-subtle);color:var(--foreground)}.task-filter-active{background:var(--primary-subtle);color:var(--primary);font-weight:700}.project-dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.project-dot.violet{background:#7c3aed}.project-dot.green{background:#299764}.project-dot.amber{background:#b7791f}.project-dot.rose{background:#c2415d}.project-dot.blue{background:#3478c8}.task-sidebar-heading{justify-content:space-between;align-items:center;min-height:28px;display:flex}.task-sidebar-heading h2{margin-bottom:0}.task-sidebar-heading button,.project-settings-button{width:28px;height:28px;color:var(--muted-foreground);background:0 0;border:0;border-radius:6px;place-items:center;display:inline-grid}.task-sidebar-heading button:hover,.project-settings-button:hover{background:var(--surface-subtle);color:var(--foreground)}.project-filter-row{grid-template-columns:minmax(0,1fr) 28px;align-items:center;display:grid}.project-filter-row .task-filter-button{width:100%;min-width:0}.task-content{min-width:0}.project-context-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;min-height:58px;margin-bottom:12px;padding-bottom:13px;display:flex}.project-context-header>div{align-items:flex-start;gap:10px;display:flex}.project-context-header .project-dot{flex:none;margin-top:7px}.project-context-header h2{margin:0;font-size:18px}.project-context-header p{color:var(--muted-foreground);margin:3px 0 0;font-size:11px}.inline-capture{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--muted-foreground);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:16px;padding:4px 5px 4px 12px;display:grid}.inline-capture:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 15%, transparent)}.inline-capture input{min-width:0;min-height:40px;color:var(--foreground);background:0 0;border:0;outline:0;font-size:13px}.task-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.task-toolbar strong{font-size:12px}.task-toolbar label{color:var(--muted-foreground);align-items:center;gap:6px;font-size:11px;display:flex}.task-toolbar select{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--foreground);border-radius:6px;padding:0 8px}.upcoming-list{gap:28px;display:grid}.upcoming-day{display:grid}.upcoming-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.upcoming-heading h2{margin:0;font-size:14px}.upcoming-heading span{color:var(--muted-foreground);font-size:10px}.upcoming-day .task-list{border-top:0}.filter-chip-list{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--muted-foreground);border-radius:999px;padding:0 12px;font-size:11px;font-weight:650}.filter-chip:hover{border-color:var(--border-strong);color:var(--foreground)}.filter-chip-active{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.settings-stack{gap:22px;max-width:660px;display:grid}.settings-section{border-top:1px solid var(--border);padding-top:18px}.settings-section h2{margin:0;font-size:15px}.settings-section>p{color:var(--muted-foreground);margin:4px 0 14px;font-size:11px}.setting-row{justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:12px}.setting-row span{color:var(--muted-foreground);font-size:10px}.setting-row input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100px;min-height:40px;color:var(--foreground);padding:0 10px}.theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:520px;display:grid}.theme-picker button{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:68px;color:var(--muted-foreground);align-content:center;place-items:center;gap:6px;padding:10px;transition:background-color .16s,border-color .16s,color .16s;display:grid}.theme-picker button:hover{border-color:var(--primary);color:var(--foreground)}.theme-picker button[aria-pressed=true]{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.theme-picker strong{font-size:11px}.reminder-settings{gap:10px;display:grid}.settings-switch{color:var(--muted-foreground);align-items:center;gap:8px;font-size:11px;display:inline-flex}.settings-switch input,.reminder-toggle-grid input{width:18px;height:18px;accent-color:var(--primary)}.reminder-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reminder-toggle-grid label{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:9px;min-height:44px;padding:0 12px;font-size:12px;display:flex}.notification-permission-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:48px;color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:0 13px;display:flex}.notification-permission-button>span{align-items:center;gap:8px;display:flex}.notification-permission-button em{color:var(--primary);font-size:11px;font-style:normal}.danger-zone{border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.integration-row{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;display:grid}.integration-mark{border-radius:var(--radius-md);background:color-mix(in srgb, #dc4c3e 12%, var(--surface));color:#dc4c3e;place-items:center;width:40px;height:40px;display:grid}.integration-copy{min-width:0}.integration-title{align-items:center;gap:8px;min-height:22px;display:flex}.integration-title strong{font-size:13px}.integration-status{background:var(--surface-subtle);min-height:20px;color:var(--muted-foreground);border-radius:999px;align-items:center;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.integration-status.is-connected{background:var(--primary-subtle);color:var(--primary)}.integration-copy p{color:var(--muted-foreground);margin:3px 0 0;font-size:10px;line-height:1.5}.integration-last-sync,.integration-notice{color:var(--faint-foreground);margin-top:5px;font-size:9px;display:block}.integration-notice{color:var(--primary)}.integration-actions{align-items:center;gap:4px;display:flex}.integration-config-hint{color:var(--accent);grid-column:2/-1;margin:-4px 0 0;font-size:10px}.is-spinning{animation:.8s linear infinite integration-spin}@keyframes integration-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.is-spinning{animation:none}}.task-title-button{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.task-title-button:hover{color:var(--primary)}.task-title-button:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:3px}.task-detail-dialog{width:min(1000px,100vw - 32px);max-width:1000px;max-height:min(860px, var(--dialog-room));padding:0;overflow:hidden}.task-detail-dialog .dialog-body{display:contents}.task-detail-dialog .dialog-close{background:0 0}.task-detail-grid{min-height:min(620px, var(--dialog-room));max-height:min(860px, var(--dialog-room));grid-template-columns:minmax(0,1fr) 250px;display:grid}.task-detail-main{padding:34px 42px 44px;overflow-y:auto}.task-detail-sidebar{border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface-subtle) 55%, var(--surface));padding:58px 18px 24px;overflow-y:auto}.task-detail-heading{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;display:grid}.task-detail-heading>div>span{color:var(--faint-foreground);margin-top:3px;font-size:10px;display:block}.task-detail-title{resize:none;field-sizing:content;width:100%;color:var(--foreground);overflow-wrap:break-word;white-space:pre-wrap;background:0 0;border:0;border-radius:5px;outline:0;padding:1px 4px;font-size:20px;font-weight:720;line-height:1.35;display:block;overflow:hidden}.task-detail-title:focus{background:var(--surface-subtle);box-shadow:0 0 0 2px var(--ring)}.task-title-field{border-radius:5px;position:relative}.task-title-field.has-marks .task-detail-title{color:#0000;caret-color:var(--foreground);background:0 0;position:relative}.task-title-field.has-marks:focus-within{background:var(--surface-subtle);box-shadow:0 0 0 2px var(--ring)}.task-title-field.has-marks .task-detail-title:focus{box-shadow:none}.task-title-mirror{white-space:pre-wrap;overflow-wrap:break-word;pointer-events:none;color:var(--foreground);padding:1px 4px;font-size:20px;font-weight:720;line-height:1.35;position:absolute;inset:0;overflow:hidden}.task-title-field .task-detail-title.is-over-mark{cursor:pointer}.task-title-mirror mark{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary);border-radius:4px}.recurrence-field.is-pending .recurrence-input{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent)}.recurrence-field.is-pending .recurrence-input input{color:var(--primary);font-weight:700}.detail-when{gap:4px}.detail-when-trigger{width:100%;color:var(--foreground);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;gap:2px;padding:5px 7px;display:grid}.detail-when-trigger:hover{background:var(--surface);border-color:var(--border)}.detail-when-trigger:focus-visible{outline:2px solid var(--ring)}.detail-when-line{align-items:center;gap:7px;min-height:22px;font-size:12px;font-weight:600;display:flex}.detail-when-line svg{color:var(--primary);flex:none}.detail-when-line.is-empty{color:var(--muted-foreground);font-weight:500}.detail-when-line.is-empty svg{color:var(--muted-foreground)}.detail-when-line.is-deadline{color:var(--muted-foreground);font-weight:500}.detail-when-line.is-deadline svg{color:var(--warning)}.detail-when-line.is-overdue,.detail-when-line.is-overdue svg{color:var(--danger)}.detail-when.is-pending .detail-when-trigger{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent)}.detail-when.is-pending .detail-when-line:first-child{color:var(--primary);font-weight:700}.detail-property.is-pending input{border-color:color-mix(in srgb, var(--primary) 45%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary);font-weight:700}.task-description-field{gap:6px;margin:22px 0 6px 40px;display:grid}.task-description-field>span,.project-color-field legend{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.task-description-field textarea{resize:vertical;border-radius:var(--radius-sm);width:100%;min-height:76px;color:var(--foreground);background:0 0;border:1px solid #0000;outline:0;padding:8px 10px;line-height:1.55}.task-description-field textarea:hover{background:var(--surface-subtle)}.task-description-field textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 14%, transparent)}.task-detail-section{margin:28px 0 0 40px}.task-detail-section-title{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:36px;display:flex}.task-detail-section-title h2{margin:0;font-size:13px}.task-detail-section-title span{color:var(--faint-foreground);font-size:10px}.subtask-row{border-bottom:1px solid var(--border);grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;min-height:42px;font-size:12px;display:grid}.subtask-row>button{width:28px;height:32px;color:var(--muted-foreground);background:0 0;border:0;place-items:center;display:grid}.subtask-row>button:first-child{color:var(--primary)}.subtask-row .subtask-delete{opacity:0}.subtask-row:hover .subtask-delete,.subtask-delete:focus-visible{opacity:1}.subtask-row.is-completed span{color:var(--muted-foreground);text-decoration:line-through}.detail-inline-add{color:var(--primary);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:5px;margin-top:7px;display:grid}.detail-inline-add input{min-width:0;min-height:38px;color:var(--foreground);background:0 0;border:0;outline:0;font-size:12px}.comments-empty{color:var(--muted-foreground);align-items:center;gap:9px;padding:18px 4px;font-size:11px;display:flex}.task-comment{border-bottom:1px solid var(--border);grid-template-columns:30px minmax(0,1fr);gap:9px;padding:14px 0;display:grid}.comment-avatar{background:var(--primary-subtle);width:28px;height:28px;color:var(--primary);border-radius:50%;place-items:center;font-size:11px;font-weight:750;display:grid}.task-comment header{align-items:center;gap:7px;min-height:24px;display:flex}.task-comment header strong{font-size:11px}.task-comment time{color:var(--faint-foreground);font-size:9px}.task-comment header button{width:28px;height:28px;color:var(--faint-foreground);opacity:0;background:0 0;border:0;border-radius:5px;place-items:center;margin-left:auto;display:grid}.task-comment:hover header button,.task-comment header button:focus-visible{opacity:1}.task-comment p{color:var(--foreground);white-space:pre-wrap;margin:3px 0 0;font-size:12px;line-height:1.55}.comment-attachments{gap:6px;margin-top:8px;display:grid}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;display:grid}.attachment-grid.is-single{grid-template-columns:minmax(0,280px)}.attachment-thumb{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted,var(--surface));cursor:zoom-in;aspect-ratio:1;padding:0;overflow:hidden}.attachment-grid.is-single .attachment-thumb{aspect-ratio:auto}.attachment-thumb img{object-fit:cover;width:100%;height:100%;display:block}.attachment-grid.is-single .attachment-thumb img{object-fit:contain;height:auto}.attachment-thumb:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.attachment-card{border:1px solid var(--border);border-radius:var(--radius-md);max-width:360px;color:var(--foreground);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;font-size:11px;text-decoration:none;display:grid}.attachment-card:hover{border-color:var(--border-strong)}.attachment-card-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-card-meta{color:var(--faint-foreground);font-size:10px}.attachment-card.is-unavailable{color:var(--muted-foreground)}.attachment-lightbox{gap:10px;width:min(96vw,1200px);max-width:none;padding:12px;display:grid}.attachment-lightbox img{object-fit:contain;max-width:100%;max-height:80vh;margin:0 auto;display:block}.attachment-lightbox footer{align-items:center;gap:10px;font-size:12px;display:flex}.attachment-lightbox footer span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attachment-lightbox footer button,.attachment-lightbox footer a{border:1px solid var(--border);border-radius:var(--radius-md);min-height:32px;color:var(--foreground);background:0 0;align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}.comment-composer{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);margin-top:14px;overflow:hidden}.comment-composer:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 14%, transparent)}.comment-composer textarea{resize:vertical;width:100%;min-height:76px;color:var(--foreground);background:0 0;border:0;outline:0;padding:11px 12px;font-size:12px}.comment-composer footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:6px 7px 6px 12px;display:flex}.comment-composer footer span{color:var(--faint-foreground);font-size:9px}.comment-composer.is-dragging{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, var(--surface))}.composer-drop-hint{color:var(--primary);padding:0 12px 8px;font-size:11px}.composer-drafts{gap:4px;margin:0;padding:0 8px 8px;list-style:none;display:grid}.composer-draft{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:5px 8px;font-size:11px;display:flex}.composer-draft-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.composer-draft progress{width:80px}.composer-draft.is-failed{border-color:var(--destructive,var(--border-strong))}.composer-draft-error{color:var(--destructive,var(--muted-foreground))}.composer-draft button{min-height:24px;color:var(--muted-foreground);background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.composer-note{color:var(--muted-foreground);margin:0;padding:0 12px 8px;font-size:11px}.composer-attach{width:28px;height:28px;color:var(--muted-foreground);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.composer-attach:disabled{opacity:.45;cursor:not-allowed}.detail-property{border-bottom:1px solid var(--border);gap:5px;padding:10px 0;display:grid}.detail-property>span{color:var(--muted-foreground);align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.detail-property input,.detail-property select{width:100%;min-height:36px;color:var(--foreground);background:0 0;border:1px solid #0000;border-radius:6px;padding:0 7px;font-size:11px}.detail-property input:hover,.detail-property select:hover{background:var(--surface);border-color:var(--border)}.detail-property input:focus,.detail-property select:focus{outline:2px solid var(--ring);background:var(--surface)}.task-detail-tags{padding-top:14px}.project-dialog{width:min(520px,100vw - 32px)}.project-color-field{border:0;margin:0;padding:0}.project-color-field>div{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.project-color-field label{border:1px solid var(--border);cursor:pointer;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.project-color-field label.is-selected{border-color:var(--primary);background:var(--primary-subtle);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ring)}.project-color-field input{opacity:0;pointer-events:none;position:absolute}.project-color-field .project-dot{width:13px;height:13px}.project-custom-color{min-width:112px;color:var(--muted-foreground);grid-template-columns:auto 30px;gap:8px;margin-top:10px;padding:0 4px 0 10px;font-size:11px;font-weight:650;width:fit-content!important}.project-custom-color input{opacity:1;pointer-events:auto;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;position:static}.project-favorite-toggle{width:fit-content;min-height:42px;color:var(--muted-foreground);cursor:pointer;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.project-favorite-toggle input{width:17px;height:17px;accent-color:var(--primary)}.project-favorite-toggle:has(input:checked){color:var(--primary)}.project-danger-actions{gap:3px;display:flex}.project-danger-actions .button:last-child{color:var(--danger)}@media (max-width:760px){.task-page-layout{grid-template-columns:1fr}.task-sidebar{scrollbar-width:none;gap:6px;margin-inline:-20px;padding:0 20px 4px;display:flex;position:static;overflow-x:auto}.task-sidebar section{gap:6px;display:flex}.task-sidebar h2{display:none}.task-filter-button{border:1px solid var(--border);border-radius:999px;flex:none;padding:0 12px}.task-sidebar-heading{flex:none}.task-sidebar-heading button{border:1px solid var(--border);border-radius:999px;width:38px;height:38px}.project-filter-row{flex:none;display:flex}.task-detail-dialog{width:100%;max-height:calc(100dvh - 20px)}.task-detail-grid{grid-template-columns:1fr;max-height:calc(100dvh - 20px);overflow-y:auto}.task-detail-main,.task-detail-sidebar{overflow:visible}.task-detail-main{padding:26px 20px 20px}.task-detail-sidebar{border-top:1px solid var(--border);border-left:0;padding:18px 20px 34px}.task-description-field,.task-detail-section{margin-left:0}}@media (max-width:560px){.task-sidebar{margin-inline:-16px;padding-inline:16px}.inline-capture{grid-template-columns:auto minmax(0,1fr);padding-right:10px}.inline-capture .button{grid-column:1/-1;width:100%}.setting-row{flex-direction:column;align-items:flex-start}.setting-row input{width:100%;font-size:16px}.theme-picker{width:100%}.theme-picker button{min-height:72px}.integration-row{grid-template-columns:42px minmax(0,1fr)}.integration-actions{grid-column:2;justify-content:flex-start}.task-detail-title,.task-title-mirror{font-size:18px}.detail-inline-add{grid-template-columns:22px minmax(0,1fr)}.detail-inline-add .button{grid-column:1/-1;min-height:42px}.comment-composer footer span{display:none}.project-danger-actions{flex-wrap:wrap;width:100%}.project-dialog .dialog-actions{flex-wrap:wrap}.project-context-header{align-items:center}.project-context-header .button{white-space:nowrap;width:40px;padding-inline:11px;overflow:hidden}}.settings-data-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-data-actions label{cursor:pointer}.settings-storage-note{color:var(--muted-foreground,#6b7280);margin-top:.25rem;font-size:.875rem}.settings-section h2{align-items:center;gap:7px;display:flex}.history-note{color:var(--muted-foreground);font-size:13px}.history-failed{color:var(--danger)}.history-stalled{border:1px solid color-mix(in srgb, var(--warning) 45%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--warning) 10%, transparent);color:var(--foreground);align-items:flex-start;gap:8px;padding:10px 12px;line-height:1.5;display:flex}.history-stalled svg{color:var(--warning);flex:none;margin-top:2px}.history-list{gap:6px;max-height:320px;margin:12px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.history-list>li{border:1px solid var(--border);background:var(--surface);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.history-list>li>div:first-child{gap:2px;min-width:0;display:grid}.history-list strong{font-size:13px;font-weight:620}.history-list small{color:var(--muted-foreground);font-size:11px}.history-actions{flex:none;gap:6px;display:flex}.task-repeat-icon{color:var(--primary);flex:none;margin-left:2px}.task-repeat-only{align-items:center;display:inline-flex}.task-late{color:var(--danger);margin-left:4px;font-weight:700}.task-project-chip{align-items:center;gap:5px;display:inline-flex}.task-project-chip>span{background:var(--task-project-color,var(--faint-foreground));border-radius:50%;width:8px;height:8px}