:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--page:#101216;--nav:#15181d;--surface:#1b1f25;--surface-raised:#20252c;--selected:#242a32;--hover:#20252b;--border:#303741;--border-strong:#46505d;--text:#f5f7fa;--text-secondary:#b9c0ca;--text-muted:#8f98a5;--accent:#7da8ff;--accent-hover:#92b6ff;--accent-soft:#7da8ff21;--success:#58c99b;--success-soft:#58c99b1f;--warning:#e8ad55;--warning-soft:#e8ad551f;--danger:#f07a7a;--danger-soft:#f07a7a1f;--shadow:0 18px 50px #00000047}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f6f8;--nav:#fff;--surface:#fff;--surface-raised:#f8f9fb;--selected:#eaf0fb;--hover:#f0f2f5;--border:#dce1e8;--border-strong:#b7c0cc;--text:#181b20;--text-secondary:#4e5865;--text-muted:#77818e;--accent:#326bd6;--accent-hover:#2559b7;--accent-soft:#326bd61a;--success:#23845f;--success-soft:#23845f1a;--warning:#a76612;--warning-soft:#a766121a;--danger:#c44141;--danger-soft:#c441411a;--shadow:0 18px 50px #161c261f}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;color:var(--text);background:var(--page);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45;overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button{border:0}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}.app{background:var(--page);grid-template-columns:248px minmax(0,1fr);width:100%;height:100dvh;min-height:0;display:grid;overflow:hidden}.main{min-width:0;height:100dvh;padding:30px 34px 72px;overflow:hidden auto}.main>*{width:min(100%,880px);margin-left:auto;margin-right:auto}.main-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:58px;margin-bottom:18px;display:flex}.main-heading{min-width:0}.main-title-line{align-items:center;gap:10px;min-width:0;display:flex}.header-dot{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.header-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:26px;font-weight:720;line-height:1.2;overflow:hidden}.main-count{color:var(--text-muted);margin:5px 0 0;font-size:13px}.hide-btn,.danger-btn{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.hide-btn:hover,.hide-btn.on{border-color:var(--border-strong);color:var(--text);background:var(--hover)}.add-form{grid-template-columns:minmax(160px,1fr) 176px auto;align-items:stretch;gap:8px;min-height:44px;margin-bottom:22px;display:grid}.add-input,.proj-name-edit,.subtask-edit,.subtask-add-input,.notes-input,.task-title-input{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface);border-radius:6px}.add-input{width:100%;min-height:44px;padding:0 13px;font-size:14px}.add-input:hover,.add-input:focus,.proj-name-edit:focus,.subtask-edit:focus,.subtask-add-input:focus,.notes-input:focus,.task-title-input:focus{border-color:var(--border-strong)}.add-btn{color:#101216;background:var(--accent);border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:108px;min-height:44px;padding:0 14px;font-size:13px;font-weight:720;display:inline-flex}.add-btn:hover:not(:disabled){background:var(--accent-hover)}.project-select{min-width:0;position:relative}.project-select-trigger{border:1px solid var(--border);width:100%;height:44px;color:var(--text-secondary);background:var(--surface);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 11px;display:flex}.project-select-trigger:hover,.project-select.open .project-select-trigger{border-color:var(--border-strong)}.project-select-value,.project-select-option{align-items:center;gap:8px;min-width:0;display:flex}.project-select-value>span:last-child,.project-select-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-select-dot,.task-project-dot{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.project-select-caret{flex:none;transition:transform .14s}.project-select-caret.open{transform:rotate(180deg)}.project-select-menu,.action-menu,.proj-color-popover{z-index:80;border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:7px;position:absolute}.project-select-menu{max-height:260px;padding:5px;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.project-select-option{width:100%;min-height:36px;color:var(--text-secondary);text-align:left;background:0 0;border-radius:5px;padding:0 9px}.project-select-option:hover,.project-select-option.selected{color:var(--text);background:var(--selected)}.task-list-region{border-top:1px solid var(--border);min-height:180px}.task-list-item{width:100%;position:relative}.task-list-item.is-dragging{z-index:30}.task-row{border-bottom:1px solid var(--border);cursor:pointer;background:0 0;grid-template-columns:24px 28px minmax(0,1fr) 34px 34px;align-items:center;width:100%;min-height:66px;padding:9px 7px 9px 3px;transition:background .12s;display:grid;position:relative}.task-row:hover,.task-row:focus-visible{background:var(--hover)}.task-row.is-selected{background:var(--selected);box-shadow:inset 3px 0 0 var(--accent);border-bottom-color:#0000}.task-row.is-highlighted{animation:1.6s ease-out row-flash}.task-row.is-busy{pointer-events:none;opacity:.55}.task-drag-handle{width:24px;height:32px;color:var(--text-muted);opacity:0;touch-action:none;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-row:hover .task-drag-handle,.task-row:focus-within .task-drag-handle{opacity:1}.task-drag-handle:hover{color:var(--text);background:var(--surface)}.task-row-check{display:inline-flex}.check-btn{border:1.5px solid var(--border-strong);color:#101216;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.check-btn--sm{width:18px;height:18px}.check-btn--lg{width:24px;height:24px}.check-btn:hover{border-color:var(--success);background:var(--success-soft)}.check-btn.checked{border-color:var(--success);background:var(--success)}.task-row-content{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;padding:0;display:block}.task-row-content:focus-visible{outline:0}.task-row:has(.task-row-content:focus-visible){box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 2px var(--accent)}.task-row-title-line{align-items:center;min-width:0;display:flex}.task-row-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:590;line-height:1.35;display:block;overflow:hidden}.task-row-description{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;line-height:1.35;display:block;overflow:hidden}.task-row.is-done .task-row-title,.task-title-input.is-done,.subtask-label.done{color:var(--text-muted);text-decoration:line-through}.task-row-meta{align-items:center;gap:6px 12px;min-width:0;margin-top:5px;display:flex;overflow:hidden}.task-meta-item{min-width:0;color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.task-meta-item svg{flex:none}.task-meta-item--today{color:var(--accent)}.task-meta-item--overdue{color:var(--danger)}.task-meta-item--upcoming{color:var(--text-secondary)}.task-row-menu,.project-row-actions{position:relative}.task-expand-btn{width:32px;height:32px;color:var(--text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-expand-btn:hover,.task-row.is-selected .task-expand-btn{color:var(--text);background:var(--surface)}.task-expand-placeholder{width:32px;height:32px}.task-row-menu .icon-btn{opacity:0}.task-row:hover .task-row-menu .icon-btn,.task-row:focus-within .task-row-menu .icon-btn,.task-row.is-selected .task-row-menu .icon-btn{opacity:1}.icon-btn{width:34px;height:34px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--border);color:var(--text);background:var(--hover)}.icon-btn--small{width:28px;height:28px}.icon-btn--accent{color:#101216;background:var(--accent)}.icon-btn--accent:hover:not(:disabled){color:#101216;background:var(--accent-hover)}.icon-btn--danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.action-menu{min-width:170px;padding:5px;top:calc(100% + 5px);right:0}.action-menu button{width:100%;min-height:36px;color:var(--text-secondary);text-align:left;background:0 0;border-radius:5px;align-items:center;gap:8px;padding:0 9px;font-size:13px;display:flex}.action-menu button:hover:not(:disabled){color:var(--text);background:var(--selected)}.action-menu .action-menu-danger{color:var(--danger)}.empty{min-height:210px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.empty p{color:var(--text-secondary);margin:0 0 5px;font-size:15px;font-weight:650}.empty span{font-size:13px}.sidebar{z-index:20;border-right:1px solid var(--border);background:var(--nav);flex-direction:column;min-width:0;height:100dvh;padding:20px 13px 14px;display:flex;position:relative}.sidebar-header{justify-content:space-between;align-items:center;min-height:38px;margin-bottom:24px;padding:0 7px;display:flex}.sidebar-brand{color:var(--text);align-items:center;gap:9px;font-size:16px;font-weight:740;display:flex}.sidebar-brand svg{color:var(--accent)}.sidebar-close{display:none}.sidebar-nav{min-height:0;overflow:visible auto}.nav-item{width:100%;min-height:38px;color:var(--text-secondary);text-align:left;background:0 0;border-radius:6px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;font-size:13px;display:grid}.nav-item:hover{color:var(--text);background:var(--hover)}.nav-item.active{color:var(--text);background:var(--selected)}.nav-icon{color:var(--text-muted)}.nav-item.active .nav-icon{color:var(--accent)}.nav-label,.proj-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-count{min-width:20px;height:20px;color:var(--text-muted);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;display:inline-flex}.sidebar-sep{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:7px;padding:24px 9px 8px;font-size:11px;font-weight:700;display:flex}.project-row{border-radius:6px;grid-template-columns:25px minmax(0,1fr) 30px;align-items:center;min-height:38px;padding:0 3px 0 7px;display:grid;position:relative}.project-row:hover,.project-row.active{background:var(--hover)}.project-row.active{background:var(--selected)}.proj-color-wrap{display:flex;position:relative}.proj-dot{border:2px solid #0000;border-radius:50%;width:10px;height:10px;padding:0;box-shadow:0 0 0 1px #ffffff24}.proj-dot:hover{transform:scale(1.15)}.project-row-main{min-width:0;height:36px;color:var(--text-secondary);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:7px;padding:0 4px 0 0;display:flex}.project-row.active .project-row-main,.project-row-main:hover{color:var(--text)}.project-menu-trigger{opacity:0}.project-row:hover .project-menu-trigger,.project-row:focus-within .project-menu-trigger,.project-row.active .project-menu-trigger{opacity:1}.project-action-menu{top:calc(100% + 2px)}.proj-name-edit{grid-column:2/4;width:100%;height:30px;padding:0 7px}.proj-color-popover{width:208px;max-height:calc(100dvh - 16px);padding:11px;position:fixed;top:24px;left:-6px;overflow-y:auto}.proj-color-heading{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:750}.proj-color-grid{grid-template-columns:repeat(6,24px);gap:8px;display:grid}.proj-color-swatch{border:2px solid var(--surface-raised);border-radius:50%;width:24px;height:24px;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:0 0 0 1px #ffffff1f}.proj-color-swatch:hover{box-shadow:0 0 0 2px var(--text-secondary);transform:scale(1.12)}.proj-color-swatch.selected{box-shadow:0 0 0 2px var(--text)}.proj-custom-color{border-top:1px solid var(--border);margin-top:11px;padding-top:11px}.proj-custom-color-controls{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:6px;display:grid}.proj-native-color{border:1px solid var(--border-strong);color:#101216;background:var(--project-color-preview);cursor:pointer;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;position:relative;overflow:hidden}.proj-native-color input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.proj-native-color svg{box-sizing:content-box;background:#ffffffc7;border-radius:4px;padding:4px}.proj-native-color:focus-within{outline:2px solid var(--accent);outline-offset:2px}.proj-hex-input{border:1px solid var(--border);background:var(--page);min-width:0;height:34px;font-family:var(--font-mono);text-transform:lowercase;border-radius:6px;padding:0 8px;font-size:12px}.proj-hex-input[aria-invalid=true]{border-color:var(--danger)}.proj-color-apply{color:#101216;background:var(--accent);border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid}.proj-color-apply:hover:not(:disabled){background:var(--accent-hover)}.proj-color-error{color:var(--danger);margin-top:6px;font-size:11px}.proj-add-form{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:4px;min-height:38px;padding:3px 2px 3px 32px;display:grid}.nav-item--add{color:var(--text-muted);margin-top:4px}.sidebar-bottom{border-top:1px solid var(--border);min-width:0;margin-top:auto;padding-top:12px;overflow:hidden}.sidebar-account{width:100%;min-width:0;padding:5px 6px;overflow:hidden}.sidebar-backdrop{display:none}.task-editor-title{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;display:grid}.task-editor-title .check-btn{margin-top:5px}.task-title-input{resize:none;background:0 0;border-color:#0000;width:100%;min-height:38px;max-height:150px;padding:3px 6px;font-size:20px;font-weight:700;line-height:1.35;overflow-y:auto}.task-title-input:hover{border-color:var(--border)}.task-properties{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:24px}.task-property{border-bottom:1px solid var(--border);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-height:46px;display:grid}.task-property:last-child{border-bottom:0}.task-property-label{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.task-property select,.task-property input[type=date]{width:100%;min-width:0;height:34px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:5px;padding:0 7px}.task-property select:hover,.task-property input[type=date]:hover{border-color:var(--border);background:var(--surface-raised)}.toggle{background:var(--border-strong);border-radius:999px;width:36px;height:20px;padding:0;transition:background .14s;position:relative}.toggle span{background:var(--text);border-radius:50%;width:14px;height:14px;transition:transform .14s;position:absolute;top:3px;left:3px}.toggle.is-on{background:var(--accent)}.toggle.is-on span{background:#101216;transform:translate(16px)}.task-detail-section{padding-top:24px}.task-section-heading{color:var(--text-secondary);margin-bottom:9px;font-size:12px;font-weight:700;display:block}.task-section-heading--row{justify-content:space-between;align-items:center;display:flex}.task-section-heading--row>span{align-items:center;gap:7px;display:inline-flex}.task-section-heading--row>span:last-child{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:500}.task-section-heading--icon{align-items:center;gap:7px;display:inline-flex}.task-description-section{padding-top:18px}.notes-input{resize:none;width:100%;min-height:96px;max-height:260px;padding:10px 11px;line-height:1.55;display:block;overflow-y:auto}.subtasks{border-top:1px solid var(--border)}.subtask-row{border-bottom:1px solid var(--border);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:43px;display:grid}.subtask-row.is-busy{pointer-events:none;opacity:.5}.subtask-row--flash{animation:1.6s ease-out row-flash}.subtask-label{overflow-wrap:anywhere;min-width:0;color:var(--text-secondary);font-size:13px}.subtask-link{color:var(--accent);text-decoration:none}.subtask-link:hover{text-decoration:underline}.subtask-edit{width:100%;height:32px;padding:0 7px}.subtask-menu{position:relative}.subtask-menu-trigger{opacity:0}.subtask-row:hover .subtask-menu-trigger,.subtask-row:focus-within .subtask-menu-trigger,.subtask-menu-trigger[aria-expanded=true]{opacity:1}.subtask-action-menu{min-width:158px;top:auto;bottom:calc(100% + 4px);right:0}.subtask-add{min-height:42px;color:var(--text-muted);grid-template-columns:20px minmax(0,1fr) 34px;align-items:center;gap:5px;margin-top:8px;display:grid}.subtask-add-input{background:0 0;border-color:#0000;width:100%;height:34px;padding:0 8px}.subtask-add-input:hover,.subtask-add-input:focus{border-color:var(--border);background:var(--surface-raised)}.task-inline-details{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--selected) 58%, transparent);box-shadow:inset 3px 0 0 var(--accent);padding:5px 48px 18px 55px}.task-inline-heading{justify-content:space-between;align-items:center;gap:16px;min-height:42px;display:flex}.task-inline-title{min-width:0;color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.task-inline-progress{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:500}.inline-edit-btn{min-height:32px;color:var(--text-secondary);background:0 0;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.inline-edit-btn:hover{color:var(--text);background:var(--surface)}.subtasks--inline{border-top:0}.subtasks--inline .subtask-row:first-child{border-top:1px solid var(--border)}.subtask-add--inline{margin-top:5px}.task-inline-complete{border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));width:100%;min-height:44px;color:var(--success);background:var(--success-soft);border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.task-inline-complete button,.task-completion-callout button{min-height:30px;color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);border-radius:5px;padding:0 9px;font-size:12px;font-weight:700}.task-inline-complete button:hover,.task-completion-callout button:hover{background:color-mix(in srgb, var(--success) 22%, transparent)}.task-inline-summary{min-height:34px;color:var(--text-muted);background:0 0;align-items:center;gap:12px;padding:0 8px;font-size:12px;display:flex}.task-inline-summary:hover{color:var(--text-secondary)}.task-inline-summary span+span:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 8px 2px 0;display:inline-block}.task-detail-subtasks{border-top:1px solid var(--border)}.task-detail-empty{border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-height:42px;color:var(--text-muted);margin:0;padding:12px 0;font-size:13px}.task-completion-callout{border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));min-height:46px;color:var(--success);background:var(--success-soft);border-radius:6px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:13px;display:grid}.completed-subtasks{margin-top:12px}.completed-subtasks-toggle{min-height:34px;color:var(--text-muted);background:0 0;border-radius:5px;align-items:center;gap:6px;padding:0 7px;font-size:12px;font-weight:650;display:inline-flex}.completed-subtasks-toggle:hover{color:var(--text-secondary);background:var(--hover)}.task-detail-subtasks.is-completed{opacity:.78;margin-top:5px}.danger-btn{color:var(--danger);border-color:#f07a7a59}.danger-btn:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.app-message{border:1px solid var(--border);border-radius:6px;margin-top:-8px;margin-bottom:14px;padding:9px 11px;font-size:13px}.app-message--error{color:var(--danger);background:var(--danger-soft);border-color:#f07a7a73}.action-feedback{border:1px solid var(--border);min-height:42px;color:var(--text-secondary);background:var(--surface);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:-8px;margin-bottom:14px;padding:7px 9px 7px 12px;font-size:13px;display:flex}.action-feedback-btn{min-height:28px;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:0 9px;font-size:12px;font-weight:700}.mobile-nav{display:none}.modal-backdrop{z-index:100;background:#07080ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:var(--surface);width:min(100%,390px);box-shadow:var(--shadow);border-radius:8px;padding:22px}.modal-kicker{color:var(--danger);text-transform:uppercase;font-size:11px;font-weight:750}.modal-title{color:var(--text);margin:6px 0 9px;font-size:20px}.modal-copy{color:var(--text-secondary);margin:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.modal-btn{border:1px solid var(--border);min-height:36px;color:var(--text-secondary);background:0 0;border-radius:6px;padding:0 12px;font-weight:650}.modal-btn:hover{color:var(--text);background:var(--hover)}.modal-btn--danger{color:var(--danger);background:var(--danger-soft);border-color:#f07a7a66}.task-dialog-backdrop{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07080abd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.task-dialog{border:1px solid var(--border-strong);background:var(--surface);width:min(100%,680px);max-height:min(820px,100dvh - 48px);box-shadow:var(--shadow);border-radius:8px;grid-template-rows:52px minmax(0,1fr) auto;display:grid;overflow:hidden}.task-dialog-header{border-bottom:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 14px 0 20px;font-size:12px;font-weight:700;display:flex}.task-dialog-scroll{min-height:0;padding:22px;overflow:hidden auto}.task-dialog-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dialog-done-btn{color:#101216;background:var(--accent);border-radius:6px;min-width:82px;min-height:36px;padding:0 14px;font-size:13px;font-weight:700}.dialog-done-btn:hover{background:var(--accent-hover)}.auth-screen{background:var(--page);grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);width:100%;min-height:100dvh;display:grid}.auth-preview{background:var(--nav);min-width:0;padding:30px clamp(30px,5vw,72px);display:flex;position:relative;overflow:hidden}.auth-brand{z-index:2;align-self:flex-start;align-items:center;gap:9px;display:flex;position:relative}.auth-brand-mark{border:3px solid var(--accent);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--nav);background:var(--accent);border-radius:4px}.auth-brand-name{color:var(--text);font-size:16px;font-weight:750}.environment-badge{min-height:22px;color:var(--warning);background:var(--warning-soft);text-transform:uppercase;border:1px solid #e8ad5559;border-radius:5px;align-items:center;margin-left:4px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.auth-preview-content{position:absolute;top:50%;left:clamp(30px,5vw,72px);right:clamp(30px,5vw,72px);transform:translateY(-48%)}.auth-preview-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;padding-bottom:16px;display:flex}.auth-preview-title span:first-child{color:var(--text);font-size:clamp(28px,3vw,42px);font-weight:740}.auth-preview-title span:last-child{color:var(--text-muted);padding-bottom:5px;font-size:12px}.auth-preview-list{display:grid}.auth-preview-row{border-bottom:1px solid var(--border);grid-template-columns:22px minmax(0,1fr) 10px;align-items:center;gap:13px;min-height:70px;display:grid}.auth-preview-check{border:1.5px solid var(--border-strong);border-radius:50%;width:20px;height:20px}.auth-preview-check.is-done{border-color:var(--success);background:var(--success);box-shadow:inset 0 0 0 5px var(--nav)}.auth-preview-lines{gap:8px;display:grid}.auth-preview-lines span{background:var(--border-strong);border-radius:3px;height:7px;display:block}.auth-preview-lines span:first-child{width:min(82%,300px)}.auth-preview-lines span:last-child{background:var(--border);width:min(48%,170px);height:5px}.auth-preview-lines.is-done{opacity:.48}.auth-preview-dot{border-radius:50%;width:8px;height:8px}.auth-preview-dot--blue{background:var(--accent)}.auth-preview-dot--green{background:var(--success)}.auth-preview-dot--yellow{background:var(--warning)}.auth-access{border-left:1px solid var(--border);background:var(--surface);place-items:center;min-width:0;padding:48px 36px;display:grid;overflow-y:auto}.auth-mobile-brand{display:none}.clerk-auth-stage{width:min(100%,420px)}.auth-loading,.auth-check{width:100%;min-height:100dvh;color:var(--text-secondary);background:var(--page);place-items:center;padding:24px;display:grid}.auth-check-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,880px);padding:24px}.auth-check-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.auth-check-kicker{color:var(--accent);text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:750}.auth-check h1{margin:0;font-size:24px}.auth-check-results{border:1px solid var(--border);border-radius:7px;grid-template-columns:repeat(3,1fr);margin:24px 0 0;display:grid}.auth-check-results>div{border-right:1px solid var(--border);padding:16px}.auth-check-results>div:last-child{border-right:0}.auth-check-results dt{color:var(--text-muted);text-transform:uppercase;font-size:11px}.auth-check-results dd{color:var(--success);font-family:var(--font-mono);margin:7px 0 0}.auth-check-results dd.is-pending{color:var(--warning)}.auth-check-action{color:#101216;background:var(--accent);border-radius:6px;min-height:36px;padding:0 12px;font-weight:700}@keyframes row-flash{0%{background:var(--success-soft);box-shadow:inset 3px 0 0 var(--success)}to{background:0 0;box-shadow:inset 3px 0 #0000}}@media (width<=1100px){.app{grid-template-columns:220px minmax(0,1fr)}.main{padding-left:26px;padding-right:26px}.auth-screen{grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr)}}@media (width<=900px){.auth-screen{background:var(--surface);min-height:100dvh;display:block}.auth-preview{display:none}.auth-access{border-left:0;min-height:100dvh;padding:88px 24px 32px;position:relative}.auth-mobile-brand{display:block;position:absolute;top:24px;left:26px}}@media (width<=760px){body{overflow:hidden}.app{display:block}.main{width:100%;height:100dvh;padding:20px 16px 100px}.main-header{min-height:54px;margin-bottom:14px}.header-title{font-size:23px}.hide-btn{width:36px;padding:0}.hide-btn span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.add-form{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"input add""project project";margin-bottom:17px}.add-input{grid-area:input}.project-select{grid-area:project}.add-btn{grid-area:add;min-width:44px;padding:0}.add-btn span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.task-row{grid-template-columns:28px minmax(0,1fr) 34px 36px;min-height:70px;padding-left:2px}.task-drag-handle{display:none}.task-row-check{grid-column:1}.task-row-content{grid-column:2}.task-row-menu{grid-column:4}.task-row-menu .icon-btn{opacity:1}.task-expand-btn{grid-column:3}.task-row-meta{gap:5px 10px}.task-inline-details{padding:4px 8px 16px 31px}.sidebar{z-index:70;width:min(86vw,300px);height:100dvh;box-shadow:var(--shadow);transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.sidebar.is-mobile-open{transform:translate(0)}.sidebar-close{display:inline-flex}.sidebar-backdrop{z-index:65;background:#07080aad;display:block;position:fixed;inset:0}.project-menu-trigger,.subtask-menu-trigger{opacity:1}.task-dialog-backdrop{place-items:end center;padding:0}.task-dialog{border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0;width:100%;max-height:calc(100dvh - 8px)}.task-dialog-scroll{padding:20px 17px}.task-dialog-footer{padding-bottom:max(14px, env(safe-area-inset-bottom))}.mobile-nav{z-index:50;min-height:66px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#15181df7;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{min-width:0;color:var(--text-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:650;display:flex}.mobile-nav button.is-active{color:var(--accent)}.auth-access{padding:80px 12px 18px}.auth-mobile-brand{top:20px;left:20px}.auth-check-results{grid-template-columns:1fr}.auth-check-results>div{border-right:0;border-bottom:1px solid var(--border)}.auth-check-results>div:last-child{border-bottom:0}}@media (width<=420px){.task-property{grid-template-columns:92px minmax(0,1fr)}.task-inline-complete,.task-completion-callout{grid-template-columns:20px minmax(0,1fr)}.task-inline-complete button,.task-completion-callout button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}