:root{--navy-950:#0b1039;--navy-900:#111742;--navy-800:#19225f;--turquoise:#44d4cd;--turquoise-soft:#dff8f6;--label-accent:var(--muted);--important-ink:var(--amber);--urgent-ink:var(--coral);--amber:#d6a84f;--coral:#d9776a;--ink:#171b35;--muted:#73788d;--control-muted:#8b8f9e;--control-hover:#f1f2f5;--field:#fafbfc;--field-border:#dde0e8;--task-checked:#8b8f9e;--note-mark:#aeb3bf;--line:#e8eaf0;--surface:#fff;--canvas:#f7f8fa;--sidebar-width:248px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--heading:var(--navy-900);--view-accent-opacity:1;--link:var(--navy-800);--link-hover:#287a79;--well:#e9ebef;--toolbar:color-mix(in srgb, var(--field) 95%, black 5%);--checkbox-border:#c6cad4;--border-hover:#aab1c2;--selected:var(--navy-900);--selected-ink:#fff;--focus:var(--navy-900);--switch-track:#d9dce4;--switch-active:var(--navy-900);--floating-border:#11174214;--overlay:#0b103994;--header-shadow:#1117421a;--dot-outline:#0000000d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#121622;--surface:#1b2030;--field:#242b3d;--toolbar:#242b3d;--well:#242b3d;--ink:#e9ecf5;--heading:#e9ecf5;--view-accent-opacity:.75;--muted:#a0a8bc;--control-muted:#a0a8bc;--control-hover:#30394e;--text-secondary:#c3c9d8;--text-subtle:#a0a8bc;--text-faint:#a0a8bc;--field-border:#343c50;--line:#343c50;--border-hover:#7b859d;--checkbox-border:#7b859d;--note-mark:#a0a8bc;--link:#6ce0da;--link-hover:#a1eee9;--turquoise-soft:#1d393f;--accent-ink:#6ce0da;--important-surface:#3a3023;--important-selected:#51412a;--urgent-surface:#3d2b30;--urgent-selected:#57343a;--selected:#3d4b6b;--selected-ink:#f4f6fb;--focus:#6ce0da;--switch-track:#50596e;--switch-active:#478c88;--floating-border:#343c50;--overlay:#04070fb3;--header-shadow:#0000003d;--dot-outline:#fff3}*{box-sizing:border-box}html{background:var(--canvas);-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;font-size:112.5%}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}select option,select optgroup{background:var(--surface);color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:none;outline:none}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;transition:grid-template-columns var(--motion-duration,.24s) var(--ease);display:grid}.app-shell.sidebar-compact{grid-template-columns:56px minmax(0,1fr)}.sidebar{background:var(--navy-900);color:#ffffffc2;z-index:20;flex-direction:column;height:100dvh;min-height:100dvh;padding:20px 10px 14px;display:flex;position:sticky;top:0}.sidebar-brand{flex:0 0 58px;align-items:center;height:58px;margin:0 0 6px;display:flex;position:relative;overflow:hidden}.brand-full-wrap{flex:none;width:144px;height:58px;overflow:hidden}.brand-full{width:153.6px;max-width:none;height:57.6px;margin-left:-9.975px;display:block}.nav-section{margin-bottom:18px}.nav-label{color:#ffffff6e;letter-spacing:.13em;text-transform:uppercase;padding:0;font-size:.5625rem;font-weight:700;display:block}.nav-item{color:#ffffffad;text-align:left;width:100%;min-height:34px;transition:background var(--motion-duration,.16s) var(--ease), color var(--motion-duration,.16s) var(--ease), transform var(--motion-duration,.16s) var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 9px;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item:active{transform:scale(.985)}.nav-item.active{color:#66e2dd;background:#44d4cd21;font-weight:600}.nav-item.important.active{color:var(--important-ink);background:#d6a84f24}.nav-item.urgent.active{color:var(--urgent-ink);background:#d9776a24}.nav-item svg{stroke-width:1.7px;flex:none;width:18px;height:18px}.nav-text{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.nav-count{color:#ffffff6b;background:#ffffff0f;border-radius:10px;place-items:center;min-width:21px;height:19px;margin-left:auto;font-size:.625rem;font-weight:600;display:grid}.nav-heading{justify-content:space-between;align-items:center;min-height:25px;display:flex}.section-toggle{color:#ffffff6e;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:0 8px;display:flex}.section-toggle:hover{color:#fffc}.section-toggle>svg{transition:transform var(--motion-duration,.16s) var(--ease)}.section-toggle>svg.section-open{transform:rotate(-90deg)}.mini-button,.project-more,.project-star{color:#ffffff73;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.mini-button{width:26px;height:26px}.mini-button:hover,.project-more:hover,.project-star:hover{color:#fff;background:#ffffff14}.project-nav-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.project-nav-row.is-draggable{cursor:grab}.project-nav-row.is-draggable:active{cursor:grabbing}.project-nav-row.is-draggable[draggable=true] .nav-item{cursor:inherit}.project-nav-row.is-dragging{opacity:.48}.project-nav-row.drop-before:before,.project-nav-row.drop-after:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 3px 50%, var(--turquoise) 0 3px, transparent 3.5px), linear-gradient(var(--turquoise), var(--turquoise)) 6px 3px / calc(100% - 6px) 2px no-repeat;filter:drop-shadow(0 0 3px #44d4cd6b);height:7px;position:absolute;left:5px;right:5px}.project-nav-row.drop-before:before{top:-4px}.project-nav-row.drop-after:after{bottom:-4px}.project-nav-row .project-dot{width:12px;height:12px;margin-inline:3px}.project-actions{align-items:center;display:flex}.project-more,.project-star{width:30px;height:30px}.project-star.selected{color:var(--important-ink)}.project-star.selected svg{fill:currentColor}.project-dot{width:11px;height:11px;box-shadow:inset 0 0 0 1px var(--dot-outline);border-radius:999px;flex:none}.sidebar-footer{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;margin-top:auto;display:grid}.nav-kbd{color:#ffffff61;text-align:center;border:1px solid #ffffff21;border-radius:5px;min-width:24px;margin-left:auto;padding:2px 5px;font-size:.6875rem}.local-mode-card{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff14;align-items:center;gap:9px;padding:12px 4px;display:flex}.local-mode-card:hover{background:#ffffff0a;border-radius:999px}.local-mode-card>span:last-child{min-width:0;display:grid}.local-mode-card strong{color:#fffc;white-space:nowrap;font-size:.6875rem;font-weight:650}.local-mode-card small{color:#ffffff61;white-space:nowrap;margin-top:2px;font-size:.625rem}.local-mode-icon{width:28px;height:28px;color:var(--turquoise);background:#44d4cd26;border-radius:999px;flex:none;place-items:center;display:grid}.local-mode-icon.error,.local-mode-icon.offline{color:var(--urgent-ink);background:#d9776a24}.sidebar-toggle{width:42px;height:42px;color:var(--heading);background:var(--canvas);box-shadow:none;z-index:22;transition:background-color var(--motion-duration,.16s) var(--ease), color var(--motion-duration,.16s) var(--ease);border:0;border-radius:999px;justify-self:end;place-items:center;margin:0 -31px 12px 0;display:grid}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{color:var(--link-hover)}.app-shell.sidebar-compact>.sidebar .brand-full-wrap{width:36px}.app-shell.sidebar-compact>.sidebar .nav-text,.app-shell.sidebar-compact>.sidebar .nav-count,.app-shell.sidebar-compact>.sidebar .nav-kbd,.app-shell.sidebar-compact>.sidebar .local-mode-card>span:last-child{display:none}.app-shell.sidebar-compact>.sidebar .nav-section{margin-bottom:15px}.app-shell.sidebar-compact>.sidebar .project-nav-row{display:block}.app-shell.sidebar-compact>.sidebar .project-nav-row .nav-item{min-height:32px}.app-shell.sidebar-compact>.sidebar .project-actions{display:none}.app-shell.sidebar-compact>.sidebar [data-tooltip]{position:relative}.app-shell.sidebar-compact>.sidebar [data-tooltip]:after{content:attr(data-tooltip);z-index:120;background:var(--navy-950);color:#fff;letter-spacing:0;text-transform:none;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--motion-duration,.12s) var(--ease), transform var(--motion-duration,.12s) var(--ease);border:1px solid #ffffff1f;border-radius:8px;padding:6px 8px;font-size:.6875rem;font-weight:600;line-height:1.2;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-3px,-50%)}.app-shell.sidebar-compact>.sidebar [data-tooltip]:hover:after,.app-shell.sidebar-compact>.sidebar [data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%)}.content{flex-direction:column;min-width:0;min-height:100dvh;padding:0 40px 24px;display:flex}.canvas{overflow-anchor:none;width:clamp(940px,80vw,1200px);max-width:100%;padding:0 0 calc(24px + var(--header-collapse-space,0px));margin:0 auto}.view-header{--view-title-size:clamp(2.125rem, 5vw, 3.0625rem);z-index:18;background:color-mix(in srgb, var(--canvas) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--motion-duration,.22s) var(--ease);justify-content:space-between;align-items:flex-start;gap:24px;padding:20px;display:flex;position:sticky;top:0}.view-header>div:not(.view-actions){flex:1;align-self:center;min-width:0}.view-header:after{content:"";background:radial-gradient(ellipse at 50% 0, var(--header-shadow), transparent 70%);pointer-events:none;height:12px;position:absolute;inset:100% 0 auto}.view-project-band{height:5px;opacity:var(--view-accent-opacity);border-radius:5px;position:absolute;inset:auto 0 0}.eyebrow{min-height:20px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:.6875rem;font-weight:750;display:flex}.view-title-row{align-items:center;gap:8px;display:flex}.view-header h1{overflow-wrap:anywhere;min-width:0;font-size:var(--view-title-size);letter-spacing:-.025em;color:var(--heading);opacity:var(--view-accent-opacity);transition:font-size var(--motion-duration,.22s) var(--ease), margin var(--motion-duration,.22s) var(--ease);margin:3px 0 6px;line-height:1.05}.view-header.is-compact{background:color-mix(in srgb, var(--canvas) 60%, transparent)}.view-header.is-compact .eyebrow,.view-header.is-compact p{opacity:0;min-height:0;max-height:0}.view-header.is-compact .view-title-row button{display:none}.view-header.is-compact h1{font-size:calc(var(--view-title-size) * .5);margin:0}.project-edit-button{width:36px;height:36px;color:var(--control-muted);transition:background-color var(--motion-duration,.16s) var(--ease), color var(--motion-duration,.16s) var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;margin-top:-1px;display:grid}.project-edit-button:hover{background:var(--control-hover);color:var(--ink)}.view-header .eyebrow{max-height:48px;transition:max-height var(--motion-duration,.22s) var(--ease), min-height var(--motion-duration,.22s) var(--ease), opacity var(--motion-duration,.16s) var(--ease);overflow:hidden}.view-header p{opacity:1;max-height:64px;transition:max-height var(--motion-duration,.22s) var(--ease), opacity var(--motion-duration,.16s) var(--ease);color:var(--muted);margin:0;font-size:.75rem;overflow:hidden}.view-header p span{color:var(--text-faint,#b0b4c0);padding:0 3px}.view-actions{align-items:center;gap:8px;display:flex}.icon-button{background:var(--turquoise);width:44px;height:44px;color:var(--navy-900);transition:background-color var(--motion-duration,.16s) var(--ease), color var(--motion-duration,.16s) var(--ease), transform var(--motion-duration,.16s) var(--ease);border:0;border-radius:999px;place-items:center;display:grid}.icon-button:hover{background:var(--selected);color:var(--selected-ink);transform:translateY(-1px)}.view-actions .icon-button{width:40px;height:40px;color:var(--control-muted);background:0 0}.view-actions .icon-button:hover{background:var(--control-hover);color:var(--ink);transform:none}.item-display-switcher{--switcher-size:36px;--switcher-padding:3px;--switcher-index:0;grid-template-columns:repeat(3, var(--switcher-size));min-height:40px;padding:var(--switcher-padding);background:var(--well);color:var(--control-muted);border-radius:999px;align-items:center;gap:2px;display:grid;position:relative}.item-display-switcher[data-mode=note]{--switcher-index:1}.item-display-switcher[data-mode=task]{--switcher-index:2}.item-display-switcher:before{content:"";left:var(--switcher-padding);width:var(--switcher-size);height:var(--switcher-size);background:var(--surface);pointer-events:none;transform:translate(calc(var(--switcher-index) * (var(--switcher-size) + 2px)), -50%);transition:transform var(--motion-duration,.28s) var(--ease);border-radius:50%;position:absolute;top:50%;box-shadow:0 5px 13px #11174226}.item-display-switcher button{width:var(--switcher-size);height:var(--switcher-size);color:inherit;transition:color var(--motion-duration,.16s) var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.item-display-switcher button:hover,.item-display-switcher button.selected{color:var(--heading)}.mobile-header-drawer{display:none}.sync-header-status{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 8px;font-size:.625rem;display:flex}.sync-header-status>span,.mobile-sync-status>span{background:#8b8f9e;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 3px #8b8f9e21}.sync-header-status.synced>span,.mobile-sync-status.synced>span{background:#3aa878;box-shadow:0 0 0 3px #3aa87821}.sync-header-status.loading>span,.sync-header-status.syncing>span,.mobile-sync-status.loading>span,.mobile-sync-status.syncing>span{animation:sync-pulse var(--motion-duration,1.2s) var(--ease) var(--motion-iterations,infinite);background:#5c78d6;box-shadow:0 0 0 3px #5c78d621}.sync-header-status.reconnecting>span,.mobile-sync-status.reconnecting>span{animation:sync-pulse var(--motion-duration,1.2s) var(--ease) var(--motion-iterations,infinite);background:#d6a84f;box-shadow:0 0 0 3px #d6a84f21}.sync-header-status.offline>span,.mobile-sync-status.offline>span{background:#d9776a;box-shadow:0 0 0 3px #d9776a21}.sync-header-status.error>span,.mobile-sync-status.error>span{background:#c84f56;box-shadow:0 0 0 3px #c84f5621}.list-area{box-shadow:none;background:0 0;border:0;border-radius:0;padding:18px 26px 72px;overflow:visible}.item-group~.item-group{margin-top:12px}.item-group-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;display:grid}.item-group h2{color:var(--text-subtle,#858a9b);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin:0;padding:9px 4px 7px;font-size:.5625rem;display:flex}.item-group h2 span{color:var(--text-subtle,#9a9dac);place-items:center;min-width:17px;height:16px;font-size:.5625rem;display:grid}.item-sort-controls{align-items:center;gap:4px;display:flex}.item-sort-controls select,.item-sort-direction{border:1px solid var(--field-border);background:var(--surface);height:30px;min-height:30px;color:var(--muted);transition:border-color var(--motion-duration,.16s) var(--ease), color var(--motion-duration,.16s) var(--ease);border-radius:999px;font-size:.625rem}.item-sort-select{display:block;position:relative}.item-sort-controls select{appearance:none;width:calc(16ch + 36px);padding:0 26px 0 10px}.item-sort-select-icon{pointer-events:none;stroke-width:2px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.item-sort-direction{place-items:center;width:30px;padding:0;display:grid}.item-sort-controls select:hover,.item-sort-direction:hover{border-color:var(--border-hover);color:var(--heading)}.item-sort-select:focus-within select,.item-sort-direction:focus-visible{border-color:color-mix(in srgb, var(--turquoise) 65%, var(--field-border))}.item-list{gap:6px;display:grid}.swipe-actions,.item-state-icons{display:none}.item-row{min-height:35px;transition:background var(--motion-duration,.16s) var(--ease), grid-template-columns var(--motion-duration,.2s) var(--ease);border-radius:7px;grid-template-columns:24px 15px minmax(0,1fr) auto;align-items:start;padding:4px 1px 4px 10px;display:grid}.item-row.project-labels-expanded{grid-template-columns:24px calc(var(--project-chip-width,80px) + 2.5px) minmax(0, 1fr) auto}.item-row:hover{background:color-mix(in srgb, var(--surface) 66%, transparent)}.checkbox,.detail-status-box{border:1.5px solid var(--checkbox-border);color:#fff;width:19px;height:19px;transition:background-color var(--motion-duration,.18s) var(--ease), border-color var(--motion-duration,.18s) var(--ease), color var(--motion-duration,.18s) var(--ease);background:0 0;border-radius:999px;place-items:center;padding:0;display:grid}.checkbox{margin-top:3px}.checkbox:hover,.detail-status-toggle:hover .detail-status-box{border-color:var(--task-checked)}.checkbox.checked,.detail-status-box.checked{background:var(--task-checked);border-color:var(--task-checked)}.note-bullet{width:19px;height:19px;color:var(--control-muted);background:0 0;border:0;border-radius:999px;place-items:center;margin-top:3px;padding:0;display:grid}.note-bullet:hover{background:var(--control-hover);color:var(--heading)}.note-mark{background:var(--note-mark);border-radius:999px;width:12px;height:3px}.item-project-dot{justify-self:center;width:10px;height:10px;margin-top:7px}.project-dot-spacer{width:10px;height:10px;margin-top:7px}.item-project-chip{background:0 0;border:0;justify-items:start;height:24px;padding:0;display:grid}.item-project-chip-visual{background:color-mix(in srgb, var(--project-color) 12%, var(--surface));width:10px;height:18px;transition:width var(--motion-duration,.2s) var(--ease), padding-right var(--motion-duration,.2s) var(--ease);border-radius:999px;align-items:center;gap:4px;margin:3px 0 0 2.5px;padding-right:0;display:flex;overflow:hidden}.item-project-chip-dot{background:var(--project-color);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--dot-outline);border-radius:999px;flex:0 0 10px}.item-project-chip-label{min-width:0;color:var(--heading);letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity var(--motion-duration,.1s) var(--ease);font-size:.5rem;font-weight:400;line-height:1}.item-project-chip.expanded .item-project-chip-visual{width:var(--project-pill-width,80px);padding-right:6px}.item-project-chip.expanded .item-project-chip-label{opacity:1;transition-delay:var(--motion-delay,80ms)}.mobile-project-dot{display:none}.item-main{text-align:left;background:0 0;border:0;align-items:flex-start;gap:10px;min-width:0;padding:3px 7px;display:flex}.item-title-wrap{align-items:center;gap:4px;min-width:0;display:flex}.item-title{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:.8125rem;font-weight:400;overflow:hidden}.item-description-indicator{width:17px;height:17px;color:var(--control-muted);flex:none;place-items:center;display:grid}.item-meta{color:var(--text-subtle,#9296a7);white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:.625rem;display:flex}.item-date{align-items:center;gap:4px;display:inline-flex}.item-date svg{flex:none}.item-date.empty{color:var(--text-faint,#a6a9b5)}.due-overdue{color:var(--urgent-ink)}.item-flags{align-items:center;display:flex}.flag-button{width:31px;height:31px;color:var(--text-faint,#aeb3bf);opacity:1;transition:color var(--motion-duration,.16s) var(--ease), background-color var(--motion-duration,.16s) var(--ease), opacity var(--motion-duration,.16s) var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.flag-button.important:hover,.flag-button.important.selected{color:var(--important-ink)}.flag-button.important.selected svg{fill:currentColor}.flag-button.urgent:hover,.flag-button.urgent.selected{color:var(--urgent-ink)}.flag-button.urgent.selected svg{fill:currentColor}.is-complete .item-title{color:var(--text-faint,#9da1ae);text-decoration:line-through}.is-complete .item-main{opacity:.68}.is-archived .item-title{color:var(--text-faint,#9da1ae)}.is-archived .item-main{opacity:.68}.quick-add-trigger{z-index:70;width:48px;height:48px;min-height:48px;color:var(--navy-900);transition:color var(--motion-duration,.16s) var(--ease), background var(--motion-duration,.16s) var(--ease), transform var(--motion-duration,.16s) var(--ease);background:#44d4cd;border:0;border-radius:999px;place-items:center;margin:0;padding:0;display:grid;position:fixed;bottom:24px;right:24px}.quick-add-trigger:hover{color:var(--selected-ink);background:var(--selected)}.quick-add-trigger:active{transform:scale(.985)}.quick-add{background:var(--surface);border:1px solid var(--field-border);border-radius:16px;padding:18px}.quick-add-dialog{width:min(840px,100%);animation:slide-up var(--motion-duration,.2s) var(--ease);margin:0;box-shadow:0 24px 70px #0b10393d}.quick-add-entry{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:16px;display:grid}.quick-add-entry-actions{align-items:flex-end;gap:8px;display:flex}.quick-title-field,.quick-add-field{min-width:0;color:var(--text-subtle,#777c8f);gap:7px;font-size:.6875rem;font-weight:650;display:grid}.quick-title-field input{border:1px solid var(--field-border);background:var(--field);width:100%;min-width:0;min-height:46px;color:var(--ink);border-radius:12px;padding:0 13px;font-size:.875rem}.quick-title-field input::placeholder{color:var(--text-faint,#b2b5c0)}.note-toggle{border:1px solid var(--field-border);background:var(--field);min-height:46px;color:var(--text-subtle,#777c8d);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:.6875rem;font-weight:600;display:flex}.note-toggle input{width:15px;height:15px;accent-color:var(--label-accent);margin:0}.quick-description-toggle{border:1px solid var(--field-border);background:var(--field);min-height:46px;color:var(--text-subtle,#777c8d);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.6875rem;font-weight:600;display:flex}.quick-description-toggle:not(:disabled):hover{background:var(--control-hover);color:var(--ink)}.quick-description-toggle:disabled{background:var(--field);color:var(--text-faint,#b7bac5);cursor:not-allowed}.quick-description-field{min-width:0;color:var(--text-subtle,#777c8f);gap:7px;margin:-2px 0 16px;font-size:.6875rem;font-weight:650;display:grid}.content-editor{background:0 0;border:0;flex-direction:column;min-width:0;min-height:0;font-weight:400;display:flex;overflow:hidden}.content-toolbar{border:1px solid var(--field-border);background:var(--toolbar);border-radius:12px;flex-wrap:wrap;flex:none;align-items:center;gap:4px;padding:5px 8px;display:flex}.content-toolbar button{width:32px;height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;font-size:.8125rem;display:grid}.content-toolbar button:hover{background:var(--control-hover);color:var(--ink)}.content-toolbar button[aria-pressed=true]{background:var(--selected);color:var(--selected-ink)}.content-toolbar button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.content-counter{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.625rem}.content-editor-body{min-height:0}.content-editor-input{overscroll-behavior:contain;height:160px;color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;outline:none;padding:11px 13px;font-size:.8125rem;font-weight:400;line-height:1.6;overflow-y:auto}.content-editor-input p,.formatted-content p{margin:0}.content-editor-input strong,.detail-description strong{font-weight:700}.content-editor .form-error{flex:none;margin:0;padding:5px 12px}.quick-add-controls{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1fr) auto;align-items:end;gap:10px;display:grid}.quick-add-control{border:1px solid var(--field-border);background:var(--field);min-width:0;min-height:44px;color:var(--text-subtle,#858a9b);border-radius:12px;align-items:center;gap:8px;padding:0 11px;display:flex}.quick-add-controls input,.quick-add-controls select{width:100%;min-width:0;color:var(--text-subtle,#73788b);background:0 0;border:0;font-size:.75rem}.project-dot.empty{border:1.5px dashed var(--checkbox-border);box-shadow:none;background:0 0}.quick-add-actions{align-items:center;gap:8px;display:flex}.quick-add-actions .text-button,.quick-add-actions .primary-button{min-height:44px}.text-button,.primary-button,.delete-button,.archive-button{border:0;border-radius:999px;min-height:40px;padding:0 14px;font-size:.75rem;font-weight:650}.text-button{color:var(--control-muted);background:0 0}.text-button:hover{background:var(--control-hover);color:var(--ink)}.primary-button{background:var(--turquoise);color:var(--navy-900);box-shadow:none}.primary-button:hover{background:var(--selected);color:var(--selected-ink);transform:translateY(-1px)}.primary-button:disabled{opacity:1;background:var(--turquoise);color:#11174275;cursor:not-allowed;transform:none}.completed-toggle{width:100%;min-height:44px;color:var(--text-subtle,#8e92a1);letter-spacing:.13em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:7px;padding:0 13px;font-size:.5625rem;font-weight:700;display:flex}.completed-toggle span{margin-left:auto}.completed-toggle svg{transition:transform var(--motion-duration,.16s) var(--ease);flex-shrink:0}.completed-toggle .rotate-down{transform:rotate(-90deg)}.item-group-toggle{text-align:left;min-width:0;padding-inline:4px}.item-group-toggle span{margin-left:0}.empty-state{text-align:center;padding:58px 24px 45px}.empty-state>span{width:55px;height:55px;color:var(--turquoise);background:var(--turquoise-soft);border-radius:18px;place-items:center;margin:0 auto 15px;display:grid}.empty-state h2{color:var(--heading);margin:0 0 8px;font-size:1.0625rem}.empty-state p{max-width:360px;color:var(--muted);margin:0 auto;font-size:.75rem;line-height:1.6}.date-strip-wrap{align-items:center;gap:12px;margin:18px 26px 3px;display:flex}.date-strip{flex:1;grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.date-strip button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 66%, transparent);border-radius:999px;place-content:center;gap:3px;min-height:61px;display:grid}.date-strip small{color:var(--text-subtle,#989cab);text-transform:uppercase;font-size:.5625rem}.date-strip strong{color:var(--heading);font-size:.875rem}.date-strip button.selected{background:var(--selected);border-color:var(--selected)}.date-strip button.selected small,.date-strip button.selected strong{color:var(--selected-ink)}.today-button{background:var(--turquoise);min-height:41px;color:var(--navy-900);border:0;border-radius:999px;padding:0 12px;font-size:.6875rem;font-weight:650}.today-button:hover{background:var(--selected);color:var(--selected-ink)}.dialog-backdrop,.mobile-nav-backdrop{background:var(--overlay);z-index:80;animation:fade-in var(--motion-duration,.16s) var(--ease);justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.dialog-backdrop.quick-add-backdrop{justify-content:flex-end;align-items:flex-end}.editor-sheet,.shortcut-dialog,.sync-dialog{background:var(--surface);width:min(560px,100%);animation:slide-up var(--motion-duration,.2s) var(--ease);border-radius:24px;padding:23px;box-shadow:0 24px 70px #0b10393d}.compact-editor{width:min(440px,100%)}.project-lifecycle{margin:18px 0}.project-lifecycle-hint{color:var(--muted);margin:0 0 14px;font-size:.75rem;line-height:1.6}.project-lifecycle-actions{flex-wrap:wrap;gap:8px;display:flex}.project-lifecycle-actions button{min-height:44px}.project-delete-description{overflow-wrap:anywhere;font-size:.875rem;line-height:1.5}.project-archive-sheet{max-height:85dvh;overflow-y:auto}.project-archive-list{gap:6px;display:grid}.project-archive-row{align-items:center;gap:8px;display:flex}.project-archive-name{text-align:left;background:0 0;border:0;border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:10px;font-size:.8125rem;display:flex}.project-archive-name:hover{background:var(--control-hover)}.project-archive-name>span:last-child{overflow-wrap:anywhere}.project-archive-name .project-dot{flex-shrink:0}.project-archive-row .detail-icon-action{width:44px;height:44px}.project-archive-empty{color:var(--muted);padding:12px 0;font-size:.8125rem}.archived-projects-nav{margin-top:6px}.editor-header{justify-content:space-between;align-items:flex-start;margin-bottom:21px;display:flex}.editor-header>div>span{color:var(--label-accent);letter-spacing:.11em;text-transform:uppercase;font-size:.625rem;font-weight:750}.editor-header h2{color:var(--heading);letter-spacing:-.025em;margin:3px 0 0;font-size:1.5rem}.item-detail-sheet{padding:0;overflow:hidden}.item-detail-sheet .editor-header{border-bottom:1px solid var(--line);align-items:center;min-height:66px;margin:0;padding:17px 17px 14px 22px}.item-detail-sheet .editor-header h2{font-size:1.1875rem}.detail-content{padding:22px}.detail-text-block+.detail-text-block{border-top:1px solid var(--line);margin-top:16px;padding-top:14.4px}.detail-label{color:var(--text-subtle,#858a9b);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:.625rem;font-weight:750;display:block}.detail-field-heading{flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:28px;margin-bottom:4px;display:flex}.detail-field-heading .detail-label{margin-bottom:0}.detail-edit-actions{align-items:center;gap:5px;display:flex}.detail-field-heading .detail-icon-action,.detail-title-row .detail-icon-action{width:28px;height:28px;min-height:28px;margin-block:0}.detail-edit-actions .detail-icon-action svg{width:16px;height:16px}.detail-read-row{align-items:center;gap:10px;width:100%;display:flex}.detail-read-row.align-start{align-items:flex-start}.detail-read-row>p{min-width:0;color:var(--heading);overflow-wrap:anywhere;white-space:pre-wrap;flex:auto;margin:0;font-size:1rem;font-weight:650;line-height:1.5}.detail-description .formatted-content{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;color:var(--text-secondary,#4e5569);flex:auto;font-size:.8125rem;font-weight:450;line-height:1.6}.detail-read-row .empty{color:var(--text-faint,#a2a6b3);font-style:italic}.detail-read-row a{color:var(--link);text-underline-offset:3px;text-decoration-color:#44d4cdb8;text-decoration-thickness:1.5px}.detail-read-row a:hover{color:var(--link-hover);text-decoration-color:currentColor}.detail-read-row a:focus-visible{background:var(--turquoise-soft);border-radius:3px;outline:none}.detail-icon-action{width:34px;height:34px;min-height:34px;color:var(--text-faint,#9499a8);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.detail-icon-action:hover{background:var(--control-hover);color:var(--heading)}.detail-icon-action.save{background:var(--selected);color:var(--selected-ink)}.detail-icon-action.save:hover{background:var(--turquoise);color:var(--navy-900)}.detail-icon-action.cancel:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.detail-inline-editor{display:block}.detail-title-row{align-items:center;gap:10px;min-height:28px;display:flex}.detail-title-marker{background:0 0;border:0;flex:none;place-items:center;height:28px;padding:0;display:grid;position:relative}.detail-status-toggle:before{content:"";position:absolute;inset:-8px -10px -8px -15px}.detail-title-row>input{flex:1}.detail-title-row .detail-edit-actions{flex:none}.detail-inline-editor input{border:0;border-bottom:1px solid var(--field-border);width:100%;min-width:0;color:var(--ink);font:inherit;height:28px;min-height:28px;box-shadow:none;background:0 0;border-radius:0;outline:none;padding:1px 0;font-size:1rem;font-weight:650;line-height:1.5}.detail-inline-editor input:focus{border-color:var(--border-hover)}.detail-date-error{flex:none;margin:0;padding:0 22px 12px}.detail-metadata{border-top:1px solid var(--line);background:var(--field);flex-wrap:wrap;gap:7px;padding:13px 22px 17px;display:flex}.detail-meta-control,.detail-meta-button{border:1px solid var(--field-border);background:var(--surface);min-width:0;min-height:36px;color:var(--text-secondary,#666d80);align-items:center;gap:6px;padding:0 10px;font-size:.6875rem;font-weight:650;display:inline-flex}.detail-meta-control{border-radius:10px}.detail-meta-button{border-radius:999px}.detail-meta-button.icon-only{flex:none;justify-content:center;width:36px;padding:0}.detail-meta-control input,.detail-meta-control select{min-width:0;max-width:132px;color:inherit;font:inherit;background:0 0;border:0;outline:none}.detail-meta-control.project select{max-width:120px}.detail-project-actions{display:contents}.detail-meta-button.important.selected{color:var(--important-ink);background:#d6a84f1f;border-color:#d6a84f6b}.detail-meta-button.important.selected svg{fill:currentColor}.detail-meta-button.urgent.selected{color:var(--urgent-ink);background:#d9776a1a;border-color:#d9776a66}.detail-meta-button.urgent.selected svg{fill:currentColor}.detail-item-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.detail-meta-button.archive{color:var(--link)}.detail-meta-button.delete{color:var(--urgent-ink);background:#d9776a14;border-color:#d9776a61}.detail-meta-button.delete:hover{color:#fff;border-color:var(--urgent-ink);background:var(--coral)}.detail-meta-danger-separator{background:var(--line);width:1px;min-height:28px}.confirm-delete-backdrop{z-index:100}.confirm-delete-sheet{align-self:center;width:min(440px,100%)}.confirm-delete-sheet>p{color:var(--muted);overflow-wrap:anywhere;margin:0 0 20px;font-size:.8125rem;line-height:1.55}.field{gap:7px;margin-bottom:14px;display:grid}.field>span,.color-picker legend{color:var(--text-subtle,#777c8f);font-size:.6875rem;font-weight:650}.field input,.field textarea,.field select{border:1px solid var(--field-border);background:var(--field);width:100%;color:var(--ink);resize:none;border-radius:12px;padding:11px 12px}.color-picker .project-star-option{border:1px solid var(--field-border);background:var(--surface);width:31px;height:31px;min-height:31px;color:var(--text-subtle,#777c8d);box-shadow:none;border-radius:50%;place-items:center;margin:0;padding:0;display:grid}.color-picker .project-star-option:hover{border-color:var(--heading);background:var(--selected);color:var(--selected-ink)}.color-picker .project-star-option.selected{color:var(--important-ink);box-shadow:none;background:#d6a84f24;border-color:#d6a84f8c}.project-star-option.selected svg{fill:currentColor}.editor-actions{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:16px;display:flex}.delete-button{color:var(--urgent-ink);background:#d9776a14;align-items:center;gap:6px;display:flex}.archive-button{color:var(--link);background:var(--control-hover);align-items:center;gap:6px;display:flex}.archive-button:hover{background:var(--selected);color:var(--selected-ink)}.color-picker{border:0;min-width:0;margin:2px 0 27px;padding:0}.color-picker legend{margin-bottom:10px}.color-picker-options{gap:10px;display:flex}.color-picker button{border:2px solid var(--surface);width:31px;height:31px;box-shadow:none;border-radius:50%;flex:none}.color-picker button:not(.project-star-option){outline:1px solid var(--field-border);outline-offset:-1px}.color-picker button:not(.project-star-option).selected{border-color:var(--heading);outline:none}.custom-color-option{--custom-project-color:var(--turquoise);border:2px solid var(--surface);outline:1px solid var(--field-border);outline-offset:-1px;cursor:pointer;border-radius:50%;flex:0 0 31px;width:31px;height:31px;position:relative;overflow:hidden}.custom-color-option>input{z-index:2;opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.custom-color-option>span{border-radius:inherit;background:conic-gradient(from 25deg,#44d4cd,#5c78d6,#65458a,#c56f8c,#d9776a,#d6a84f,#6fa889,#44d4cd);position:absolute;inset:0}.custom-color-option.selected{border-color:var(--heading);outline:none}.custom-color-option.selected>span:after{content:"";border:2px solid var(--surface);background:var(--custom-project-color);border-radius:50%;position:absolute;inset:7px;box-shadow:0 0 0 1px #1117422e}.custom-color-option:focus-within{filter:brightness(.88)}.shortcut-dialog{align-self:center;width:min(500px,100%)}.shortcut-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.shortcut-group{align-content:start;min-width:0;display:grid}.shortcut-group h3{color:var(--label-accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 5px;font-size:.625rem;font-weight:750}.shortcut-group>div{border-bottom:1px solid var(--line);min-height:38px;color:var(--text-secondary,#555b70);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;font-size:.75rem;display:grid}.shortcut-group>div>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.shortcut-footer{border-top:1px solid var(--line);color:var(--text-subtle,#777c8d);flex-wrap:wrap;gap:10px 14px;margin-top:15px;padding-top:13px;font-size:.6875rem;display:flex}.shortcut-footer>span{align-items:center;gap:5px;display:flex}kbd{font-family:inherit}.shortcut-dialog kbd{border:1px solid var(--field-border);background:var(--field);min-width:29px;color:var(--heading);text-align:center;border-bottom-width:2px;border-radius:7px;padding:4px 7px;font-size:.6875rem;font-weight:700}.shortcut-dialog>p{color:var(--text-subtle,#969aa9);margin:17px 0 0;font-size:.6875rem}.display-preference{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:13px 0 0;display:flex}.display-preference>span{gap:3px;min-width:0;display:grid}.display-preference strong{color:var(--heading);font-size:.75rem}.display-preference small{color:var(--muted);font-size:.625rem;line-height:1.45}.theme-preference{flex-wrap:wrap;gap:10px}.theme-options{border:1px solid var(--field-border);background:var(--field);border-radius:999px;flex:1 0 100%;grid-template-columns:1.4fr 1fr 1fr;gap:3px;padding:3px;display:grid}.theme-options label{cursor:pointer;min-width:0;position:relative}.theme-options input{opacity:0;width:1px;height:1px;position:absolute}.theme-options span{min-height:44px;color:var(--muted);text-transform:uppercase;border-radius:999px;place-items:center;padding:0 8px;font-size:.6875rem;display:grid}.theme-options input:checked+span{background:var(--selected);color:var(--selected-ink)}.theme-options input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.theme-options label:hover span{box-shadow:inset 0 0 0 1px var(--border-hover)}.preference-switch{background:var(--switch-track);width:42px;height:24px;transition:background var(--motion-duration,.16s) var(--ease);border:0;border-radius:999px;flex:none;padding:0;position:relative}.preference-switch>span{width:18px;height:18px;transition:transform var(--motion-duration,.18s) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #1117422e}.preference-switch[aria-checked=true]{background:var(--switch-active)}.preference-switch[aria-checked=true]>span{transform:translate(18px)}.toast{z-index:95;background:var(--navy-950);color:#fff;border-radius:13px;align-items:center;gap:18px;max-width:calc(100vw - 112px);padding:12px 13px 12px 15px;font-size:.75rem;display:flex;position:fixed;bottom:25px;right:88px;box-shadow:0 15px 38px #0b103940}.toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast button{background:var(--turquoise);color:var(--navy-900);border:0;border-radius:999px;padding:7px 9px;font-size:.6875rem;font-weight:700}.toast button:hover{background:var(--navy-800);color:#fff}button:focus-visible{filter:brightness(.88)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{background:color-mix(in srgb, var(--field) 88%, var(--heading) 12%)}.quick-title-field input:hover,.quick-title-field input:focus-visible,.note-toggle:focus-within{background:var(--control-hover)}.quick-add-control:hover,.quick-add-control:focus-within{background:var(--field)}.quick-add-controls input:focus-visible,.quick-add-controls select:focus-visible{background:0 0}.mobile-nav-backdrop,.mobile-dock,.mobile-floating-controls{display:none}.startup-screen{z-index:1000;isolation:isolate;color:#fff;place-items:center;display:grid;position:fixed;inset:0}.startup-screen:before{content:"";z-index:-1;background:var(--navy-900);transform-origin:100%;position:absolute;inset:0}.startup-content{width:min(320px,100vw - 64px)}.startup-logo{width:100%;height:auto;display:block}.startup-progress{background:#fff3;border-radius:999px;height:3px;overflow:hidden}.startup-progress>span{background:var(--turquoise);height:100%;transition:width var(--motion-duration,.18s) var(--ease);display:block}.startup-caption{color:#fffc;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;font-size:.6875rem;display:flex}.startup-caption>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.startup-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.startup-actions button{color:#fff;min-height:44px;font:inherit;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:8px 16px;font-size:.75rem}.startup-actions button:hover{background:#ffffff1a}.startup-screen.is-ready .startup-content{animation:startup-logo-out var(--motion-duration,.5s) var(--ease) forwards}.startup-screen.is-ready:before{animation:startup-reveal var(--motion-duration,.6s) var(--ease) var(--motion-delay,.5s) forwards}@keyframes startup-logo-out{to{opacity:0}}@keyframes startup-reveal{to{transform:scaleX(0)}}.sync-dialog{align-self:center;width:min(470px,100%)}.sync-benefits{gap:12px;margin-bottom:22px;display:grid}.sync-benefits>div{border:1px solid var(--line);background:var(--field);border-radius:13px;grid-template-columns:37px 1fr;gap:10px;padding:12px;display:grid}.sync-benefits>div>span{background:var(--turquoise-soft);width:31px;height:31px;color:var(--accent-ink,#1ca5a3);border-radius:9px;place-items:center;font-size:.625rem;font-weight:750;display:grid}.sync-benefits p{color:var(--text-subtle,#8a8f9f);margin:0;font-size:.6875rem;line-height:1.45}.sync-benefits strong{color:var(--heading);margin-bottom:2px;font-size:.75rem;display:block}.sync-form{border-top:1px solid var(--line);padding-top:18px}.sync-form .primary-button{width:100%}.otp-step .sync-form{text-align:left;margin:17px 0 11px}.otp-input{text-align:center;letter-spacing:.28em;font-variant-numeric:tabular-nums;font-size:1.4375rem;font-weight:750}.form-error{color:var(--urgent-ink);margin:-5px 0 12px;font-size:.6875rem}.sync-hero{text-align:center;padding:9px 13px 21px}.sync-hero>span{width:60px;height:60px;color:var(--accent-ink,#1ca5a3);background:var(--turquoise-soft);border-radius:19px;place-items:center;margin:0 auto 14px;display:grid}.sync-hero h3{color:var(--heading);margin:0 0 7px;font-size:1.125rem}.sync-hero p{max-width:350px;color:var(--text-subtle,#818697);margin:0 auto 12px;font-size:.75rem;line-height:1.6}.signed-in-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.signed-in-row>div{min-width:0;display:grid}.signed-in-row small{color:var(--text-subtle,#969aa8);font-size:.625rem}.signed-in-row strong{text-overflow:ellipsis;color:var(--heading);font-size:.75rem;overflow:hidden}.sync-message{color:var(--important-ink);background:#d6a84f1a;border-radius:13px;gap:12px;padding:15px;display:flex}.sync-message p{color:var(--text-subtle,#777c8d);margin:4px 0 0;font-size:.6875rem;line-height:1.5}.sync-message code{background:color-mix(in srgb, var(--surface) 65%, transparent);border-radius:4px;padding:1px 4px}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}}@keyframes sync-pulse{50%{opacity:.35;transform:scale(.78)}}@media (min-width:700px){.dialog-backdrop{align-items:center}.item-detail-sheet{flex-direction:column;width:min(880px,100vw - 48px);max-height:min(86dvh,820px);display:flex;overflow:hidden}.item-detail-sheet.editing-content{height:min(86dvh,820px)}.item-detail-sheet .editor-header,.item-detail-sheet .detail-metadata{flex:none}.item-detail-sheet .detail-content{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.item-detail-sheet .detail-text-block:first-child{flex:none}.item-detail-sheet .detail-description{flex-direction:column;flex:auto;min-height:0;display:flex}.item-detail-sheet .detail-description .detail-read-row{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.item-detail-sheet .detail-description .detail-inline-editor{flex-direction:column;flex:1;min-height:0;display:flex}.item-detail-sheet .content-editor{flex:1}.item-detail-sheet .content-editor-input{height:100%}.item-detail-sheet .content-editor-body{flex:1;overflow:hidden}.item-main{align-items:center}.item-flags{margin-top:-4px}}@media (max-width:699px){html{font-size:120%}.app-shell,.app-shell.sidebar-compact{display:block}.app-shell>.sidebar{display:none}.content{padding:0}.canvas{width:100%;padding:0 0 var(--header-collapse-space,0px)}.view-header{--view-title-size:2.3125rem;padding-top:calc(20px + env(safe-area-inset-top));background:color-mix(in srgb, var(--canvas) 96%, transparent);justify-content:flex-start;gap:7px}.mobile-header-drawer{width:44px;height:44px;color:var(--heading);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;margin-left:-7px;padding:0;display:grid}.mobile-header-drawer:hover,.mobile-header-drawer:focus-visible{color:var(--link-hover)}.mobile-header-drawer svg{stroke-width:1.9px}.project-edit-button{width:44px;height:44px}.view-actions{display:none}.list-area{padding:12px 0 calc(148px + env(safe-area-inset-bottom))}.item-group-header{gap:5px;padding-inline:12px}.item-group h2{min-width:0;padding-inline:0}.item-sort-controls{gap:3px}.item-sort-controls select{font-size:.5625rem}.item-list{gap:2px}.swipe-row{touch-action:pan-y;min-height:52px;position:relative;overflow:hidden}.swipe-actions{opacity:0;visibility:hidden;pointer-events:none;grid-template-columns:repeat(3,48px);width:144px;display:grid;position:absolute;inset:0 0 0 auto}.swipe-row.is-open .swipe-actions,.swipe-row.is-dragging .swipe-actions{opacity:1;visibility:visible;pointer-events:auto}.swipe-action{border:0;place-items:center;min-width:44px;min-height:52px;padding:0;display:grid}.swipe-action.important{color:var(--important-ink);background:var(--important-surface,#f7edda)}.swipe-action.important.selected{color:var(--important-ink);background:var(--important-selected,#ead39f)}.swipe-action.important.selected svg{fill:currentColor}.swipe-action.urgent{color:var(--urgent-ink);background:var(--urgent-surface,#f4dfdc)}.swipe-action.urgent.selected{color:var(--urgent-ink);background:var(--urgent-selected,#e8bcb6)}.swipe-action.urgent.selected svg{fill:currentColor}.swipe-action.delete{color:#fff;background:var(--coral)}.swipe-action.archive{color:#fff;background:var(--navy-800)}.item-row,.item-row.project-labels-expanded{z-index:1;touch-action:pan-y;min-height:52px;transform:translate3d(var(--swipe-offset,0), 0, 0);transition:transform var(--motion-duration,.19s) var(--ease), background var(--motion-duration,.16s) var(--ease);background:0 0;border-radius:0;grid-template-columns:44px 11px minmax(0,1fr);align-items:start;padding:0 6px 0 2px;position:relative}.swipe-row.is-open .item-row,.swipe-row.is-dragging .item-row{will-change:transform;background:color-mix(in srgb, var(--canvas) 96%, transparent)}.swipe-row.is-dragging .item-row{transition:none}.item-row:hover{background:0 0}.checkbox{background:0 0;border:0;width:44px;height:52px;margin-top:0;position:relative}.checkbox:before{content:"";border:1.5px solid var(--checkbox-border);background:0 0;border-radius:999px;width:19px;height:19px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.checkbox.checked{background:0 0}.checkbox.checked:before{border-color:var(--task-checked);background:var(--task-checked)}.checkbox svg{z-index:1;position:absolute;top:9px;left:50%;transform:translate(-50%)}.note-bullet{justify-self:center;align-items:start;width:44px;height:52px;margin-top:0;padding-top:14px}.item-project-dot,.project-dot-spacer{width:9px;height:9px;margin-top:11px}.item-project-chip{display:none}.mobile-project-dot{display:block}.item-main{align-content:start;gap:2px;min-height:52px;padding:5px 4px;display:grid}.item-title-wrap{width:100%}.item-title{line-height:1.32;display:block}.item-meta{flex-wrap:wrap;justify-content:flex-start;gap:3px 8px;min-height:0;margin-left:0}.item-meta:empty,.item-flags{display:none}.item-state-icons{align-items:center;gap:3px;display:flex}.item-state-icons:empty{display:none}.item-state-important{color:var(--important-ink);fill:currentColor}.item-state-urgent{color:var(--urgent-ink);fill:currentColor}.quick-add-trigger{display:none}.quick-add-dialog,.editor-sheet,.shortcut-dialog,.sync-dialog{border-radius:22px;max-height:92dvh;padding:19px;overflow-y:auto}.quick-add-dialog{width:100%;margin:0}.quick-add-entry{grid-template-columns:1fr;gap:9px;margin-bottom:14px}.quick-add-entry-actions{align-items:center}.note-toggle{width:fit-content;min-height:44px;padding-inline:10px}.quick-description-toggle{min-height:44px;padding-inline:10px}.quick-add-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-add-actions{grid-column:1/-1;justify-content:flex-end;padding-top:2px}.date-strip-wrap{margin:12px 12px 3px;display:block}.date-strip{gap:4px;padding-bottom:5px;overflow-x:auto}.date-strip button{min-width:47px;min-height:57px}.today-button{width:100%;margin-top:7px}.mobile-nav-backdrop{padding:0;display:block}.mobile-nav-panel{width:min(315px,86vw);height:100%;animation:slide-right var(--motion-duration,.24s) var(--ease)}.sidebar-mobile{width:100%;height:100dvh;padding-top:calc(19px + env(safe-area-inset-top));display:flex;position:relative}.sidebar-mobile .nav-item{min-height:44px}.sidebar-mobile .sidebar-brand{overflow:visible}.sidebar-close{color:#fff;background:#ffffff12;border-color:#ffffff1a;position:absolute;top:1px;right:-2px}.mobile-dock{inset:auto 10px max(10px, calc(env(safe-area-inset-bottom) - 10px));z-index:72;border:1px solid var(--floating-border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:999px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;height:58px;padding:0;display:grid;position:fixed;box-shadow:0 15px 42px #11174233}.mobile-dock>button{width:100%;min-width:0;height:58px;color:var(--control-muted);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.mobile-dock>button.active,.mobile-dock>button[aria-current=page]{background:var(--selected);width:min(52px,100% - 4px);height:52px;color:var(--selected-ink);border-radius:999px;justify-self:center}.mobile-dock>button>svg{stroke-width:1.8px}.mobile-dock .mobile-dock-add{z-index:2;position:relative}.mobile-dock .mobile-dock-add>span{background:var(--turquoise);width:72px;height:72px;color:var(--navy-900);border-radius:999px;place-items:center;display:grid;position:absolute;box-shadow:0 12px 30px #65458a47,inset 0 0 0 1px #ffffff47}.mobile-dock .mobile-dock-add:active>span{transform:scale(.98)}.mobile-floating-controls{left:14px;right:14px;bottom:max(88px, calc(68px + env(safe-area-inset-bottom)));z-index:71;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed}.mobile-floating-controls>*{pointer-events:auto}.item-display-switcher.mobile{--switcher-size:44px;--switcher-padding:2px;background:color-mix(in srgb, var(--well) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:48px;box-shadow:0 7px 22px #11174221}.mobile-sync-status{border:1px solid var(--floating-border);background:color-mix(in srgb, var(--surface) 94%, transparent);min-height:44px;color:var(--muted);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.625rem;display:flex;box-shadow:0 7px 22px #11174221}.dialog-backdrop{padding:10px 8px calc(8px + env(safe-area-inset-bottom))}.item-detail-sheet{padding:0}.item-detail-sheet .editor-header{min-height:62px;padding:14px 12px 12px 17px}.item-detail-sheet .editor-header h2{font-size:1.125rem}.detail-content{padding:18px 17px}.detail-read-row>p,.detail-inline-editor input{font-size:.9375rem}.detail-title-row .detail-edit-actions{display:none}.detail-icon-action{width:44px;height:44px;min-height:44px;margin-block:-5px}.detail-field-heading{margin-bottom:8px}.detail-field-heading>.detail-icon-action,.detail-title-row>.detail-icon-action{width:44px;height:44px;min-height:44px;margin-block:-8px}.detail-field-heading .detail-edit-actions{gap:16px}.detail-field-heading .detail-edit-actions .detail-icon-action{position:relative}.detail-field-heading .detail-edit-actions .detail-icon-action:after{content:"";position:absolute;inset:-8px}.content-toolbar button{width:44px;height:44px}.item-detail-sheet.editing-content .content-editor-input{height:40dvh}.detail-description .detail-read-row{overscroll-behavior:contain;max-height:40dvh;overflow-y:auto}.detail-metadata{grid-template-columns:44px 44px minmax(0,1fr) minmax(0,1fr);padding:12px 17px 15px;display:grid}.detail-meta-control,.detail-meta-button{width:100%;min-height:44px;padding-inline:9px}.detail-meta-button.icon-only{width:44px;padding:0}.detail-meta-control input,.detail-meta-control select{width:100%;max-width:none}.detail-project-actions{grid-column:1/-1;align-items:center;gap:7px;min-width:0;display:flex}.detail-meta-control.project{flex:1}.detail-meta-control.project select{max-width:none}.detail-item-actions{flex:none;margin-left:0}.detail-item-actions .detail-meta-button{flex:0 0 44px;justify-content:center;width:44px;padding:0}.detail-item-actions .detail-meta-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.detail-item-actions .detail-meta-danger-separator{min-height:30px;margin-inline:1px}.shortcut-dialog{width:100%}.shortcut-columns{gap:14px}.shortcut-group>div{grid-template-columns:38px minmax(0,1fr);min-height:36px}.shortcut-group>div>span{white-space:normal}.shortcut-footer{gap:9px 12px}.preference-switch{background:0 0;width:48px;height:44px}.preference-switch:before{content:"";background:var(--switch-track);transition:background var(--motion-duration,.16s) var(--ease);border-radius:999px;position:absolute;inset:8px 0}.preference-switch>span{z-index:1;width:22px;height:22px;top:11px}.preference-switch[aria-checked=true]{background:0 0}.preference-switch[aria-checked=true]:before{background:var(--switch-active)}.preference-switch[aria-checked=true]>span{transform:translate(20px)}.editor-header h2{font-size:1.3125rem}.color-picker-options{overscroll-behavior-inline:contain;scrollbar-width:none;gap:7px;margin-inline:-2px;padding:2px 2px 7px;overflow-x:auto}.color-picker-options::-webkit-scrollbar{display:none}.color-picker-options>button,.color-picker .project-star-option,.custom-color-option{flex-basis:44px;width:44px;height:44px;min-height:44px}.custom-color-option.selected>span:after{inset:10px}.editor-actions{background:var(--surface);padding-bottom:4px;position:sticky;bottom:-19px}.toast{left:14px;right:14px;bottom:max(136px, calc(116px + env(safe-area-inset-bottom)));max-width:none}}@keyframes slide-right{0%{opacity:.7;transform:translate(-100%)}}@media (max-width:380px){.view-header{--view-title-size:2.125rem}.quick-add-controls{grid-template-columns:1fr}.quick-add-actions{grid-column:auto}}@media (prefers-reduced-motion:reduce){:root{--motion-duration:.01ms;--motion-delay:0s;--motion-iterations:1}}