:root{color-scheme:light dark;--surface: #fcfcfb;--page: #f6f6f4;--raised: #ffffff;--ink: #17171a;--ink-2: #52514e;--ink-3: #898781;--line: #e6e5df;--line-2: #d9d8d1;--wash: rgba(42, 120, 214, .07);--wash-hover: rgba(23, 23, 26, .035);--accent: #2a78d6;--accent-ink: #ffffff;--p1: #d03b3b;--p1-edge: #d03b3b;--p2: #e2701f;--p2-edge: #e2701f;--p3: #edb200;--p3-edge: #b98a00;--p4: #2e8b57;--p4-edge: #2e8b57;--p5: #2a78d6;--p5-edge: #2a78d6;--p6: #7d4bc3;--p6-edge: #7d4bc3;--p7: #d1499a;--p7-edge: #d1499a;--p8: #8a5a3b;--p8-edge: #8a5a3b;--p9: #ffffff;--p9-edge: #9a9992;--p0: #b9b8b1;--p0-edge: #b9b8b1;--p-ink: #ffffff;--p3-ink: #2a2a26;--p9-ink: #2a2a26;--due-overdue: #c02d2d;--due-today: #0a8a0a;--due-tomorrow: #96650a;--due-soon: #6b6a66;--due-later: #898781;--action-size: 61px;--radius: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .06);--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}@media(prefers-color-scheme:dark){:root{--surface: #1a1a19;--page: #121211;--raised: #232322;--ink: #f4f4f1;--ink-2: #c3c2b7;--ink-3: #898781;--line: #2c2c2a;--line-2: #383835;--wash: rgba(57, 135, 229, .13);--wash-hover: rgba(255, 255, 255, .045);--accent: #3987e5;--p1: #e66767;--p1-edge: #e66767;--p2: #ef8b45;--p2-edge: #ef8b45;--p3: #e8c447;--p3-edge: #e8c447;--p4: #4fb37a;--p4-edge: #4fb37a;--p5: #4b95e8;--p5-edge: #4b95e8;--p6: #a279e0;--p6-edge: #a279e0;--p7: #e874b0;--p7-edge: #e874b0;--p8: #b07f5c;--p8-edge: #b07f5c;--p9: #f4f4f1;--p9-edge: #f4f4f1;--p0: #5c5b56;--p0-edge: #5c5b56;--p-ink: #17171a;--p3-ink: #17171a;--p9-ink: #17171a;--due-overdue: #ee7070;--due-today: #3fbf3f;--due-tomorrow: #e0a52a;--due-soon: #a3a29c;--due-later: #898781}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font:.88em var(--mono);background:var(--wash-hover);padding:.1em .35em;border-radius:4px}kbd{font:.85em var(--mono);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:var(--surface);white-space:nowrap}.boot{display:grid;place-items:center;height:100%;color:var(--ink-3)}.app{display:flex;height:100%}.sidebar{width:264px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:18px 10px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.main{flex:1;overflow-y:auto;padding:26px 32px 120px}.main>*{max-width:760px}.sticky-head{max-width:760px}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:650;letter-spacing:-.01em;padding:4px 10px 16px}.brand-mark{color:var(--accent);font-size:18px}.brand-refresh{margin-left:auto;width:26px;height:26px;font-size:15px;color:var(--ink-3)}.brand-refresh:hover{color:var(--ink);background:var(--wash-hover)}.brand-refresh.spinning{color:var(--accent);animation:brand-spin .7s linear infinite}@keyframes brand-spin{to{transform:rotate(360deg)}}@media(max-width:820px){.brand-refresh{width:38px;height:38px;font-size:18px}}.nav-group{display:flex;flex-direction:column;gap:1px;margin-bottom:14px}.nav-heading-quiet{margin:4px 0 2px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;text-align:left;color:var(--ink);font-size:14.5px;line-height:1.35}.nav-item:hover{background:var(--wash-hover)}.nav-item.active{background:var(--wash);color:var(--accent);font-weight:600}.nav-icon{width:18px;flex:none;display:grid;place-items:center;color:var(--ink-3);font-size:13px}.nav-item.active .nav-icon{color:var(--accent)}.nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}.nav-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-weight:650}.nav-row{display:flex;align-items:center;position:relative}.nav-row.dragging{background:var(--raised);border-radius:6px;box-shadow:var(--shadow);z-index:5}.nav-grip{width:14px;flex:none;display:grid;place-items:center;color:var(--ink-3);cursor:grab;opacity:0;touch-action:none;transition:opacity .1s ease}.nav-row:hover .nav-grip,.nav-row:focus-within .nav-grip{opacity:1}.nav-grip:active{cursor:grabbing}.nav-row.dragging .nav-grip{opacity:1}.order-buttons{display:flex;gap:6px}.btn.small{padding:4px 9px;font-size:12.5px}.settings-section{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:4px 0 6px}.color-rows{list-style:none;margin:0 0 9px;padding:0}.color-row{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:12.5px;color:var(--ink-2)}.color-chip{width:20px;height:20px;flex:none;border-radius:5px;border:1px solid var(--line-2);overflow:hidden;position:relative;cursor:pointer;display:block}.color-chip-fill{position:absolute;top:0;right:0;bottom:0;left:0}.color-chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}.color-num{font-variant-numeric:tabular-nums;font-weight:600;width:22px}.color-name{flex:1;color:var(--ink-3)}.color-reset{border:0;background:transparent;color:var(--ink-3);cursor:pointer;font-size:13px;padding:0 3px;border-radius:4px}.color-reset:hover{background:var(--wash-hover);color:var(--ink)}.bottom-stack{position:fixed;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:35;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px;pointer-events:none}.bottom-stack>*{pointer-events:auto}.bulkbar{transform:translateZ(0);display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:min(940px,calc(100vw - 24px));padding:9px 12px;background:var(--raised);border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--shadow)}.bulk-count{font-size:13px;color:var(--ink-2);white-space:nowrap}.bulk-count strong{color:var(--ink);font-variant-numeric:tabular-nums}.bulk-sep{width:1px;height:18px;background:var(--line);margin:0 2px}.bulk-spacer{flex:1}.bulk-action{position:relative}.popover.up{top:auto;bottom:100%;margin-bottom:6px}.drop-select{position:relative}.drop-select-button{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--line-2);background:var(--surface);border-radius:6px;padding:6px 9px;font-size:13.5px;color:var(--ink);cursor:pointer;text-align:left}.drop-select-button:hover{background:var(--wash-hover)}.drop-select-label{flex:1}.drop-select-caret{color:var(--ink-3);font-size:10px}.drop-select .popover{top:100%;left:0;right:auto;margin-top:4px;z-index:50}.label-select-value{flex:1;display:flex;flex-wrap:wrap;gap:4px 6px;min-width:0}.label-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-create,.popover-clear{display:flex;align-items:center;gap:8px}.popover-create{color:var(--accent)}.popover-clear{color:var(--ink-3);border-top:1px solid var(--line);border-radius:0 0 5px 5px;margin-top:2px}.prio-swatch{width:10px;height:10px;flex:none;border-radius:50%;border:1.6px solid var(--p0-edge)}.nav-row .nav-delete{opacity:0;flex:none}.nav-row:hover .nav-delete{opacity:1}.nav-add{padding:2px 10px 8px}.nav-add input,.nav-heading+form input{width:100%;padding:6px 9px;border:1px solid var(--line-2);border-radius:6px;background:var(--page)}.nav-empty,.nav-note{color:var(--ink-3);font-size:12.5px;padding:2px 10px 6px;margin:0}.nav-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.panel{margin-top:2px}.panel-toggle{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;cursor:pointer;padding:7px 10px;border-radius:6px;color:var(--ink-2);font-size:13px;font-weight:550;text-align:left}.panel-toggle:hover{background:var(--wash-hover);color:var(--ink)}.panel-caret{width:10px;flex:none;font-size:9px;color:var(--ink-3);transition:transform .12s ease}.panel.open .panel-caret{transform:rotate(90deg)}.panel-body{padding:2px 0 8px 4px}.ref-table{width:100%;border-collapse:collapse;font-size:12px}.ref-table td{padding:2.5px 6px 2.5px 0;color:var(--ink-2);vertical-align:top}.ref-table td:first-child{white-space:nowrap;width:1%}.ref-table kbd,.ref-table code{font-size:11px;padding:1px 4px;border-radius:3px;background:var(--wash);border:1px solid var(--line);white-space:nowrap}.check-row{display:flex;align-items:center;gap:8px;padding:8px 10px 4px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.check-row input{margin:0}.nav-row .nav-edit{opacity:0;flex:none;transition:opacity .1s ease}.nav-row:hover .nav-edit,.nav-row:focus-within .nav-edit{opacity:1}.appearance{position:absolute;top:100%;left:6px;right:6px;z-index:45;background:var(--raised);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;min-width:220px}.appearance-preview{display:flex;align-items:center;gap:8px;font-weight:550;font-size:13.5px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appearance-name{width:100%;border:1px solid var(--line-2);border-radius:5px;padding:6px 8px;background:var(--surface);font-size:13.5px;outline:0}.appearance-name:focus{border-color:var(--accent)}.appearance-section{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:10px 0 5px}.swatches,.shapes{display:flex;flex-wrap:wrap;gap:5px}.swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--page),0 0 0 3.5px var(--accent)}.swatch.custom{display:grid;place-items:center;overflow:hidden;background:conic-gradient(#c0392b,#c79000,#2e8b57,#2a78d6,#7d4bc3,#c0392b)}.swatch.custom input{opacity:0;width:100%;height:100%;cursor:pointer}.shape-btn{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:5px;background:var(--surface);cursor:pointer;padding:0}.shape-btn:hover{background:var(--wash-hover)}.shape-btn.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.appearance-error{color:var(--p1);font-size:12.5px;margin:8px 0 0}.appearance-actions,.dialog-actions{display:flex;align-items:center;gap:6px;margin-top:12px}.appearance-actions .spacer,.dialog-actions .spacer{flex:1}.btn.danger-text{color:var(--p1);border-color:transparent;background:transparent}.btn.danger-text:hover{background:color-mix(in oklab,var(--p1) 12%,transparent)}.dialog{background:var(--raised);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow);padding:20px;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto}.dialog h2{margin:0 0 6px;font-size:17px}.dialog-lead{margin:0 0 14px;color:var(--ink-2);font-size:13.5px;line-height:1.5}.dialog-section{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin:16px 0 6px}.dialog-error{color:var(--p1);font-size:13px;margin:12px 0 0}.dialog.multi{width:min(680px,calc(100vw - 32px))}.multi-input{width:100%;font-family:var(--mono);font-size:13px;line-height:1.55;resize:vertical}.multi-preview{margin-top:12px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;max-height:220px;overflow-y:auto;background:var(--surface)}.multi-count{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);margin-bottom:6px}.multi-preview ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.multi-preview li{display:flex;align-items:baseline;gap:8px;font-size:13.5px}.multi-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-chips{display:inline-flex;flex-wrap:wrap;gap:4px;flex:none}.multi-defaults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}@media(max-width:560px){.multi-defaults{grid-template-columns:minmax(0,1fr)}}.dropzone{border:1.5px dashed var(--line-2);border-radius:10px;padding:22px 16px;display:grid;place-items:center;gap:3px;cursor:pointer;text-align:center;background:var(--surface)}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--wash)}.dropzone.has-file{border-style:solid}.dropzone-hint{color:var(--ink-3);font-size:12.5px}.radio-row{display:flex;gap:9px;padding:8px 0;font-size:13.5px;line-height:1.5;color:var(--ink-2);cursor:pointer}.radio-row input{margin-top:3px;flex:none}.radio-row strong{color:var(--ink)}.danger-box{margin-top:10px;padding:12px;border:1px solid color-mix(in oklab,var(--p1) 45%,transparent);border-radius:8px;background:color-mix(in oklab,var(--p1) 8%,transparent)}.danger-box p{margin:0 0 9px;font-size:13px;line-height:1.5}.confirm-input{width:140px;border:1px solid var(--line-2);border-radius:5px;padding:6px 8px;background:var(--surface);font-size:13.5px;outline:0}.confirm-input:focus{border-color:var(--p1)}.import-counts{display:flex;gap:20px;list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--ink-2)}.import-counts strong{color:var(--ink);font-size:20px;display:block}.import-warnings{margin:0;padding-left:18px;font-size:13px;color:var(--ink-2);line-height:1.55}.mark{--mark-size: 9px;width:var(--mark-size);height:var(--mark-size);display:inline-block;flex:none;background:var(--mark)}.mark-dot{border-radius:50%}.mark-ring{border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--mark)}.mark-square{border-radius:0}.mark-rounded{border-radius:30%}.mark-diamond{border-radius:1px;transform:rotate(45deg) scale(.86)}.mark-triangle{clip-path:polygon(50% 4%,100% 96%,0 96%)}.mark-bar{width:calc(var(--mark-size) * .36);border-radius:calc(var(--mark-size) * .18)}.mark-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.project-dot,.label-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.label-dot{border-radius:2px}.topbar{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.topbar .menu{display:none}.titles{flex:1}.titles h1{margin:0;font-size:24px;letter-spacing:-.02em;line-height:1.2}.titles p{margin:2px 0 0;color:var(--ink-3);font-size:13.5px}.count{color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.quickadd{margin-bottom:18px}.quickadd-field{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:8px 10px 8px 12px;transition:border-color .12s ease,box-shadow .12s ease}.quickadd-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--wash)}.quickadd-plus{color:var(--accent);font-size:18px;line-height:1;font-weight:600}.quickadd-field input{flex:1;border:0;outline:0;background:transparent;min-width:0}.quickadd-field input::placeholder{color:var(--ink-3)}.quickadd-preview{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px 0;font-size:13px;color:var(--ink-2)}.preview-title{font-weight:500;color:var(--ink)}.preview-title em{color:var(--ink-3);font-weight:400}.preview-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--wash-hover);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.chip-date{color:var(--due-today);border-color:color-mix(in oklab,var(--due-today) 35%,transparent)}.chip.p1{color:var(--p1-edge);border-color:color-mix(in oklab,var(--p1) 40%,transparent)}.chip.p2{color:var(--p2-edge);border-color:color-mix(in oklab,var(--p2) 40%,transparent)}.chip.p3{color:var(--p3-edge);border-color:color-mix(in oklab,var(--p3) 40%,transparent)}.chip.p4{color:var(--p4-edge);border-color:color-mix(in oklab,var(--p4) 40%,transparent)}.chip.p5{color:var(--p5-edge);border-color:color-mix(in oklab,var(--p5) 40%,transparent)}.chip.p6{color:var(--p6-edge);border-color:color-mix(in oklab,var(--p6) 40%,transparent)}.chip.p7{color:var(--p7-edge);border-color:color-mix(in oklab,var(--p7) 40%,transparent)}.chip.p8{color:var(--p8-edge);border-color:color-mix(in oklab,var(--p8) 40%,transparent)}.chip.p9{color:var(--p9-edge);border-color:color-mix(in oklab,var(--p9) 40%,transparent)}.chip.p0{color:var(--ink-3)}.preview-chips .chip{cursor:pointer;background:transparent;font-family:inherit}.preview-chips .chip:hover{background:var(--wash-hover)}.preview-chips .chip.off{color:var(--ink-3);border-color:var(--line);text-decoration:line-through;opacity:.7}.quickadd-error{color:var(--p1);font-size:13px;padding:6px 12px 0}.quickadd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:4px 8px 0 10px}.quickadd-action{position:relative}.quickadd-action .popover{top:100%;left:0;right:auto;margin-top:4px;z-index:45}.quickadd-actions .icon-btn{width:30px;height:30px;color:var(--ink-3);border-radius:7px}.quickadd-actions .icon-btn:hover{color:var(--ink);background:var(--wash-hover)}.quickadd-actions .icon-btn.set{color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,transparent)}.quickadd-picked{display:inline-flex;flex-wrap:wrap;gap:5px;margin-left:4px}.quickadd-picked .chip{cursor:pointer;background:transparent}.quickadd-picked .chip:hover{background:var(--wash-hover)}@media(max-width:820px){.quickadd-actions{gap:6px;padding:6px 10px 2px}.quickadd-actions .icon-btn{width:40px;height:40px}.quickadd-action .popover{left:0;right:auto;min-width:180px;max-width:calc(100vw - 32px)}}.group{margin-bottom:26px}.group-heading{display:flex;align-items:center;gap:8px;margin:0 0 4px;padding:0 0 6px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:650;letter-spacing:-.005em}.group-heading .project-dot,.group-heading .mark{flex:none}.group-heading.tone-overdue{color:var(--due-overdue)}.group-count{font-size:12px;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.list{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:0 18px 16px 26px minmax(0,1fr) auto;align-items:start;gap:0 4px;padding:9px 4px 9px 0;border-bottom:1px solid var(--line);position:relative;background:var(--page)}.row:hover{background:var(--wash-hover)}.row.dragging{background:var(--raised);box-shadow:var(--shadow);border-radius:6px;border-bottom-color:transparent;z-index:5}.row.done .title{color:var(--ink-3);text-decoration:line-through}.check{width:19px;height:19px;flex:none;margin-top:1px;border-radius:50%;border:1.6px solid var(--p0-edge);background:transparent;cursor:pointer;display:grid;place-items:center;color:transparent;padding:0;transition:background .12s ease,color .12s ease,border-color .12s ease}.check.p1{border-color:var(--p1-edge);background:color-mix(in oklab,var(--p1) 12%,transparent)}.check.p2{border-color:var(--p2-edge);background:color-mix(in oklab,var(--p2) 12%,transparent)}.check.p3{border-color:var(--p3-edge);background:color-mix(in oklab,var(--p3) 12%,transparent)}.check.p4{border-color:var(--p4-edge);background:color-mix(in oklab,var(--p4) 12%,transparent)}.check.p5{border-color:var(--p5-edge);background:color-mix(in oklab,var(--p5) 12%,transparent)}.check.p6{border-color:var(--p6-edge);background:color-mix(in oklab,var(--p6) 12%,transparent)}.check.p7{border-color:var(--p7-edge);background:color-mix(in oklab,var(--p7) 12%,transparent)}.check.p8{border-color:var(--p8-edge);background:color-mix(in oklab,var(--p8) 12%,transparent)}.check.p9{border-color:var(--p9-edge);background:color-mix(in oklab,var(--p9) 12%,transparent)}.check:hover{color:var(--ink-2)}.check.p1:hover{background:color-mix(in oklab,var(--p1) 24%,transparent);color:var(--p1-edge)}.check.p2:hover{background:color-mix(in oklab,var(--p2) 24%,transparent);color:var(--p2-edge)}.check.p3:hover{background:color-mix(in oklab,var(--p3) 24%,transparent);color:var(--p3-edge)}.check.p4:hover{background:color-mix(in oklab,var(--p4) 24%,transparent);color:var(--p4-edge)}.check.p5:hover{background:color-mix(in oklab,var(--p5) 24%,transparent);color:var(--p5-edge)}.check.p6:hover{background:color-mix(in oklab,var(--p6) 24%,transparent);color:var(--p6-edge)}.check.p7:hover{background:color-mix(in oklab,var(--p7) 24%,transparent);color:var(--p7-edge)}.check.p8:hover{background:color-mix(in oklab,var(--p8) 24%,transparent);color:var(--p8-edge)}.check.p9:hover{background:color-mix(in oklab,var(--p9) 24%,transparent);color:var(--p9-edge)}.row.done .check{background:var(--ink-3);border-color:var(--ink-3);color:var(--surface)}.check.small{width:15px;height:15px}.check.done{background:var(--ink-3);border-color:var(--ink-3);color:var(--surface)}.detail-complete{display:flex;align-items:center;gap:9px;width:100%;margin:0 0 14px;padding:8px 10px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);color:var(--ink-2);font-size:13.5px;font-family:inherit;text-align:left;cursor:pointer}.detail-complete:hover{background:var(--wash-hover);color:var(--ink)}.detail-complete.is-done{color:var(--ink-3);border-style:dashed}.content{min-width:0}.title{display:block;cursor:text;word-break:break-word;line-height:1.4}.title a{text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 45%,transparent)}.title code{font-size:.85em}.title-edit{width:100%;border:1px solid var(--accent);border-radius:6px;padding:4px 7px;background:var(--surface);resize:vertical;outline:0;line-height:1.4;field-sizing:content}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:3px;font-size:12.5px;color:var(--ink-3)}.meta-item{display:inline-flex;align-items:center;gap:5px}.meta-item.label{color:var(--ink-2)}.meta-item.prio{font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.01em}.meta-item.prio.p1{color:var(--p1-edge)}.meta-item.prio.p2{color:var(--p2-edge)}.meta-item.prio.p3{color:var(--p3-edge)}.meta-item.prio.p4{color:var(--p4-edge)}.meta-item.prio.p5{color:var(--p5-edge)}.meta-item.prio.p6{color:var(--p6-edge)}.meta-item.prio.p7{color:var(--p7-edge)}.meta-item.prio.p8{color:var(--p8-edge)}.meta-item.prio.p9{color:var(--p9-edge)}.due{display:inline-flex;align-items:center;gap:5px;font-weight:550}.due-overdue{color:var(--due-overdue)}.due-today{color:var(--due-today)}.due-tomorrow{color:var(--due-tomorrow)}.due-soon{color:var(--due-soon)}.due-later{color:var(--due-later)}.row-actions{position:absolute;top:auto;bottom:0;right:0;height:100%;max-height:var(--action-size);display:flex;align-items:stretch;gap:1px;opacity:0;pointer-events:none;transition:opacity .1s ease;padding-left:26px;background:linear-gradient(to right,transparent,var(--wash-hover) 26px);z-index:3}.row:hover .row-actions,.row:focus-within .row-actions{opacity:1}.row-actions{pointer-events:none}.row-actions .icon-btn,.row-actions .popover{pointer-events:auto}.row-actions:has(.popover){opacity:1;z-index:40}.row.typing .row-actions{display:none}.icon-btn{border:0;background:transparent;color:var(--ink-3);cursor:pointer;padding:5px;border-radius:5px;display:grid;place-items:center;line-height:1}.row-actions .icon-btn{height:100%;width:var(--action-size);aspect-ratio:auto;padding:0 0 7px;border-radius:6px;place-items:end center}.row-actions .icon-btn svg{width:15px;height:15px}.icon-btn:hover{background:var(--wash-hover);color:var(--ink)}.icon-btn.danger:hover{color:var(--p1)}.pick{width:0;overflow:hidden;display:grid;place-items:center;margin-top:1px;height:19px}.selecting .row{grid-template-columns:24px 18px 16px 26px minmax(0,1fr) auto}.selecting .pick{width:24px;overflow:visible}.pick input{margin:0;cursor:pointer;width:15px;height:15px}.row.picked{background:var(--wash)}.row.picked:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.grip,.grip-spacer{width:18px;display:grid;place-items:center;margin-top:1px;height:19px}.grip{cursor:grab;color:var(--ink-3);opacity:0;transition:opacity .1s ease;touch-action:none}.row:hover .grip,.row:focus-within .grip{opacity:1}.grip:active{cursor:grabbing}.row.dragging .grip{opacity:1}.project-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:2px;justify-self:end}.popover{position:absolute;top:100%;right:0;z-index:20;background:var(--raised);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px;display:flex;flex-direction:column;min-width:150px}.popover button{border:0;background:transparent;text-align:left;padding:7px 10px;border-radius:5px;cursor:pointer;font-size:14px}.popover button:hover{background:var(--wash-hover)}.popover button.on{color:var(--ink);font-weight:550}.popover button:has(.prio-swatch){display:flex;align-items:center;gap:8px}.popover-dim{color:var(--ink-3);font-weight:400}.popover.wide{min-width:190px;max-height:260px;overflow-y:auto}.popover.wide button{display:flex;align-items:center;gap:8px}.popover-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-tick{color:var(--accent);font-size:12px}.popover-empty{color:var(--ink-3);font-size:13px;margin:4px 10px}.popover-add{padding:4px 4px 2px}.popover-add input{width:100%;border:1px solid var(--line-2);border-radius:5px;padding:5px 8px;background:var(--surface);font-size:13.5px;outline:0}.popover-add input:focus{border-color:var(--accent)}.choose-date{display:flex;flex-direction:column;gap:6px;padding:6px;min-width:232px}.choose-date input{width:100%;border:1px solid var(--line-2);border-radius:5px;padding:6px 8px;background:var(--surface);color:var(--ink);font-size:13.5px;font-family:inherit;outline:0}.choose-date input:focus{border-color:var(--accent)}.choose-date input.invalid{border-color:var(--p1)}.choose-date-foot{display:flex;align-items:center;gap:8px}.choose-date-preview{flex:1;min-width:0;font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choose-date-preview.error{color:var(--p1)}.choose-date-foot .btn{flex:0 0 auto}.popover.wide:has(.choose-date){max-height:none;overflow:visible}.popover.wide:has(.task-picker){overflow:visible}.empty{color:var(--ink-3);padding:28px 4px}.trash-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-2);font-size:13px}.trash-bar .spacer{flex:1}.btn{border:1px solid var(--line-2);background:var(--surface);border-radius:6px;padding:6px 13px;cursor:pointer;font-size:14px}.btn:hover{background:var(--wash-hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:550}.btn.primary:hover{filter:brightness(1.07)}.btn.primary:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.danger{color:var(--p1);border-color:color-mix(in oklab,var(--p1) 40%,transparent)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;z-index:30;border:0}.scrim.center{display:grid;place-items:center;padding:20px}.detail{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--surface);border-left:1px solid var(--line);z-index:31;overflow-y:auto;padding:18px 20px 40px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.detail header{display:flex;align-items:center;justify-content:space-between}.detail header h2{margin:0;font-size:15px;letter-spacing:.02em;color:var(--ink-3);text-transform:uppercase}.detail footer{margin-top:auto;padding-top:12px}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field input,.field textarea,.field select{border:1px solid var(--line-2);border-radius:6px;padding:7px 9px;background:var(--page);outline:0;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--wash)}.field input.invalid{border-color:var(--p1)}.field small{font-size:12px;color:var(--ink-3)}.field small.error{color:var(--p1)}.field textarea{resize:vertical;line-height:1.45}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subtasks{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.subtasks li{display:flex;align-items:flex-start;gap:9px;font-size:14px}.subtasks li .check{margin-top:2px}.subtasks li>span{min-width:0;overflow-wrap:anywhere}.subtasks li.muted{color:var(--ink-3);font-size:13px}.subtasks .done{color:var(--ink-3);text-decoration:line-through}.subtasks li .subtask-promote{margin-left:auto;flex:none;width:26px;height:26px;font-size:14px;color:var(--ink-3);opacity:0}.subtasks li:hover .subtask-promote,.subtasks li .subtask-promote:focus-visible{opacity:1}.subtasks li .subtask-promote:hover{color:var(--ink)}@media(hover:none){.subtasks li .subtask-promote{opacity:1}}.parent-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.parent-title{flex:1;min-width:120px;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover.inline{position:static;margin-top:6px;box-shadow:none;max-height:260px}.task-picker{display:flex;flex-direction:column;gap:1px;overflow-y:auto}.task-picker>button{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;padding:7px 10px;border-radius:5px;cursor:pointer;font-size:14px;color:var(--ink)}.task-picker>button:hover{background:var(--wash-hover)}.task-picker .popover-add{position:sticky;top:0;background:var(--raised);z-index:1}.login{display:grid;place-items:center;height:100%;padding:20px}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;width:min(340px,100%);display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.login-card .brand{padding:0 0 6px;justify-content:center}.login-card input{border:1px solid var(--line-2);border-radius:6px;padding:9px 11px;background:var(--page);outline:0}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--wash)}.login-error{color:var(--p1);font-size:13px;margin:0;text-align:center}.toast{display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 24px));background:var(--ink);color:var(--surface);padding:5px 6px 5px 4px;border-radius:999px;font-size:13.5px;box-shadow:var(--shadow);z-index:55}.toast-text{flex:1;min-width:0;padding:2px 0}.toast-close,.toast-undo{flex:none;border:0;background:transparent;color:var(--surface);font-family:inherit;cursor:pointer;border-radius:999px}.toast-close{width:26px;height:26px;font-size:17px;line-height:1;opacity:.65}.toast-close:hover{opacity:1;background:#ffffff24}.toast-undo{padding:5px 13px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.35)}.toast-undo:hover{background:#ffffff29}.help-card{background:var(--surface);border-radius:12px;padding:22px 24px;max-width:460px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow)}.help-card h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:16px 0 8px}.help-card h2:first-child{margin-top:0}.help-card table{width:100%;border-collapse:collapse;font-size:13.5px}.help-card td{padding:4px 0;vertical-align:top}.help-card td:first-child{width:40%;padding-right:12px}.help-card .hint{font-size:12.5px;color:var(--ink-3)}.md-body{border:1px solid transparent;border-radius:6px;padding:7px 9px;cursor:text;background:var(--page);font-size:14px;line-height:1.55;color:var(--ink);max-width:100%;overflow-wrap:break-word}.md-body:hover{border-color:var(--line-2)}.md-body>*:first-child{margin-top:0}.md-body>*:last-child{margin-bottom:0}.md-body p{margin:0 0 8px}.md-body h4,.md-body h5,.md-body h6{margin:12px 0 5px;font-size:14px;font-weight:650;line-height:1.3}.md-body ul,.md-body ol{margin:0 0 8px;padding-left:20px}.md-body li{margin-bottom:3px}.md-body hr{border:0;border-top:1px solid var(--line);margin:10px 0}.md-body blockquote{margin:0 0 8px;padding:2px 0 2px 11px;border-left:2px solid var(--line-2);color:var(--ink-2)}.md-body pre{margin:0 0 8px;padding:9px 11px;background:var(--wash-hover);border-radius:6px;overflow-x:auto}.md-body pre code{background:none;padding:0;font-size:12.5px}.md-body code{font-size:.87em}.md-body ul.tasklist{list-style:none;padding-left:2px}.md-body li.task{display:flex;gap:8px;align-items:flex-start}.md-body li.task .box{flex:none;width:14px;height:14px;margin-top:3px;border:1.5px solid var(--p4);border-radius:3px;font-size:10px;line-height:11px;text-align:center;color:var(--ink-3)}.md-body li.task.checked .box{background:var(--ink-3);border-color:var(--ink-3);color:var(--surface)}.md-body li.task.checked>span:last-child{color:var(--ink-3);text-decoration:line-through}.md-editor{font-family:var(--mono);font-size:13px;line-height:1.55}.md-empty{text-align:left;border:1px dashed var(--line-2);border-radius:6px;background:transparent;color:var(--ink-3);padding:8px 10px;cursor:pointer;font-size:14px}.md-empty:hover{border-color:var(--accent);color:var(--accent)}.twisty,.twisty-spacer{width:16px;display:grid;place-items:center}.twisty{border:0;background:transparent;color:var(--ink-3);cursor:pointer;padding:0;margin-top:3px;height:16px;border-radius:4px;transition:transform .12s ease,background .12s ease}.twisty:hover{background:var(--wash-hover);color:var(--ink)}.twisty.collapsed{transform:rotate(-90deg)}.subtask-add{grid-column:4 / -1;margin-top:7px}.subtask-add input{width:100%;border:1px solid var(--accent);border-radius:6px;padding:6px 9px;background:var(--surface);outline:0;font-size:14px}.toolbar{margin:0 0 12px;display:flex;flex-direction:column;gap:7px}.toolbar-toggle{display:none}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.toolbar-row.labels{padding-top:1px}.toolbar-filters{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:8px;margin-top:1px}.filters-toggle{display:inline-flex;align-items:center;gap:5px}.filters-caret{font-size:8px;color:var(--ink-3)}.filters-toggle.on .filters-caret{color:inherit}.toolbar-row.dues{padding-top:1px}.toolbar-row.prios .toolbar-label,.toolbar-row.dues .toolbar-label{min-width:52px}.toolbar-sort{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-3)}.toolbar-sort select{border:1px solid var(--line-2);background:var(--surface);border-radius:6px;padding:4px 7px;font-size:13px;color:var(--ink)}.toolbar-sep{width:1px;height:18px;background:var(--line);margin:0 4px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:3px 11px;font-size:12.5px;cursor:pointer;line-height:1.5}.pill:hover{background:var(--wash-hover)}.pill.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pill.on .label-dot{box-shadow:0 0 0 1.5px #fff9}.pill.p1.on{background:var(--p1);border-color:var(--p1-edge);color:var(--p1-ink, var(--p-ink))}.pill.p2.on{background:var(--p2);border-color:var(--p2-edge);color:var(--p2-ink, var(--p-ink))}.pill.p3.on{background:var(--p3);border-color:var(--p3-edge);color:var(--p3-ink, var(--p-ink))}.pill.p4.on{background:var(--p4);border-color:var(--p4-edge);color:var(--p4-ink, var(--p-ink))}.pill.p5.on{background:var(--p5);border-color:var(--p5-edge);color:var(--p5-ink, var(--p-ink))}.pill.p6.on{background:var(--p6);border-color:var(--p6-edge);color:var(--p6-ink, var(--p-ink))}.pill.p7.on{background:var(--p7);border-color:var(--p7-edge);color:var(--p7-ink, var(--p-ink))}.pill.p8.on{background:var(--p8);border-color:var(--p8-edge);color:var(--p8-ink, var(--p-ink))}.pill.p9.on{background:var(--p9);border-color:var(--p9-edge);color:var(--p9-ink, var(--p-ink))}.pill.p0.on{background:var(--ink-3);border-color:var(--ink-3);color:var(--p-ink)}.pill.clear{border-style:dashed}.prio-pill{min-width:26px;padding:3px 0;justify-content:center;font-variant-numeric:tabular-nums;font-weight:600}.toolbar-row.prios{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.toolbar-label{font-size:12px;color:var(--ink-3);margin-right:3px}.toolbar-count{margin:0;font-size:12.5px;color:var(--ink-3)}.topsearch{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:5px 8px 5px 12px;background:var(--surface);color:var(--ink-3);cursor:pointer;font-size:13.5px;transition:border-color .12s ease,box-shadow .12s ease}.topsearch:hover{border-color:var(--accent);color:var(--ink-2)}.topsearch-label{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.topsearch kbd{font-size:11px;padding:0 5px}.palette-scrim{align-items:flex-start;display:grid;justify-items:center;padding:8vh 16px 16px}.palette{width:min(720px,100%);max-height:78vh;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.palette-field{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);color:var(--ink-3);font-size:18px}.palette-field input{flex:1;border:0;outline:0;background:transparent;font-size:16px;color:var(--ink);min-width:0}.palette-field input::placeholder{color:var(--ink-3);font-size:15px}.palette-hint{margin:0;padding:18px 16px;color:var(--ink-3);font-size:13.5px}.palette-hint kbd{margin:0 2px}.palette-results{list-style:none;margin:0;padding:6px;overflow-y:auto}.palette-item{display:flex;align-items:flex-start;border-radius:7px;padding-left:2px}.palette-item.active{background:var(--wash)}.palette-row{display:flex;align-items:flex-start;gap:11px;flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:9px 10px 9px 2px;border-radius:7px;cursor:pointer;color:var(--ink)}.palette-row.done .palette-title{color:var(--ink-3);text-decoration:line-through}.palette-check{flex:none;width:30px;height:30px;margin-top:1px;display:grid;place-items:center;border:0;padding:0;background:transparent;border-radius:50%;cursor:pointer}.palette-check:before{content:"";width:15px;height:15px;border-radius:50%;border:1.6px solid var(--p0-edge)}.palette-check:hover{background:var(--wash-hover)}.palette-check.p1:before{border-color:var(--p1-edge)}.palette-check.p2:before{border-color:var(--p2-edge)}.palette-check.p3:before{border-color:var(--p3-edge)}.palette-check.p4:before{border-color:var(--p4-edge)}.palette-check.p5:before{border-color:var(--p5-edge)}.palette-check.p6:before{border-color:var(--p6-edge)}.palette-check.p7:before{border-color:var(--p7-edge)}.palette-check.p8:before{border-color:var(--p8-edge)}.palette-check.p9:before{border-color:var(--p9-edge)}.palette-check.checked:before{background:var(--ink-3);border-color:var(--ink-3)}.palette-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.palette-title{font-size:14.5px;line-height:1.35}.palette-snippet{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-meta{flex:none;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-3);padding-top:2px}.palette-project{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-donetag{font-size:11px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line-2);border-radius:4px;padding:0 5px}.palette-all{border:0;border-top:1px solid var(--line);background:transparent;color:var(--accent);padding:11px 16px;cursor:pointer;font-size:13.5px;text-align:left}.palette-all:hover{background:var(--wash-hover)}@media(max-width:700px){.palette-scrim{padding:0}.palette{width:100%;max-height:100vh;height:100%;border-radius:0;border:0}.palette-meta{flex-direction:column;align-items:flex-end;gap:2px}.topsearch-label,.topsearch kbd{display:none}}.linkish{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline}@media(max-width:820px){html,body,#root{height:auto;min-height:100%}.app{display:block;height:auto}.main{overflow:visible;height:auto;padding:16px 14px calc(72px + env(safe-area-inset-bottom))}.sticky-head{position:sticky;z-index:20;top:0;max-width:none;margin:-16px -14px 0;padding:12px 14px 0;background:var(--page)}.sticky-head:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.07),transparent);pointer-events:none}.topbar,.quickadd{margin-bottom:12px}.sidebar{position:fixed;inset:0 auto 0 0;height:100dvh;z-index:40;transform:translate(-100%);transition:transform .18s ease;box-shadow:var(--shadow);padding-bottom:calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.sidebar.open{transform:none}.topbar .menu{display:grid;font-size:18px}.titles h1{font-size:20px}.row-actions{position:static;opacity:1;pointer-events:auto;padding-left:0;background:none;align-items:center;align-self:center;height:auto;max-height:none}.row{grid-template-columns:0 0 20px 40px minmax(0,1fr) auto;padding:9px 0}.selecting .row{grid-template-columns:40px 0 20px 40px minmax(0,1fr) auto}.selecting .pick{width:40px;height:40px;margin-top:-9px}.selecting .pick input{width:21px;height:21px}.project-tag{grid-column:5;justify-self:start;max-width:none;padding-top:0}.row-actions .icon-btn{min-width:40px;min-height:40px;width:auto;height:auto;aspect-ratio:auto;padding:8px;place-items:center}.row-actions .icon-btn[title=Schedule],.row-actions .icon-btn[title="Add a subtask"],.row-actions .icon-btn[title=Priority],.row-actions .icon-btn[title="Move to project"],.row-actions .icon-btn[title=Labels],.row-actions .icon-btn[title=Delete]{display:none}.check{width:40px;height:40px;border:0;background:transparent;margin-top:-9px;position:relative}.check:before{content:"";position:absolute;top:50%;left:50%;width:21px;height:21px;transform:translate(-50%,-50%);border:1.7px solid var(--p0-edge);border-radius:50%;transition:background .12s ease,border-color .12s ease}.check.p1:before{border-color:var(--p1-edge);background:color-mix(in oklab,var(--p1) 12%,transparent)}.check.p2:before{border-color:var(--p2-edge);background:color-mix(in oklab,var(--p2) 12%,transparent)}.check.p3:before{border-color:var(--p3-edge);background:color-mix(in oklab,var(--p3) 12%,transparent)}.check.p4:before{border-color:var(--p4-edge);background:color-mix(in oklab,var(--p4) 12%,transparent)}.check.p5:before{border-color:var(--p5-edge);background:color-mix(in oklab,var(--p5) 12%,transparent)}.check.p6:before{border-color:var(--p6-edge);background:color-mix(in oklab,var(--p6) 12%,transparent)}.check.p7:before{border-color:var(--p7-edge);background:color-mix(in oklab,var(--p7) 12%,transparent)}.check.p8:before{border-color:var(--p8-edge);background:color-mix(in oklab,var(--p8) 12%,transparent)}.check.p9:before{border-color:var(--p9-edge);background:color-mix(in oklab,var(--p9) 12%,transparent)}.check.p1,.check.p2,.check.p3,.check.p4,.check.p5,.check.p6,.check.p7,.check.p8,.check.p9{background:transparent}.check svg{position:relative;z-index:1}.row.done .check{background:transparent}.row.done .check:before{background:var(--ink-3);border-color:var(--ink-3)}.twisty,.twisty-spacer{width:20px}.twisty{height:20px;margin-top:8px}.twisty:after{content:"";position:absolute;top:-11px;right:-6px;bottom:-11px;left:-6px}.grip,.grip-spacer{width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.field-row{grid-template-columns:1fr}.detail{width:100vw;border-left:0;height:100dvh;padding-bottom:calc(40px + env(safe-area-inset-bottom));overscroll-behavior:contain}.quickadd-field input,.field input,.field textarea,.field select,.title-edit,.subtask-add input,.palette-field input{font-size:16px}.toolbar-toggle{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink-2);font-size:13.5px;cursor:pointer;text-align:left}.toolbar-toggle-icon{color:var(--ink-3)}.toolbar-toggle-text{flex:1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-toggle-count{flex:none;font-size:12px;font-weight:600;color:#fff;background:var(--accent);border-radius:999px;padding:1px 8px}.toolbar-toggle-chevron{color:var(--ink-3);font-size:10px}.toolbar>.toolbar-row{display:none}.toolbar.open>.toolbar-row{display:flex}.toolbar.open{gap:9px}.toolbar-sort{justify-content:space-between;width:100%}.toolbar-sort:has(+.sort-dir){width:calc(100% - 46px)}.sort-dir{min-width:40px;min-height:40px}.toolbar-row.prios .toolbar-label,.toolbar-row.dues .toolbar-label{min-width:0}.toolbar-sort select{padding:8px;flex:1}.toolbar-sep{display:none}.pill{padding:9px 14px}.topbar .menu,.topbar .icon-btn{min-width:40px;min-height:40px}.topsearch{min-height:40px;padding:8px 14px}.nav-item{padding:11px 10px}.nav-heading .icon-btn{min-width:36px;min-height:36px}.nav-row .nav-delete{min-width:40px;min-height:40px}.palette-row{padding:12px 10px 12px 2px}.palette-check{width:40px;height:40px;margin-top:2px}.popover button{padding:11px 12px}.drop-select-button{min-height:40px}.nav-grip{opacity:.5;width:22px;min-height:40px}.capture-added li .linkish{padding:6px 0}}.main,.detail,.sidebar,.palette-results,.md-body{overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.prio-swatch.p1{border-color:var(--p1-edge);background:color-mix(in oklab,var(--p1) 45%,transparent)}.prio-swatch.p2{border-color:var(--p2-edge);background:color-mix(in oklab,var(--p2) 45%,transparent)}.prio-swatch.p3{border-color:var(--p3-edge);background:color-mix(in oklab,var(--p3) 45%,transparent)}.prio-swatch.p4{border-color:var(--p4-edge);background:color-mix(in oklab,var(--p4) 45%,transparent)}.prio-swatch.p5{border-color:var(--p5-edge);background:color-mix(in oklab,var(--p5) 45%,transparent)}.prio-swatch.p6{border-color:var(--p6-edge);background:color-mix(in oklab,var(--p6) 45%,transparent)}.prio-swatch.p7{border-color:var(--p7-edge);background:color-mix(in oklab,var(--p7) 45%,transparent)}.prio-swatch.p8{border-color:var(--p8-edge);background:color-mix(in oklab,var(--p8) 45%,transparent)}.prio-swatch.p9{border-color:var(--p9-edge);background:color-mix(in oklab,var(--p9) 45%,transparent)}@media(max-width:820px){.popover:has(.choose-date),.bulkbar .popover:has(.task-picker){position:fixed;left:10px;right:10px;top:auto;bottom:calc(96px + env(safe-area-inset-bottom));min-width:0;max-width:none;margin:0}.choose-date{min-width:0}.choose-date input{padding:9px 10px;font-size:15px}.choose-date-foot .btn{min-height:38px;padding:8px 14px}.choose-date-foot{flex-wrap:wrap}.choose-date-preview{flex:1 0 100%;white-space:normal;font-size:13px}}@media(max-width:820px){.toast{gap:8px}.toast-close{width:34px;height:34px}.toast-undo{padding:8px 14px}.bottom-stack{bottom:calc(12px + env(safe-area-inset-bottom));padding:0 8px}}