@layer tokens{@layer foundation{:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--radius-interactive:1rem;--radius-control:var(--radius-interactive);--radius-card:1.5rem;--radius-pill:999px;--radius-checkbox:.375rem;--border-width-1:1px;--border-width-strong:2px;--border-width-accent:.3125rem;--outline-width:.1875rem;--outline-offset:var(--outline-width);--control-height:3rem;--checkbox-size:1rem;--stat-min-block-size:7.25rem;--log-max-block-size:70vh;--header-toolbar-min-inline-size:18rem;--header-action-min-inline-size:9.5rem;--header-action-inline-size:12rem;--header-copy-min-block-size:12.5rem;--preferences-control-min-inline-size:11rem;--todo-toggle-inline-size:8.75rem;--todo-summary-inline-size:24rem;--todo-footer-action-inline-size:8.5rem;--debug-toggle-inline-size:12.5rem;--bulk-action-min-block-size:4.75rem;--modal-max-inline-size:28.75rem;--modal-wide-max-inline-size:42rem;--layout-shell-max-inline-size:96rem;--z-index-base:0;--z-index-focus:2;--shadow-soft:0 0 0 1px #3027200f, 0 .5rem 1.5rem #30272014;--shadow-medium:0 0 0 1px #30272014, 0 1rem 2rem #3027201f;--shadow-strong:0 0 0 1px #3027201a, 0 1.5rem 3rem #3027202e;--shadow-focus:0 0 0 var(--outline-width) var(--color-focus)}}@layer typography{:root{--font-family-base:"Avenir Next", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-2xs:.75rem;--font-size-xs:.8125rem;--font-size-sm:.9375rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-display:clamp(1.9rem, 4vw, 3rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-base:1.5;--tracking-base:.01em;--tracking-wide:.08em;--tracking-tight:-.02em}}@layer themes{:root,:root[data-theme=studio]{--font-family-base:"Avenir Next", "Gill Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-interactive:1rem;--radius-card:1.5rem;--shadow-soft:0 0 0 1px #4634260f, 0 .5rem 1.5rem #46342614;--shadow-medium:0 0 0 1px #46342614, 0 1rem 2rem #4634261f;--shadow-strong:0 0 0 1px #4634261a, 0 1.5rem 3rem #4634262e;--theme-accent:#c99e66;--theme-accent-strong:#ac7f4a;--theme-focus:#8f6838;--theme-canvas-light:#f5efe8;--theme-paper-light:#fff7ef;--theme-ink-light:#302822;--theme-border-light:#baa792;--theme-success-light:#9bbd9b;--theme-warning-light:#d5bd84;--theme-danger-light:#d5a0aa;--theme-canvas-dark:#26211d;--theme-paper-dark:#342d28;--theme-ink-dark:#f4ece1;--theme-border-dark:#8c7d72;--theme-success-dark:#52be4d;--theme-warning-dark:#dcb321;--theme-danger-dark:#cb2e2e}:root[data-theme=atelier]{--font-family-base:"Avenir Next", Baskerville, "Segoe UI", ui-sans-serif, sans-serif;--radius-interactive:1.15rem;--radius-card:1.9rem;--shadow-soft:0 0 0 1px #72485814, 0 .5rem 1.5rem #7248581f;--shadow-medium:0 0 0 1px #7248581f, 0 1rem 2rem #7248582e;--shadow-strong:0 0 0 1px #72485829, 0 1.5rem 3rem #7248583d;--theme-accent:#d0a4b4;--theme-accent-strong:#ab7689;--theme-focus:#8f5c70;--theme-canvas-light:#fbf0f3;--theme-paper-light:#fff7f8;--theme-ink-light:#32262c;--theme-border-light:#c6a1ab;--theme-success-light:#95ac94;--theme-warning-light:#d3b17a;--theme-danger-light:#d38ca1;--theme-canvas-dark:#24181e;--theme-paper-dark:#34252c;--theme-ink-dark:#f7e9ef;--theme-border-dark:#8f6875;--theme-success-dark:#52be4d;--theme-warning-dark:#dcb321;--theme-danger-dark:#cb2e2e}:root[data-theme=cabinet]{--font-family-base:"Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;--radius-interactive:.9rem;--radius-card:1.35rem;--shadow-soft:0 0 0 1px #54372414, 0 .5rem 1.5rem #5437241f;--shadow-medium:0 0 0 1px #5437241f, 0 1rem 2rem #5437242e;--shadow-strong:0 0 0 1px #54372429, 0 1.5rem 3rem #5437243d;--theme-accent:#bc9374;--theme-accent-strong:#8f6548;--theme-focus:#724d36;--theme-canvas-light:#efe5d6;--theme-paper-light:#fbf2e5;--theme-ink-light:#33251d;--theme-border-light:#a17e64;--theme-success-light:#8fa37d;--theme-warning-light:#cda36a;--theme-danger-light:#ba7f70;--theme-canvas-dark:#201612;--theme-paper-dark:#30231d;--theme-ink-dark:#f4e2d2;--theme-border-dark:#7e5c48;--theme-success-dark:#52be4d;--theme-warning-dark:#dcb321;--theme-danger-dark:#cb2e2e}:root[data-theme=grove]{--font-family-base:Optima, Candara, "Avenir Next", "Segoe UI", ui-sans-serif, sans-serif;--radius-interactive:1.1rem;--radius-card:1.75rem;--shadow-soft:0 0 0 1px #3e5c4414, 0 .5rem 1.5rem #3e5c441f;--shadow-medium:0 0 0 1px #3e5c441f, 0 1rem 2rem #3e5c442e;--shadow-strong:0 0 0 1px #3e5c4429, 0 1.5rem 3rem #3e5c443d;--theme-accent:#9cb48f;--theme-accent-strong:#728968;--theme-focus:#596f51;--theme-canvas-light:#eef2ea;--theme-paper-light:#f7fbf5;--theme-ink-light:#24312a;--theme-border-light:#8ba08a;--theme-success-light:#7da57f;--theme-warning-light:#c7b36c;--theme-danger-light:#b9868f;--theme-canvas-dark:#18221c;--theme-paper-dark:#26322b;--theme-ink-dark:#eef3ee;--theme-border-dark:#647b6b;--theme-success-dark:#52be4d;--theme-warning-dark:#dcb321;--theme-danger-dark:#cb2e2e}:root[data-theme=signal]{--font-family-base:"Trebuchet MS", "Avenir Next", "Segoe UI", ui-sans-serif, sans-serif;--radius-interactive:.85rem;--radius-card:1.25rem;--shadow-soft:0 0 0 1px #3376a429, 0 .5rem 1.5rem #122e4a3d;--shadow-medium:0 0 0 1px #3376a438, 0 1rem 2rem #122e4a4d;--shadow-strong:0 0 0 1px #369dc93d, 0 1.5rem 3rem #10263d5c;--theme-accent:#65d1ff;--theme-accent-strong:#2ea2da;--theme-focus:#1588c1;--theme-canvas-light:#edf8ff;--theme-paper-light:#f6fcff;--theme-ink-light:#132230;--theme-border-light:#6ca7c6;--theme-success-light:#58b89c;--theme-warning-light:#d2a955;--theme-danger-light:#d88484;--theme-canvas-dark:#0f1821;--theme-paper-dark:#162736;--theme-ink-dark:#ebf9ff;--theme-border-dark:#467899;--theme-success-dark:#52be4d;--theme-warning-dark:#dcb321;--theme-danger-dark:#cb2e2e}:root[data-theme=nocturne]{--font-family-base:"Iowan Old Style", Georgia, "Times New Roman", serif;--radius-interactive:.95rem;--radius-card:1.25rem;--shadow-soft:0 0 0 1px #2e3f581f, 0 .65rem 1.65rem #0d162438;--shadow-medium:0 0 0 1px #2e3f582e, 0 1rem 2rem #0d162447;--shadow-strong:0 0 0 1px #3e537438, 0 1.5rem 3rem #0d162457;--theme-accent:#8cb8ff;--theme-accent-strong:#5c8fd9;--theme-focus:#3f74c2;--theme-canvas-light:#edf2fb;--theme-paper-light:#f8faff;--theme-ink-light:#172334;--theme-border-light:#8799b6;--theme-success-light:#6fa59d;--theme-warning-light:#cfac65;--theme-danger-light:#c98693;--theme-canvas-dark:#0f1520;--theme-paper-dark:#172130;--theme-ink-dark:#ecf3ff;--theme-border-dark:#51637f;--theme-success-dark:#52be4d;--theme-warning-dark:#dcb321;--theme-danger-dark:#cb2e2e}}@layer scheme{:root,:root[data-color-scheme=light],:root[data-color-scheme=system]{color-scheme:light;--color-focus-base:var(--theme-focus);--color-canvas:var(--theme-canvas-light);--color-surface:color-mix(in srgb, var(--theme-paper-light) 92%, white 8%);--color-surface-muted:color-mix(in srgb, var(--theme-paper-light) 78%, var(--theme-canvas-light) 22%);--color-surface-raised:color-mix(in srgb, var(--theme-paper-light) 96%, white 4%);--color-field:color-mix(in srgb, var(--theme-paper-light) 90%, white 10%);--color-field-hover:color-mix(in srgb, var(--theme-paper-light) 84%, var(--theme-accent) 16%);--color-text:var(--theme-ink-light);--color-muted:color-mix(in srgb, var(--theme-ink-light) 68%, var(--theme-paper-light) 32%);--color-muted-strong:color-mix(in srgb, var(--theme-ink-light) 82%, var(--theme-paper-light) 18%);--color-border:color-mix(in srgb, var(--theme-border-light) 82%, var(--theme-paper-light) 18%);--color-border-strong:var(--theme-border-light);--color-backdrop:color-mix(in srgb, var(--theme-ink-light) 28%, transparent 72%);--color-success:var(--theme-success-light);--color-warning:var(--theme-warning-light);--color-danger:var(--theme-danger-light);--color-success-surface:color-mix(in srgb, var(--theme-success-light) 24%, var(--theme-paper-light) 76%);--color-warning-surface:color-mix(in srgb, var(--theme-warning-light) 24%, var(--theme-paper-light) 76%);--color-danger-surface:color-mix(in srgb, var(--theme-danger-light) 22%, var(--theme-paper-light) 78%);--color-priority-low-surface:color-mix(in srgb, var(--theme-success-light) 18%, var(--theme-paper-light) 82%);--color-priority-medium-surface:color-mix(in srgb, var(--theme-warning-light) 18%, var(--theme-paper-light) 82%);--color-priority-high-surface:color-mix(in srgb, var(--theme-danger-light) 18%, var(--theme-paper-light) 82%)}:root[data-color-scheme=dark]{color-scheme:dark;--color-focus-base:color-mix(in srgb, var(--theme-accent) 58%, var(--theme-ink-dark) 20%);--color-canvas:var(--theme-canvas-dark);--color-surface:var(--theme-paper-dark);--color-surface-muted:color-mix(in srgb, var(--theme-paper-dark) 82%, var(--theme-canvas-dark) 18%);--color-surface-raised:color-mix(in srgb, var(--theme-paper-dark) 86%, white 10%);--color-field:color-mix(in srgb, var(--theme-paper-dark) 80%, white 20%);--color-field-hover:color-mix(in srgb, var(--theme-paper-dark) 68%, var(--theme-accent) 32%);--color-text:var(--theme-ink-dark);--color-muted:color-mix(in srgb, var(--theme-ink-dark) 76%, var(--theme-paper-dark) 24%);--color-muted-strong:color-mix(in srgb, var(--theme-ink-dark) 88%, var(--theme-paper-dark) 12%);--color-border:color-mix(in srgb, var(--theme-border-dark) 84%, var(--theme-paper-dark) 16%);--color-border-strong:var(--theme-border-dark);--color-backdrop:color-mix(in srgb, var(--theme-ink-dark) 46%, transparent 54%);--color-success:var(--theme-success-dark);--color-warning:var(--theme-warning-dark);--color-danger:var(--theme-danger-dark);--color-success-surface:color-mix(in srgb, var(--theme-success-dark) 28%, var(--theme-paper-dark) 72%);--color-warning-surface:color-mix(in srgb, var(--theme-warning-dark) 28%, var(--theme-paper-dark) 72%);--color-danger-surface:color-mix(in srgb, var(--theme-danger-dark) 26%, var(--theme-paper-dark) 74%);--color-priority-low-surface:color-mix(in srgb, var(--theme-success-dark) 20%, var(--theme-paper-dark) 80%);--color-priority-medium-surface:color-mix(in srgb, var(--theme-warning-dark) 20%, var(--theme-paper-dark) 80%);--color-priority-high-surface:color-mix(in srgb, var(--theme-danger-dark) 20%, var(--theme-paper-dark) 80%)}@media (prefers-color-scheme:dark){:root[data-color-scheme=system]{color-scheme:dark;--color-focus-base:color-mix(in srgb, var(--theme-accent) 58%, var(--theme-ink-dark) 20%);--color-canvas:var(--theme-canvas-dark);--color-surface:var(--theme-paper-dark);--color-surface-muted:color-mix(in srgb, var(--theme-paper-dark) 82%, var(--theme-canvas-dark) 18%);--color-surface-raised:color-mix(in srgb, var(--theme-paper-dark) 86%, white 10%);--color-field:color-mix(in srgb, var(--theme-paper-dark) 80%, white 20%);--color-field-hover:color-mix(in srgb, var(--theme-paper-dark) 68%, var(--theme-accent) 32%);--color-text:var(--theme-ink-dark);--color-muted:color-mix(in srgb, var(--theme-ink-dark) 76%, var(--theme-paper-dark) 24%);--color-muted-strong:color-mix(in srgb, var(--theme-ink-dark) 88%, var(--theme-paper-dark) 12%);--color-border:color-mix(in srgb, var(--theme-border-dark) 84%, var(--theme-paper-dark) 16%);--color-border-strong:var(--theme-border-dark);--color-backdrop:color-mix(in srgb, var(--theme-ink-dark) 46%, transparent 54%);--color-success:var(--theme-success-dark);--color-warning:var(--theme-warning-dark);--color-danger:var(--theme-danger-dark);--color-success-surface:color-mix(in srgb, var(--theme-success-dark) 28%, var(--theme-paper-dark) 72%);--color-warning-surface:color-mix(in srgb, var(--theme-warning-dark) 28%, var(--theme-paper-dark) 72%);--color-danger-surface:color-mix(in srgb, var(--theme-danger-dark) 26%, var(--theme-paper-dark) 74%);--color-priority-low-surface:color-mix(in srgb, var(--theme-success-dark) 20%, var(--theme-paper-dark) 80%);--color-priority-medium-surface:color-mix(in srgb, var(--theme-warning-dark) 20%, var(--theme-paper-dark) 80%);--color-priority-high-surface:color-mix(in srgb, var(--theme-danger-dark) 20%, var(--theme-paper-dark) 80%)}}:root{--color-accent:var(--theme-accent);--color-accent-strong:var(--theme-accent-strong);--color-focus:var(--color-focus-base);--color-accent-surface:color-mix(in srgb, var(--color-accent) 22%, var(--color-surface) 78%);--color-todo-done:color-mix(in srgb, var(--color-text) 28%, var(--color-surface) 72%);--color-todo-done-surface:color-mix(in srgb, var(--color-surface-raised) 80%, var(--color-canvas) 20%);--color-todo-done-field:color-mix(in srgb, var(--color-surface-muted) 74%, var(--color-canvas) 26%);--color-todo-done-text:color-mix(in srgb, var(--color-text) 60%, var(--color-surface) 40%);--color-todo-done-text-strong:color-mix(in srgb, var(--color-text) 72%, var(--color-surface) 28%)}}}@layer base{@layer reset{*{box-sizing:border-box}html,body{background:var(--color-canvas);min-height:100%;color:var(--color-text);margin:0}body{padding:var(--space-7);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-base)}}@layer typography{:where(button,input,select,textarea){font:inherit;letter-spacing:var(--tracking-base);color:inherit}:where(h1,h2,strong){line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight)}label{gap:var(--space-2);flex-direction:column;display:flex;&>span{min-block-size:calc(2 * var(--font-size-2xs) * var(--line-height-base));color:var(--color-muted);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;align-items:end;display:flex}}:where([data-text=eyebrow]){margin:0 0 var(--space-2);color:var(--color-accent-strong);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}:where([data-text=subcopy]){max-width:80ch;color:var(--color-muted);margin:0}}@layer controls{:where(input:not([type=checkbox]):not([type=radio]),select,textarea){--control-shadow:var(--shadow-soft);inline-size:100%;padding:var(--space-3) var(--space-4);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-control);outline:var(--outline-width) solid transparent;outline-offset:var(--outline-offset);background-color:var(--color-field);color:var(--color-text);box-shadow:var(--control-shadow);transition:border-color .16s,background-color .16s,box-shadow .16s,outline-color .16s;&:hover{background-color:var(--color-field-hover);border-color:var(--color-border-strong)}}:where(input:not([type=checkbox]):not([type=radio]),select){block-size:var(--control-height)}select{--select-chevron-color:currentColor;appearance:none;background-image:linear-gradient(45deg, transparent 42%, var(--select-chevron-color) 42%, var(--select-chevron-color) 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--select-chevron-color) 42%, var(--select-chevron-color) 58%, transparent 58%);background-position:calc(100% - 1.05rem),calc(100% - .7rem);background-repeat:no-repeat;background-size:.55rem .55rem;padding-inline-end:calc(var(--space-6) + 1.25rem)}textarea{resize:vertical;min-block-size:7rem}button{--control-shadow:var(--shadow-soft);--button-background:var(--color-accent-surface);--button-border:var(--color-accent-strong);--button-hover-background:var(--color-surface-raised);--button-hover-border:var(--color-accent);min-block-size:var(--control-height);padding:var(--space-3) var(--space-5);border:var(--border-width-1) solid var(--button-border);border-radius:var(--radius-control);outline:var(--outline-width) solid transparent;outline-offset:var(--outline-offset);background-color:var(--button-background);color:var(--color-text);font-weight:var(--font-weight-semibold);box-shadow:var(--control-shadow);cursor:pointer;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,outline-color .16s;display:inline-flex;&:hover{background-color:var(--button-hover-background);border-color:var(--button-hover-border)}&[data-variant=secondary]{--button-background:var(--color-surface-raised);--button-border:var(--color-border-strong);--button-hover-background:var(--color-surface-muted);--button-hover-border:var(--color-border-strong)}&[data-variant=warning]{--control-shadow:var(--shadow-medium);--button-background:color-mix(in srgb, var(--color-warning) 52%, var(--color-surface) 48%);--button-border:color-mix(in srgb, var(--color-warning) 84%, var(--color-text) 16%);--button-hover-background:color-mix(in srgb, var(--color-warning) 68%, var(--color-surface) 32%);--button-hover-border:color-mix(in srgb, var(--color-warning) 92%, var(--color-text) 8%)}&[data-variant=danger]{--control-shadow:var(--shadow-medium);--button-background:color-mix(in srgb, var(--color-danger) 52%, var(--color-surface) 48%);--button-border:color-mix(in srgb, var(--color-danger) 84%, var(--color-text) 16%);--button-hover-background:color-mix(in srgb, var(--color-danger) 68%, var(--color-surface) 32%);--button-hover-border:color-mix(in srgb, var(--color-danger) 92%, var(--color-text) 8%)}}:where(button,input:not([type=checkbox]):not([type=radio]),select,textarea):is(:focus,:focus-visible){z-index:var(--z-index-focus);border-color:var(--color-focus);outline-color:var(--color-focus);box-shadow:var(--control-shadow);position:relative}:where(input[type=checkbox],input[type=radio]):is(:focus,:focus-visible){outline:none}input::placeholder,textarea::placeholder{color:var(--color-muted)}option{background:var(--color-surface);color:var(--color-text)}input[type=checkbox]{inline-size:var(--checkbox-size);block-size:var(--checkbox-size);border-radius:var(--radius-checkbox);min-block-size:0;min-inline-size:0;accent-color:var(--color-accent-strong);margin:0;padding:0}input[type=date]{color-scheme:inherit}}@layer utilities{:where(menu,ul,ol)[data-list-reset]{margin:0;padding:0;list-style:none}:where([data-layout=pair-grid],[data-layout=action-grid]){gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;&>*{min-inline-size:0}}:where(label[data-field]){align-self:stretch}[data-control-group=checkline]{--control-shadow:var(--shadow-soft);justify-content:flex-start;align-items:center;gap:var(--space-2);min-block-size:calc(var(--control-height) - var(--space-1));padding:var(--space-2) var(--space-3);border:var(--border-width-1) solid var(--color-border-strong);border-radius:var(--radius-control);outline:var(--outline-width) solid transparent;outline-offset:var(--outline-offset);background:var(--color-surface-raised);box-shadow:var(--control-shadow);cursor:pointer;flex-flow:row;flex:none;transition:border-color .16s,background-color .16s,box-shadow .16s,outline-color .16s;display:flex;&>span{min-block-size:0;min-inline-size:0;color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-base);text-transform:none}}[data-control-group=checkline]:has(>input:is(:focus,:focus-visible)){z-index:var(--z-index-focus);border-color:var(--color-focus);outline-color:var(--color-focus);box-shadow:var(--control-shadow);position:relative}[data-density=compact]{--control-shadow:none;padding:var(--space-1) 0;box-shadow:none;background:0 0;border:0;justify-content:flex-start;display:inline-flex}}}@layer shell{@layer surfaces{[data-surface=card]{z-index:var(--z-index-base);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-medium);width:100%;min-block-size:0;display:flex;position:relative}[data-panel]{--panel-marker-color:var(--color-accent-strong);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}:where([data-panel],[data-component=todo-list] [data-slot=header]){margin:0;& h2{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;display:flex;&:before{content:"";background:var(--panel-marker-color);border-radius:.5rem;flex:none;block-size:1rem;inline-size:1rem}}}}}@layer components.app,components.header,components.bulk-actions,components.category-modal,components.debug-log-entry,components.debug-panel,components.filters,components.quick-add,components.stats-row,components.todo-item,components.todo-list;@layer responsive{@layer mobile{@media (width<=780px){body{padding:var(--space-4)}:where([data-layout=pair-grid],[data-layout=action-grid]){grid-template-columns:1fr}}}}