:root{--bg:#f4f4f1;--surface:#fff;--sidebar:#ebebe6;--fg:#1c1c1e;--muted:#7b7b80;--line:#e2e2dd;--hover:#0000000a;--accent:#2f7de1;--ok:#2f9e5b;--error:#c0392b;--inbox:#3a86d6;--today:#e5b100;--upcoming:#d9534f;--someday:#b08a5a;--logbook:#3f9f6e;--check:#c9c9c4;--area-red:#e5484d;--area-orange:#f0762b;--area-yellow:#d9a400;--area-green:#3fa34d;--area-mint:#1fb5a0;--area-blue:#2f7de1;--area-indigo:#5b5bd6;--area-purple:#9a52d0;--area-pink:#dc4f93;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1b1d;--surface:#242428;--sidebar:#141416;--fg:#f2f2f7;--muted:#93939a;--line:#333338;--hover:#ffffff0d;--check:#4a4a50;--area-red:#ff6369;--area-orange:#ff9047;--area-yellow:#f2c230;--area-green:#5cc56b;--area-mint:#3ccfba;--area-blue:#5b9bf5;--area-indigo:#8484f0;--area-purple:#b98af0;--area-pink:#f272ae}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0}p{margin:0}.muted{color:var(--muted)}.error{color:var(--error)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.shell{place-content:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;width:min(100vw - 32px,360px);padding:28px;display:flex}.card.wide{width:100%;max-width:640px}.card h1{letter-spacing:-.02em;margin:0;font-size:1.9rem}h2{margin:18px 0 0;font-size:1.05rem}label{flex-direction:column;gap:6px;font-weight:500;display:flex}input,textarea{font:inherit;color:var(--fg)}.card select{font:inherit;color:var(--fg);border:1px solid var(--line);background:var(--bg);border-radius:8px;max-width:280px;padding:8px 10px}.card input,.row input{border:1px solid var(--line);background:var(--bg);border-radius:8px;flex:1;padding:9px 11px}.card input:focus,.row input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;padding:4px 0;font-weight:500}.demo-accounts{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:6px;padding-top:16px;display:flex}.demo-accounts h2{margin:0;font-size:.95rem}button.demo-account{text-align:left;background:var(--bg);color:var(--fg);border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:2px;display:flex}button.demo-account:hover:not(:disabled){border-color:var(--accent)}button.demo-account .muted{font-size:.9em;font-weight:400}.demo-accounts .small{font-size:.85em}button.link.danger{color:var(--error)}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tokens{margin:0;padding:0;list-style:none}.tokens li{border-top:1px solid var(--line);padding:10px 0}.token-reveal{border:1px solid var(--ok);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.token-reveal code{word-break:break-all;-webkit-user-select:all;user-select:all}.app{grid-template-columns:var(--sidebar-width,220px) 1fr;height:100%;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:18px 10px 12px;display:flex;position:relative;overflow:hidden}.sidebar-resize{cursor:col-resize;touch-action:none;width:6px;position:absolute;top:0;bottom:0;right:0}.sidebar-resize:hover,.sidebar-resize:active{background:var(--line)}.nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:var(--fg);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--surface);box-shadow:0 1px 2px #0000000f}.nav-icon{flex:none}.nav-item.inbox .nav-icon{color:var(--inbox)}.nav-item.today .nav-icon{color:var(--today)}.nav-item.upcoming .nav-icon{color:var(--upcoming)}.nav-item.someday .nav-icon{color:var(--someday)}.nav-item.logbook .nav-icon{color:var(--logbook)}.nav-title{flex:1}.nav-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85em}.sidebar-foot{flex-direction:column;gap:6px;display:flex}.sync-status{color:var(--muted);align-items:center;gap:7px;padding:4px 10px;font-size:.8em;display:flex}.sync-status .dot{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.sync-status.syncing .dot{background:var(--accent)}.sync-status.offline .dot,.sync-status.unauthorized .dot{background:var(--error)}.app-version{opacity:.75;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}.sync-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.content-pane{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.content-body{flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.content{flex:1;min-width:0;min-height:0;padding:36px clamp(16px,6vw,72px) 40px;overflow-y:auto}.list-page{max-width:640px;margin:0 auto}.list-header{margin-bottom:14px}.list-header h1{letter-spacing:-.02em;margin:0;font-size:1.8rem}.list-page.today .list-header h1{align-items:center;gap:8px;display:flex}.empty{color:var(--muted);padding:24px 10px}.group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:22px 10px 6px;font-size:.85rem}.tasks{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.task{border-radius:8px;align-items:center;gap:10px;padding:2px 10px;display:flex}.task:hover{background:var(--hover)}.task.selected,.task.selected:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.check{border:1.5px solid var(--check);color:#fff;background:0 0;border-radius:50%;flex:none;place-content:center;width:20px;height:20px;padding:0;display:grid}.check:hover{border-color:var(--accent)}.task.done .check{background:var(--accent);border-color:var(--accent)}.task-main{color:inherit;text-align:left;background:0 0;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 0;font-weight:400;display:flex}.task-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task.done .task-title{color:var(--muted);text-decoration:line-through}.task-meta{color:var(--muted);flex:none;align-items:center;gap:6px;font-size:.85em;display:flex}.meta-icon{color:var(--muted)}.task-delete{opacity:0;color:var(--muted);background:0 0;padding:4px 6px;font-size:1.1em;line-height:1}.task-delete:hover{color:var(--error)}.panel-slot:empty{display:none}.panel-slot{flex:none;display:flex}.task-panel-host{display:flex}.task-panel{background:var(--surface);flex-direction:column;min-height:0;animation:.2s ease-out panel-in;display:flex}.task-panel:focus{outline:none}.task-panel-host.closing .task-panel{animation:.2s ease-in forwards panel-out}.task-panel.side{border-left:1px solid var(--line);width:420px}.task-panel-host.overlay{z-index:20;pointer-events:none;justify-content:flex-end;position:absolute;inset:0}.panel-scrim{pointer-events:auto;background:#00000029;animation:.2s ease-out scrim-in;position:absolute;inset:0}.task-panel-host.closing .panel-scrim{animation:.2s ease-in forwards scrim-out}.task-panel.overlay{border-left:1px solid var(--line);pointer-events:auto;width:min(420px,100%);height:100%;position:relative;box-shadow:-8px 0 32px #00000024}.task-panel-host.full{z-index:40;position:fixed;inset:0}.task-panel.full{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex:1}.panel-head{flex:none;align-items:center;padding:8px 8px 0 12px;display:flex}.panel-close,.panel-back{color:var(--muted);background:0 0;border-radius:7px;flex:none;align-items:center;gap:2px;padding:6px;display:inline-flex}.panel-back{color:var(--accent);padding-left:0;font-weight:500}.panel-close:hover{background:var(--hover);color:var(--fg)}.panel-close:focus-visible,.panel-back:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel-body{flex:1;min-height:0;padding:20px 24px 28px 20px;overflow-y:auto}.task-panel.full .panel-body{padding:4px 16px 28px}@keyframes panel-in{0%{transform:translate(100%)}}@keyframes panel-out{to{transform:translate(100%)}}@keyframes scrim-in{0%{opacity:0}}@keyframes scrim-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.task-panel,.panel-scrim,.task-panel-host.closing .task-panel,.task-panel-host.closing .panel-scrim{animation:none}}.when-picker{border:0;flex-wrap:wrap;gap:6px;margin:0;padding-left:30px;display:flex}.chip{background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:.9em;font-weight:500}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.date{padding:3px 10px}@media (width<=720px){.app{grid-template-rows:1fr auto;grid-template-columns:1fr}.sidebar{border-right:0;border-top:1px solid var(--line);flex-direction:row;order:2;padding:6px 8px}.nav{flex-direction:row;flex:1;justify-content:space-around}.nav-item{flex-direction:column;gap:2px;padding:6px 4px;font-size:.7em}.nav-count{display:none}.sidebar-scroll{flex-direction:row;flex:1;gap:8px;overflow-x:auto}.nav.tree{border-top:0;border-left:1px solid var(--line);flex-direction:row;padding-top:0;padding-left:8px}.area-group{display:flex}.area-group>.nav{padding-left:0}.sidebar-foot{flex-direction:row;align-items:center}.sidebar-foot .sync-status,.new-list-button span{display:none}.toolbar{height:44px}.new-list-menu{top:auto;bottom:auto}.settings-backdrop{align-items:stretch;padding:0}.settings,.search{border-radius:0;width:100%;height:100%;max-height:none}.sidebar-resize,.area-toggle{display:none}.content{padding:20px 16px 40px}}.sidebar-scroll{flex-direction:column;gap:14px;min-height:0;display:flex;overflow-y:auto}.nav.tree{border-top:1px solid var(--line);padding-top:12px}.area-group>.nav{padding-left:12px}.area-row{align-items:center;display:flex;position:relative}.area-row>.nav-item{flex:1;min-width:0}.area-toggle{width:22px;height:22px;color:var(--muted);cursor:pointer;opacity:0;background:0 0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;right:6px}.area-row:hover .area-toggle,.area-toggle:focus-visible,.area-toggle.closed{opacity:1}.area-toggle:hover{background:var(--hover);color:var(--fg)}.area-toggle svg{transition:transform .12s}.area-toggle.closed svg{transform:rotate(-90deg)}.nav-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item.area .nav-icon{color:var(--muted)}.nav-item.project .nav-icon{color:var(--accent)}.nav-item em,.task-title em{color:var(--muted);font-style:normal}.task-text{flex-direction:column;flex:1;min-width:0;display:flex}.task-caption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78em;overflow:hidden}.project-row .task-main{gap:10px;padding-left:0}.row-progress{color:var(--accent);flex:none}.project-row.done .row-progress{color:var(--muted)}.group-link{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;background:0 0;padding:0}.group-link:hover{color:var(--fg)}.tag-chip{background:var(--hover);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.85em;font-weight:500;display:inline-flex}.tag-chip.small{padding:1px 7px;font-size:.78em}.tag-remove{color:inherit;background:0 0;padding:0 0 0 2px;font-size:1.1em;line-height:1}.tag-remove:hover{color:var(--error)}.tag-editor{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-input{background:0 0;border:0;flex:1;min-width:120px;padding:3px 4px}.tag-input:focus{outline:none}.tag-filter{border:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;padding:0 10px;display:flex}.chip.small{padding:3px 9px;font-size:.8em}.move-select{font:inherit;color:var(--fg);border:1px solid var(--line);background:var(--bg);border-radius:8px;max-width:100%;padding:5px 8px;font-size:.9em}.project-header{align-items:center;gap:10px;display:flex}.project-check{color:var(--accent);background:0 0;place-content:center;padding:0;display:grid}.project-check.done{color:var(--muted)}.title-input{letter-spacing:-.02em;width:100%;min-width:0;color:var(--fg);background:0 0;border:0;flex:1;padding:4px 0;font-size:1.8rem;font-weight:700}.title-input:focus{outline:none}@supports (field-sizing:content){.title-input{field-sizing:content;flex:0 auto;width:auto;max-width:100%}}.page-notes{width:100%;min-height:0;color:var(--muted);margin:-6px 0 10px;padding:0 0 0 36px}.page-notes:focus{color:var(--fg)}.page-plan{flex-direction:column;gap:8px;margin-bottom:16px;padding-left:36px;display:flex}.page-plan .when-picker{padding-left:0}.heading-group{margin-top:18px}.heading-row{border-bottom:1px solid var(--line);align-items:center;gap:6px;margin-bottom:4px;padding:0 10px;display:flex}.heading-input{color:var(--fg);background:0 0;border:0;flex:1;padding:6px 0;font-weight:600}.heading-input:focus{outline:none}.completed-section{margin-top:26px}.completed-toggle{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:flex}.completed-toggle:hover{background:var(--hover);color:var(--fg)}.completed-chevron{flex:none;transition:transform .12s}.completed-toggle.closed .completed-chevron{transform:rotate(-90deg)}.completed-count{font-variant-numeric:tabular-nums}.tasks.completed{opacity:.8;margin-top:4px}.task.dragging{opacity:.35}.nav-item.dragging{opacity:.5}.nav-item.drop-over{background:var(--accent);color:#fff}.nav-item.drop-over .nav-icon,.nav-item.drop-over .nav-count{color:#fff}.task-group{border-radius:8px}.task-group.drop-zone{min-height:40px}.task-group.drop-over{outline:2px dashed var(--accent);outline-offset:2px}.drag-ghost{background:var(--surface);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;cursor:grabbing;border-radius:8px;max-width:320px;padding:8px 14px;font-weight:500;overflow:hidden;box-shadow:0 8px 24px #0000002e}.view-switch{border:0;gap:4px;margin:8px 0 0;padding:0;display:flex}.confirm{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.confirm-question{color:var(--muted)}.deadline{color:var(--muted);white-space:nowrap;align-items:center;gap:3px;font-size:.85em;display:inline-flex}.deadline.late{color:#c2362b}.deadline-field{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.deadline-label{color:var(--muted);font-size:.9em}.task-delete.visible{opacity:1}.repeat-editor{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;width:100%;margin:0;padding:10px 12px;display:flex}.repeat-line{flex-flow:wrap;align-items:center;gap:8px;font-size:.9em;font-weight:400;display:flex}.repeat-line select,.repeat-number{font:inherit;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:6px;padding:3px 6px}.repeat-number{width:4.5em}.meta-checklist{align-items:center;gap:3px;display:inline-flex}.checklist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checklist-item{touch-action:none;border-radius:6px;align-items:center;gap:8px;min-height:30px;padding:0;display:flex;position:relative}.checklist-item.dragging{opacity:.35}.checklist-check{border:1.5px solid var(--check);color:#fff;background:0 0;border-radius:50%;flex:none;place-content:center;width:16px;height:16px;padding:0;display:grid}.checklist-check:hover{border-color:var(--accent)}.checklist-remove{opacity:0;color:var(--muted);background:0 0;padding:4px 6px;font-size:1.1em;line-height:1}.checklist-input{background:0 0;border:0;flex:1;min-width:0;padding:4px 2px}.checklist-input:focus{background:var(--bg);border-radius:4px;outline:none}.checklist-item.done .checklist-check{background:var(--accent);border-color:var(--accent)}.checklist-item.done .checklist-input{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--check);text-decoration-color:var(--check)}.checklist-item:hover .checklist-remove,.checklist-item:focus-within .checklist-remove{opacity:1}.checklist-new{align-items:center;gap:8px;min-height:30px;display:flex}.checklist-new-icon{width:16px;color:var(--muted);flex:none}.checklist-new .checklist-input::placeholder{color:var(--muted)}.area-appearance{flex:none;position:relative}.area-appearance-button{background:0 0;border-radius:8px;place-content:center;padding:0;display:grid}.area-appearance-button:hover{background:var(--hover)}.area-appearance-button:focus-visible,.picker-item:focus-visible,.swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.area-picker{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:min(300px,100vw - 32px);padding:10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 24px #0000002e}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:2px;display:grid}.picker-item{height:34px;color:var(--fg);background:0 0;border-radius:8px;place-content:center;padding:0;display:grid}.picker-item:hover{background:var(--hover)}.picker-item[aria-pressed=true]{background:var(--hover);box-shadow:inset 0 0 0 1.5px var(--muted)}.color-row{border-top:1px solid var(--line);justify-content:space-between;gap:4px;margin-top:10px;padding-top:10px;display:flex}.swatch{border-radius:50%;width:22px;height:22px;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--fg)}.toolbar{border-top:1px solid var(--line);background:var(--bg);flex:none;height:40px}.toolbar:empty{display:none}.toolbar-inner{justify-content:space-evenly;align-items:center;max-width:640px;height:100%;margin:0 auto;display:flex;position:relative}.toolbar-button{width:44px;height:30px;color:var(--muted);background:0 0;border-radius:7px;place-content:center;padding:0;display:grid}.toolbar-button:hover:not(:disabled),.toolbar-button[aria-expanded=true]{background:var(--hover);color:var(--fg)}.toolbar-button:disabled{opacity:.35;cursor:default}.toolbar-button:focus-visible,.foot-button:focus-visible,.more-button:focus-visible,.menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.popover{background:var(--surface);border:1px solid var(--line);z-index:30;border-radius:10px;box-shadow:0 6px 24px #0000002e}.toolbar-popover{width:min(340px,100vw - 32px);max-height:min(420px,60vh);padding:10px;position:absolute;bottom:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)}.toolbar-popover .when-picker{padding-left:0}.move-list{flex-direction:column;display:flex}.move-item{color:var(--fg);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-weight:400;display:flex}.move-item:hover{background:var(--hover)}.move-item[aria-pressed=true]{font-weight:600}.move-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.move-heading-icon{color:var(--muted);flex:none}.move-none{border:1.5px dashed var(--muted);border-radius:4px;flex:none;width:15px;height:15px}.more-menu{flex:none;position:relative}.more-button{width:30px;height:26px;color:var(--muted);background:0 0;border-radius:7px;place-content:center;padding:0;display:grid}.more-button:hover,.more-button[aria-expanded=true]{background:var(--hover);color:var(--fg)}.menu{flex-direction:column;min-width:200px;max-width:calc(100vw - 32px);padding:5px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.more-menu.end .menu{left:auto;right:0}.menu-item{color:var(--fg);text-align:left;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-weight:400;display:flex}.menu-item:hover{background:var(--accent);color:#fff}.menu-item.danger{color:var(--error)}.menu-item.danger:hover{background:var(--error);color:#fff}.menu-question{color:var(--muted);white-space:normal;margin:4px 10px 6px;font-size:.85em}.heading-row .more-button{opacity:0}.heading-row:hover .more-button,.heading-row .more-button[aria-expanded=true],.heading-row .more-button:focus-visible{opacity:1}.foot-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.new-list{min-width:0;position:relative}.foot-button{color:var(--muted);background:0 0;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;font-weight:500;display:flex}.foot-button:hover,.foot-button[aria-expanded=true]{background:var(--hover);color:var(--fg)}.settings-button{padding:6px 8px}.new-list-menu{width:260px;top:auto;bottom:calc(100% + 6px)}.new-list-menu .menu-item{white-space:normal;align-items:flex-start;padding:8px 10px}.new-list-menu .menu-item>span{flex-direction:column;gap:2px;display:flex}.new-list-menu small{color:var(--muted);font-size:.8em}.new-list-menu .menu-item:hover small{color:inherit}.new-list-menu svg{flex:none;margin-top:2px}.settings-backdrop{z-index:50;background:#00000052;justify-content:center;align-items:flex-start;padding:12vh 24px 24px;display:flex;position:fixed;inset:0}.settings{background:var(--surface);border-radius:12px;flex-direction:column;width:min(560px,100%);max-height:76vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.settings:focus{outline:none}.settings-head{text-align:center;padding:12px 44px 0;position:relative}.settings-head h1{margin:0;font-size:.95rem;font-weight:600}.settings-close{width:28px;height:28px;color:var(--muted);background:0 0;border-radius:7px;place-content:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.settings-close:hover{background:var(--hover);color:var(--fg)}.settings-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:4px;padding:10px 12px 12px;display:flex}.settings-tab{min-width:68px;color:var(--muted);background:0 0;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;font-size:.8em;font-weight:500;display:flex}.settings-tab:hover{color:var(--fg)}.settings-tab.active{background:var(--hover);color:var(--accent)}.settings-body{padding:20px 28px 28px;overflow-y:auto}.settings-form{flex-direction:column;gap:14px;display:flex}.settings-form p{margin:0}.settings-field{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-form input,.settings-form select{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;border-radius:8px;padding:7px 10px}.settings-form form input{flex:1;min-width:0}.settings-about{grid-template-columns:max-content 1fr;gap:8px 18px;margin:0;display:grid}.settings-about dt{color:var(--muted)}.settings-about dd{font-variant-numeric:tabular-nums;margin:0}.settings-about a{color:var(--accent)}.search{background:var(--surface);border-radius:12px;flex-direction:column;width:min(560px,100%);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.search-field{color:var(--muted);align-items:center;gap:10px;padding:12px 16px;display:flex}.search-field input{color:var(--fg);background:0 0;border:0;flex:1;font-size:1.1rem}.search-field input:focus{outline:none}.search-results{border-top:1px solid var(--line);margin:0;padding:6px;list-style:none;overflow-y:auto}.search-empty{padding:10px}.search-hit{width:100%;color:var(--fg);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;font-weight:400;display:flex}.search-hit.active{background:var(--accent);color:#fff}.search-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-where{text-overflow:ellipsis;white-space:nowrap;opacity:.7;flex:none;max-width:40%;font-size:.85em;overflow:hidden}.search-check{border:1.5px solid var(--check);border-radius:50%;flex:none;width:14px;height:14px}.search-hit.active .search-check{border-color:#fff}.page-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-4px 0 14px;padding-left:36px;font-size:.85em;display:flex}.when-chip{background:var(--hover);color:var(--fg);border-radius:6px;padding:2px 8px}.menu.with-panel{min-width:280px}.menu-back{color:var(--muted);background:0 0;border-radius:6px;align-items:center;gap:4px;margin-bottom:4px;padding:4px 6px;font-size:.85em;font-weight:500;display:flex}.menu-back:hover{color:var(--fg)}.menu-panel{padding:4px 6px 6px}.menu-panel .when-picker{padding-left:0}.data-tab section{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.data-tab section+section{border-top:1px solid var(--border,#80808040);margin-top:20px;padding-top:16px}.data-tab h2{margin:0;font-size:1em}.data-counts th{text-align:left;padding-right:16px;font-weight:400}a.button{border:1px solid var(--border,#80808059);color:inherit;border-radius:6px;padding:6px 12px;text-decoration:none;display:inline-block}.update-notice{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;background:var(--fg);color:var(--bg);white-space:nowrap;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 16px;font-size:.9em;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.update-notice button{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:999px;padding:4px 12px}@media (width<=720px){.sidebar{padding-bottom:calc(6px + env(safe-area-inset-bottom));padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.toolbar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.content{padding-top:calc(20px + env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.settings,.search{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}input,textarea,select{font-size:16px}.update-notice{bottom:calc(72px + env(safe-area-inset-bottom))}}.calendar-events{border-left:2px solid var(--line);flex-direction:column;gap:2px;margin:0 0 10px;padding:6px 10px;font-size:.9rem;list-style:none;display:flex}.calendar-event{align-items:baseline;gap:8px;min-width:0;display:flex}.calendar-dot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.calendar-time{min-width:7.5em;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.calendar-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-location{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.calendar-list{margin:0;padding:0;list-style:none}.calendar-item{border-top:1px solid var(--line);padding:10px 0}.calendar-item .row{justify-content:flex-start}.calendar-item .calendar-name{background:0 0;border-color:#0000;border-radius:6px;flex:1;min-width:0;padding:4px 6px;font-weight:600}.calendar-item .calendar-name:hover,.calendar-item .calendar-name:focus{border-color:var(--line);outline:none}.calendar-host{white-space:nowrap;font-size:.85rem}.calendar-colors{border-top:0;justify-content:flex-start;margin-top:6px;padding-top:0}.calendar-colors .swatch{width:18px;height:18px}.calendar-add{flex-wrap:wrap;gap:8px;display:flex}.settings-form .calendar-add input{flex:160px}.settings-form .calendar-add input[type=url]{flex-basis:100%}.calendar-help{font-size:.85rem}@media (width<=600px){.calendar-time{min-width:5.5em}.calendar-location{display:none}}.nav-item.review .nav-icon{color:var(--area-indigo)}.review-dot{background:var(--area-indigo);border-radius:50%;flex:none;width:7px;height:7px}.review-page .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.review-page button.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--line)}.review-kinds{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.review-kind{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:16px;padding:16px 18px;display:flex}.review-kind-text{flex:1;min-width:0}.review-kind h2{margin:0 0 2px;font-size:1.05rem}.review-kind p{margin:0}.review-kind .review-kind-status{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:.9em;font-weight:500;display:flex}.review-kind:not(.ready) .review-kind-status{color:var(--muted)}.review-eyebrow{color:var(--muted);margin:0 0 4px;font-size:.85em}.review-eyebrow button.link{font-size:inherit;padding:0}.review-header .muted{margin:6px 0 0}.review-progress{background:var(--line);border-radius:999px;height:4px;margin-top:16px;overflow:hidden}.review-progress-bar{background:var(--area-indigo);border-radius:inherit;height:100%;transition:width .3s;display:block}.review-steps{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.review-step{border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;place-content:center;padding:0;font-size:.75em;display:grid}.review-step.done{background:color-mix(in srgb, var(--area-indigo) 14%, var(--surface));color:var(--area-indigo);border-color:#0000}.review-step.current{border-color:var(--area-indigo);color:var(--fg);box-shadow:0 0 0 1px var(--area-indigo)}.review-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:16px 10px 0;display:flex}.review-skip{margin:12px 0 0;padding:0 10px}.review-blocked{text-align:right;margin:8px 10px 0;font-size:.85em}.review-foot-count{font-size:.85em}.review-empty{align-items:center;gap:8px;display:flex}.review-ok{color:var(--ok)}.review-capture-input{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:10px;padding:12px 14px}.review-captured ul,.review-triggers ul{flex-direction:column;gap:4px;margin:0;padding:0 10px 0 30px;display:flex}.review-captured li{list-style:none}.review-triggers li{color:var(--muted)}.review-counts{flex-wrap:wrap;gap:8px;margin:0;padding:0 10px;list-style:none;display:flex}.review-counts li{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.9em;display:flex}.review-counts strong{font-variant-numeric:tabular-nums}.review-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 8px 16px}.review-card-count{margin:0 10px 6px;font-size:.8em}.review-card-head{align-items:center;gap:10px;padding:0 10px;display:flex}.review-card-icon{color:var(--accent);flex:none;display:inline-flex}.review-card-title{flex-direction:column;flex:1;min-width:0;display:flex}.review-card-title button.link{text-align:left;color:var(--fg);padding:0;font-size:1.15rem;font-weight:650}.review-card-title button.link:hover{color:var(--accent)}.review-card-title .muted{font-size:.85em}.review-card-notes{color:var(--muted);white-space:pre-wrap;margin:8px 10px 4px 42px;font-size:.9em}.review-signals{flex-wrap:wrap;gap:6px;margin:10px 0 2px;padding:0 10px 0 42px;list-style:none;display:flex}.review-signal{background:color-mix(in srgb, var(--area-orange) 14%, transparent);color:var(--area-orange);border-radius:999px;padding:2px 9px;font-size:.8em;font-weight:500}.review-signal.deadlineSoon{background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error)}.review-signal.longQuiet,.review-signal.notReviewedLately{background:var(--hover);color:var(--muted)}.review-question{margin:10px 10px 0 42px;font-style:italic}.review-card .empty{padding:10px 10px 4px 42px}.review-card-actions{align-items:center;gap:12px;margin-top:14px;padding:0 10px;display:flex}.review-card-actions button{background:var(--area-indigo);align-items:center;gap:6px;display:inline-flex}.review-shortcut{font-size:.8em}.review-index{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.review-index-item{width:100%;color:var(--fg);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-weight:400;display:flex}.review-index-title{color:var(--muted)}.review-index-item:hover{background:var(--hover)}.review-index-item.current{background:color-mix(in srgb, var(--area-indigo) 10%, transparent)}.review-index-item.done .review-index-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-tick{border:1.5px solid var(--check);color:#fff;border-radius:50%;flex:none;place-content:center;width:16px;height:16px;display:grid}.review-index-item.done .review-tick{background:var(--area-indigo);border-color:var(--area-indigo)}.review-project .review-row-actions{flex:none;align-items:center;gap:6px;display:flex}.review-project.kept .task-title{color:var(--muted)}.review-group-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.review-group-head .chip{text-transform:none;letter-spacing:0;align-items:center;gap:4px;display:inline-flex}.review-someday-group.done .tasks{opacity:.6}.review-banners{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.review-banner{background:color-mix(in srgb, var(--area-indigo) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--area-indigo) 25%, transparent);border-radius:10px;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.review-banner-icon{color:var(--area-indigo);flex:none}.review-banner-text{flex:1}.review-banner-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.review-banner-close:hover{background:color-mix(in srgb, var(--area-indigo) 12%, transparent);color:var(--fg)}@media (width<=720px){.review-kind{flex-direction:column;align-items:stretch}.review-dot{margin:0 0 18px 18px;position:absolute}.nav-item.review{position:relative}.review-project{flex-wrap:wrap}}.schedule-field{flex-wrap:wrap;align-items:center;gap:8px 14px;padding-left:30px;display:flex}.schedule-time,.schedule-reminder{align-items:center;gap:6px;display:inline-flex}.reminder-toggle{color:var(--muted);align-items:center;gap:5px;display:inline-flex}.reminder-toggle.active{color:#fff}.meta-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:3px;font-size:.85em;display:inline-flex}.toolbar-popover .schedule-field{margin-top:10px;padding-left:0}.reminder-settings .reminder-switch{align-items:center;gap:8px;display:inline-flex}.reminder-settings .reminder-switch input{width:auto}.invite-mode{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.invite-status{color:var(--muted)}.invite-status.invite-open{color:var(--ok)}.member-avatar{color:var(--muted);background:var(--hover,#7f7f7f24);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.member-avatar.agent{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:28%}.agent-list,.agent-grants,.members-list{margin:0;padding:0;list-style:none}.agent-item{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.agent-main{min-width:0;color:var(--fg);text-align:left;background:0 0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:0;font-weight:400;display:flex}button.agent-main .muted{text-overflow:ellipsis;max-width:100%;font-size:.85em;overflow:hidden}.agent-scopes{white-space:nowrap}.agent-main:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.agent-item .more-menu .menu{top:auto;bottom:calc(100% + 4px)}.agent-token-actions{justify-content:flex-start}.agent-command{word-break:break-all;-webkit-user-select:all;user-select:all;font-size:.8em}.agent-editor h2{margin:0;font-size:1.05rem}.settings-form .agent-name input{flex:1;min-width:0;max-width:320px}.agent-look,.agent-access{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;min-width:0;margin:0;padding:10px 12px 12px;display:flex}.agent-look legend,.agent-access legend{padding:0 4px;font-weight:600}.agent-look-preview{display:flex}.agent-look .color-row{flex-wrap:wrap;margin-top:0}.agent-grant{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}.agent-grants li.muted{padding:4px 0}.agent-grant-icon{width:18px;color:var(--muted);justify-content:center;display:inline-flex}.agent-grant-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-grant-remove{width:28px;height:28px;color:var(--muted);background:0 0;border-radius:7px;place-content:center;padding:0;display:grid}.agent-grant-remove:hover{background:var(--hover);color:var(--error)}.agent-add-scope{align-self:flex-start;max-width:100%}.agent-levels{flex-direction:column;gap:2px;margin:0;font-size:.85em;display:flex}.agent-levels div{gap:6px;display:flex}.agent-levels dt{font-weight:600}.agent-levels dd{margin:0}.agent-editor-foot{justify-content:flex-end;gap:16px}.members-panel{flex-direction:column;gap:8px;width:min(320px,100vw - 56px);display:flex}.members-row{align-items:center;gap:8px;padding:5px 0;display:flex}.members-name{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.members-panel .members-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.members-panel .members-name .muted{font-size:.8em}.members-level{font-size:.85em}.members-panel select{font:inherit;color:var(--fg);border:1px solid var(--line);background:var(--bg);border-radius:7px;min-width:0;padding:4px 6px;font-size:.85em}.members-add{border-top:1px solid var(--line);gap:6px;padding-top:8px;display:flex}.members-add select:first-child{flex:1}.members-add button{padding:4px 10px;font-size:.85em}.members-hint{white-space:normal;font-size:.85em}.member-stack{flex:none;align-items:center;gap:3px;display:inline-flex}.member-stack .member-avatar.agent{background:color-mix(in srgb, currentColor 14%, var(--bg))}.assign-field{align-items:center;gap:6px;display:inline-flex}.assign-hint{padding:6px 8px;font-size:.85em}@media (width<=600px){.project-header{position:relative}.project-header>.more-menu{position:static}.project-header>.more-menu .menu{left:auto;right:0}}.activity-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:8px;display:flex}.activity-filters .view-switch{flex-wrap:wrap;margin:0}.activity-selects{gap:6px;display:flex}.activity-selects .move-select{padding:3px 6px;font-size:.85em}.activity-lines{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.activity-line{border-radius:8px;align-items:flex-start;gap:10px;padding:6px 10px;display:flex}.activity-line:hover{background:var(--hover)}.activity-line .member-avatar{margin-top:1px}.activity-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.activity-title{max-width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;align-self:flex-start;padding:0;overflow:hidden}.activity-title:hover{text-decoration:underline}.activity-title.gone{color:var(--muted);cursor:default}.activity-meta{color:var(--muted);overflow-wrap:anywhere;font-size:.85em}.activity-container{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.activity-container:hover{color:var(--fg);text-decoration:underline}.activity-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-top:2px;font-size:.8em}.activity-more{text-align:center;padding:18px 0 8px;font-size:.85em}.task-editor{flex-direction:column;display:flex}.editor-head{align-items:flex-start;gap:10px;display:flex}.editor-check{margin-top:4px}.task-editor.done .check{background:var(--accent);border-color:var(--accent)}.editor-head .more-menu{margin-top:1px}.editor-head .panel-close{margin-top:-2px}.editor-title{resize:none;background:0 0;border:0;flex:1;min-width:0;padding:2px 0;font-size:1.12em;font-weight:600;line-height:1.35;overflow:hidden}.task-editor.done .editor-title{color:var(--muted)}.editor-title:focus,.editor-notes:focus{outline:none}.editor-notes{resize:none;min-height:2.9em;font:inherit;color:var(--fg);background:0 0;border:0;margin-top:10px;padding:0 0 0 30px;line-height:1.5;overflow:hidden}.panel-section{border-top:1px solid var(--line);margin-top:14px;padding:14px 0 0 30px}.editor-notes+.panel-section{margin-top:18px}.panel-section-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;padding:0;font-size:.82em;font-weight:600;display:flex}.panel-section-count{font-variant-numeric:tabular-nums;font-weight:400}.panel-field{grid-template-columns:88px minmax(0,1fr);align-items:start;display:grid;position:relative}.panel-field-label{min-height:34px;color:var(--muted);overflow-wrap:break-word;align-items:center;padding-right:8px;font-size:.9em;display:flex}.panel-field-value{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;min-height:34px;display:flex}.panel-field .meta-icon,.panel-field .deadline-label,.panel-field .deadline svg{display:none}.panel-field .schedule-field{gap:6px 10px;padding-left:0}.panel-field .schedule-reminder{flex-wrap:wrap}.panel-field .repeat-editor{min-width:0;margin-top:2px}.panel-field .deadline-field>.chip.date,.panel-field .schedule-time>.chip.date,.panel-field .assign-field>.move-select{color:var(--fg);background:0 0;border-color:#0000;border-radius:7px;margin-left:-8px;padding:4px 8px;font-size:1em;font-weight:400}.panel-field .deadline-field>.chip.date:hover,.panel-field .schedule-time>.chip.date:hover,.panel-field .assign-field>.move-select:hover{background:var(--hover)}.panel-field .deadline{font-size:.88em}.panel-field .tag-editor{width:100%}.panel-field .tag-chip{border:1px solid var(--line);color:var(--fg);background:0 0;padding:2px 5px 2px 9px;font-weight:400}.panel-field .tag-remove{color:var(--muted)}.panel-field .tag-input{min-width:80px;padding:3px 2px;font-size:.85em}.panel-field .tag-input::placeholder{color:var(--muted);opacity:.75}.panel-popover-anchor{min-width:0;max-width:calc(100% + 8px);margin-left:-8px}.field-button{max-width:100%;min-height:30px;color:var(--fg);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:4px 8px;font-weight:400;display:inline-flex}.field-button:hover,.field-button[aria-expanded=true]{background:var(--hover)}.field-button:focus-visible,.panel-add-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-button-icon{flex:none;display:inline-flex}.field-button-icon.today{color:var(--today)}.field-button-icon.evening{color:var(--area-indigo)}.field-button-icon.project{color:var(--accent)}.field-button-text{overflow-wrap:break-word;min-width:0}.field-button-sep{color:var(--muted)}.panel-popover{max-height:min(380px,60vh);padding:8px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.panel-popover .when-picker{padding-left:0}.panel-add{border:0;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;margin:18px 0 0;padding:0 0 0 30px;display:flex;position:relative}.panel-add-legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.panel-add-button{border:1px dashed var(--check);color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:.85em;font-weight:400;display:inline-flex}.panel-add-button:hover{border-color:var(--muted);color:var(--fg)}