:root{--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-ui:var(--font-sans);--font-body:var(--font-sans);--font-numeric:var(--font-sans);--numeric-variant:normal;--font-scale:1;--text-2xs:calc(.6875rem * var(--font-scale));--text-xs:calc(.75rem * var(--font-scale));--text-sm:calc(.8125rem * var(--font-scale));--text-base:calc(.875rem * var(--font-scale));--text-md:calc(.9375rem * var(--font-scale));--text-lg:calc(1.0625rem * var(--font-scale));--text-xl:calc(1.25rem * var(--font-scale));--text-2xl:calc(1.5rem * var(--font-scale));--text-3xl:calc(1.875rem * var(--font-scale));--text-4xl:calc(2.25rem * var(--font-scale));--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-unit:4px;--space-0:0;--space-1:calc(var(--space-unit) * 1);--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-5:calc(var(--space-unit) * 5);--space-6:calc(var(--space-unit) * 6);--space-8:calc(var(--space-unit) * 8);--space-10:calc(var(--space-unit) * 10);--space-12:calc(var(--space-unit) * 12);--space-16:calc(var(--space-unit) * 16);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.11s;--duration-base:.17s;--duration-slow:.26s;--sidebar-width:244px;--sidebar-width-wide:300px;--page-max-narrow:46rem;--page-max-wide:68rem;--topbar-height:44px;--z-dropdown:40;--z-sticky:50;--z-modal:100;--z-toast:200;--z-tooltip:300;--hue-grey:#6b7280;--hue-red:#e5484d;--hue-orange:#f76b15;--hue-amber:#ffb224;--hue-green:#30a46c;--hue-teal:#12a594;--hue-blue:#3e63dd;--hue-indigo:#5b5bd6;--hue-purple:#8e4ec6;--hue-pink:#d6409f;--accent-base:var(--hue-blue);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-accent=grey]{--accent-base:var(--hue-grey)}:root[data-accent=red]{--accent-base:var(--hue-red)}:root[data-accent=orange]{--accent-base:var(--hue-orange)}:root[data-accent=amber]{--accent-base:var(--hue-amber)}:root[data-accent=green]{--accent-base:var(--hue-green)}:root[data-accent=teal]{--accent-base:var(--hue-teal)}:root[data-accent=blue]{--accent-base:var(--hue-blue)}:root[data-accent=indigo]{--accent-base:var(--hue-indigo)}:root[data-accent=purple]{--accent-base:var(--hue-purple)}:root[data-accent=pink]{--accent-base:var(--hue-pink)}:root[data-preset=calm][data-mode=light],:root[data-preset=calm]:not([data-mode]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-raised:#fff;--bg-sunken:#f7f8fa;--bg-inset:#f1f2f5;--bg-hover:#f1f2f5;--bg-active:#e8eaef;--bg-selected:color-mix(in oklab, var(--accent-base) 10%, transparent);--bg-overlay:#16181d52;--border:#e4e6ea;--border-strong:#ccd0d7;--border-focus:var(--accent-base);--text:#16181d;--text-muted:#5b6170;--text-subtle:#878d9a;--text-inverse:#fff;--text-on-accent:#fff;--shadow-sm:0 1px 2px #1012160f, 0 1px 1px #1012160a;--shadow-md:0 4px 12px #10121614, 0 1px 3px #1012160f;--shadow-lg:0 12px 32px #1012161f, 0 2px 8px #1012160f}:root[data-preset=calm][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101115;--bg-raised:#171920;--bg-sunken:#0b0c0f;--bg-inset:#1b1e26;--bg-hover:#1d202a;--bg-active:#252932;--bg-selected:color-mix(in oklab, var(--accent-base) 22%, transparent);--bg-overlay:#0009;--border:#23262f;--border-strong:#343945;--border-focus:var(--accent-base);--text:#e9ebef;--text-muted:#9aa1af;--text-subtle:#6b7280;--text-inverse:#101115;--text-on-accent:#fff;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000080;--shadow-lg:0 16px 40px #0009}:root[data-preset=calm][data-mode=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-raised:#0a0b0d;--bg-sunken:#000;--bg-inset:#111214;--bg-hover:#14161a;--bg-active:#1c1f24;--bg-selected:color-mix(in oklab, var(--accent-base) 24%, transparent);--bg-overlay:#000000b8;--border:#1a1c20;--border-strong:#2b2e34;--border-focus:var(--accent-base);--text:#e9ebef;--text-muted:#939aa6;--text-subtle:#64696f;--text-inverse:#000;--text-on-accent:#fff;--shadow-sm:0 1px 2px #0009;--shadow-md:0 4px 14px #000000b3;--shadow-lg:0 16px 40px #000c}:root[data-preset=warm]{--font-body:var(--font-sans)}:root[data-preset=warm][data-mode=light],:root[data-preset=warm]:not([data-mode]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffdfa;--bg-raised:#fff;--bg-sunken:#faf6f0;--bg-inset:#f5f0e8;--bg-hover:#f4efe7;--bg-active:#ece5d9;--bg-selected:color-mix(in oklab, var(--accent-base) 11%, transparent);--bg-overlay:#28221a4d;--border:#ebe5db;--border-strong:#d6cdbe;--border-focus:var(--accent-base);--text:#24211c;--text-muted:#6c6559;--text-subtle:#97907f;--text-inverse:#fffdfa;--text-on-accent:#fff;--shadow-sm:0 1px 3px #3c322412;--shadow-md:0 6px 18px #3c322417, 0 1px 3px #3c32240d;--shadow-lg:0 18px 44px #3c322424, 0 3px 10px #3c32240f}:root[data-preset=warm][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1815;--bg-raised:#221f1b;--bg-sunken:#131110;--bg-inset:#262218;--bg-hover:#2a2620;--bg-active:#332e26;--bg-selected:color-mix(in oklab, var(--accent-base) 22%, transparent);--bg-overlay:#00000094;--border:#2f2b25;--border-strong:#433d33;--border-focus:var(--accent-base);--text:#ede8e0;--text-muted:#a69f93;--text-subtle:#78716a;--text-inverse:#1a1815;--text-on-accent:#fff;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 18px #00000080;--shadow-lg:0 18px 44px #0009}:root[data-preset=warm][data-mode=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-raised:#0c0a08;--bg-sunken:#000;--bg-inset:#141110;--bg-hover:#17130f;--bg-active:#201b16;--bg-selected:color-mix(in oklab, var(--accent-base) 24%, transparent);--bg-overlay:#000000b8;--border:#1d1915;--border-strong:#302a23;--border-focus:var(--accent-base);--text:#ece7df;--text-muted:#9c958a;--text-subtle:#6b655d;--text-inverse:#000;--text-on-accent:#fff;--shadow-sm:0 1px 2px #0009;--shadow-md:0 6px 18px #000000b3;--shadow-lg:0 18px 44px #000c}:root[data-preset=technical]{--font-numeric:var(--font-mono);--numeric-variant:tabular-nums}:root[data-preset=technical][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fcfdfe;--bg-raised:#fff;--bg-sunken:#f1f4f8;--bg-inset:#e9eef4;--bg-hover:#edf1f6;--bg-active:#e2e8f0;--bg-selected:color-mix(in oklab, var(--accent-base) 12%, transparent);--bg-overlay:#0d11175c;--border:#d8dee7;--border-strong:#b6c0cd;--border-focus:var(--accent-base);--text:#0d1117;--text-muted:#4d5765;--text-subtle:#7b8694;--text-inverse:#fff;--text-on-accent:#fff;--shadow-sm:0 1px 0 #0d11170f;--shadow-md:0 2px 8px #0d11171a;--shadow-lg:0 8px 28px #0d111729}:root[data-preset=technical][data-mode=dark],:root[data-preset=technical]:not([data-mode]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--bg-raised:#141a23;--bg-sunken:#090c11;--bg-inset:#182029;--bg-hover:#1a2230;--bg-active:#222c3a;--bg-selected:color-mix(in oklab, var(--accent-base) 24%, transparent);--bg-overlay:#0000009e;--border:#222b38;--border-strong:#364152;--border-focus:var(--accent-base);--text:#e6edf3;--text-muted:#8b98a8;--text-subtle:#626e7d;--text-inverse:#0d1117;--text-on-accent:#fff;--shadow-sm:0 1px 0 #00000080;--shadow-md:0 2px 10px #0000008c;--shadow-lg:0 8px 30px #000000a6}:root[data-preset=technical][data-mode=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-raised:#08090c;--bg-sunken:#000;--bg-inset:#0e1116;--bg-hover:#11151b;--bg-active:#1a1f27;--bg-selected:color-mix(in oklab, var(--accent-base) 26%, transparent);--bg-overlay:#000000bf;--border:#171b21;--border-strong:#29303a;--border-focus:var(--accent-base);--text:#e6edf3;--text-muted:#859099;--text-subtle:#5d6672;--text-inverse:#000;--text-on-accent:#fff;--shadow-sm:0 1px 0 #000000b3;--shadow-md:0 2px 10px #000000bf;--shadow-lg:0 8px 30px #000000d9}:root{--accent:var(--accent-base);--accent-hover:color-mix(in oklab, var(--accent-base) 86%, var(--text) 14%);--accent-soft:color-mix(in oklab, var(--accent-base) 12%, var(--bg));--accent-softer:color-mix(in oklab, var(--accent-base) 7%, var(--bg));--accent-border:color-mix(in oklab, var(--accent-base) 42%, var(--border));--accent-text:color-mix(in oklab, var(--accent-base) 78%, var(--text) 22%);--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px color-mix(in oklab, var(--accent-base) 55%, transparent);--color-grey:var(--hue-grey);--color-red:var(--hue-red);--color-orange:var(--hue-orange);--color-amber:var(--hue-amber);--color-green:var(--hue-green);--color-teal:var(--hue-teal);--color-blue:var(--hue-blue);--color-indigo:var(--hue-indigo);--color-purple:var(--hue-purple);--color-pink:var(--hue-pink)}:root[data-preset=calm]{--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--radius-xl:14px;--radius-full:999px;--border-width:1px;--heading-weight:var(--weight-semibold);--heading-tracking:-.011em;--surface-blur:12px}:root[data-preset=warm]{--radius-xs:5px;--radius-sm:8px;--radius-md:11px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--border-width:1px;--heading-weight:var(--weight-semibold);--heading-tracking:-.014em;--surface-blur:16px;--space-unit:5px;--leading-normal:1.7}:root[data-preset=technical]{--radius-xs:1px;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:6px;--radius-full:999px;--border-width:1px;--heading-weight:var(--weight-bold);--heading-tracking:-.005em;--surface-blur:6px}:root[data-density=compact]{--space-unit:4px;--font-scale:.94;--row-height:28px;--control-height:28px;--control-height-sm:24px;--control-height-lg:34px;--tap-min:28px;--sidebar-item-height:27px}:root[data-density=cosy]{--row-height:34px;--control-height:32px;--control-height-sm:26px;--control-height-lg:38px;--tap-min:34px;--sidebar-item-height:31px}:root[data-density=touch]{--space-unit:5px;--font-scale:1.06;--row-height:46px;--control-height:44px;--control-height-sm:38px;--control-height-lg:52px;--tap-min:44px;--sidebar-item-height:42px}@media (pointer:coarse){:root:not([data-density=compact]){--tap-min:44px;--control-height:max(44px, var(--control-height));--sidebar-item-height:max(40px, var(--sidebar-item-height));--row-height:max(40px, var(--row-height))}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}}:root[data-reduced-motion=true]{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;height:100%}body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;touch-action:manipulation;overflow:hidden}#root{isolation:isolate;height:100%}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent-text);-webkit-text-decoration-color:color-mix(in oklab, var(--accent-base) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--accent-base) 40%, transparent);text-underline-offset:2px}a:hover{-webkit-text-decoration-color:var(--accent-base);text-decoration-color:var(--accent-base)}ul,ol{list-style:none}img,svg,video,canvas{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:var(--leading-tight)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.925em}hr{border:none;border-top:var(--border-width) solid var(--border)}.numeric,time,.tabular{font-family:var(--font-numeric);font-variant-numeric:var(--numeric-variant)}::selection{background:color-mix(in oklab, var(--accent-base) 26%, transparent)}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--text) 18%, transparent);border-radius:var(--radius-full);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--text) 32%, transparent);background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--text) 22%, transparent) transparent}}.scroll-y{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow:hidden auto}.scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow:auto hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row{align-items:center;gap:var(--space-2);min-width:0;display:flex}.col{flex-direction:column;min-width:0;display:flex}.spacer{flex:auto;min-width:0}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.boot{place-items:center;gap:var(--space-4);height:100%;color:var(--text-subtle);font-size:var(--text-sm);display:grid}.spinner{border:2px solid color-mix(in oklab, var(--text) 18%, transparent);border-top-color:var(--accent-base);border-radius:var(--radius-full);width:18px;height:18px;animation:.62s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);min-width:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-md);border:var(--border-width) solid transparent;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:inline-flex}.btn:active:not(:disabled){transform:translateY(.5px)scale(.995)}.btn--ghost:hover:not(:disabled){background:var(--bg-hover)}.btn--ghost[aria-pressed=true],.btn--ghost.is-active{background:var(--bg-active)}.btn--subtle{background:var(--bg-inset)}.btn--subtle:hover:not(:disabled){background:var(--bg-active)}.btn--outline{border-color:var(--border-strong);background:var(--bg-raised)}.btn--outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn--primary{background:var(--accent);color:var(--text-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--danger{background:var(--color-red);color:#fff}.btn--danger:hover:not(:disabled){background:color-mix(in oklab, var(--color-red) 86%, black)}.btn--danger-ghost{color:var(--color-red)}.btn--danger-ghost:hover:not(:disabled){background:color-mix(in oklab, var(--color-red) 12%, transparent)}.btn--sm{height:var(--control-height-sm);padding:0 var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--lg{height:var(--control-height-lg);padding:0 var(--space-4);font-size:var(--text-md)}.btn--block{width:100%}.btn--icon{width:var(--control-height);flex:none;padding:0}.btn--icon.btn--sm{width:var(--control-height-sm)}.input,.textarea,.select{width:100%;min-height:var(--control-height);padding:0 var(--space-3);background:var(--bg-raised);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.textarea{padding:var(--space-2) var(--space-3);min-height:calc(var(--control-height) * 2.5);line-height:var(--leading-normal);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent-base) 22%, transparent)}.input--flush{padding-left:var(--space-2);padding-right:var(--space-2);background:0 0;border-color:#0000}.input--flush:hover{background:var(--bg-hover)}.select{appearance:none;padding-right:var(--space-8);cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text)}.field__hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.field__error{font-size:var(--text-xs);color:var(--color-red)}.switch{border-radius:var(--radius-full);background:var(--border-strong);width:38px;height:22px;transition:background-color var(--duration-base) var(--ease-out);cursor:pointer;flex:none;position:relative}.switch[aria-checked=true]{background:var(--accent)}.switch:after{content:"";border-radius:var(--radius-full);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out);background:#fff;position:absolute;top:3px;left:3px}.switch[aria-checked=true]:after{transform:translate(16px)}@media (pointer:coarse){.switch{width:46px;height:28px}.switch:after{width:22px;height:22px}.switch[aria-checked=true]:after{transform:translate(18px)}}.segmented{background:var(--bg-inset);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.segmented__option{justify-content:center;align-items:center;gap:var(--space-1);height:calc(var(--control-height) - 4px);padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:inline-flex}.segmented__option:hover{color:var(--text)}.segmented__option[aria-pressed=true]{background:var(--bg-raised);color:var(--text);box-shadow:var(--shadow-sm)}.card{background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg)}.panel{background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.menu{min-width:190px;max-width:min(92vw,340px);padding:var(--space-1);background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overscroll-behavior:contain;max-height:min(70vh,460px);overflow-y:auto}.menu__item{align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--text);text-align:left;text-decoration:none;display:flex}.menu__item:hover,.menu__item:focus-visible,.menu__item[data-active=true]{background:var(--bg-hover);box-shadow:none}.menu__item--danger{color:var(--color-red)}.menu__item--danger:hover{background:color-mix(in oklab, var(--color-red) 12%, transparent)}.menu__item__icon{color:var(--text-muted);flex:none;place-items:center;display:grid}.menu__item__shortcut{font-size:var(--text-xs);color:var(--text-subtle);font-family:var(--font-mono);margin-left:auto}.menu__separator{height:1px;margin:var(--space-1) 0;background:var(--border)}.menu__label{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.overlay{background:var(--bg-overlay);z-index:var(--z-modal);padding:max(var(--space-8), env(safe-area-inset-top)) var(--space-4) var(--space-8);animation:overlay-in var(--duration-base) var(--ease-out);place-items:start center;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes overlay-in{0%{opacity:0}}.modal{background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:modal-in var(--duration-base) var(--ease-out);margin-top:6vh}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.modal--wide{max-width:980px}.modal__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--heading-weight)}.modal__body{padding:var(--space-2) var(--space-4) var(--space-4);gap:var(--space-4);flex-direction:column;min-height:0;display:flex}.modal__body--bare{gap:0;padding:0}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--border);display:flex}@media (width<=640px){.overlay{place-items:end stretch;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in var(--duration-slow) var(--ease-out);border-bottom:none;margin:0}@keyframes sheet-in{0%{transform:translateY(100%)}}}.tooltip{padding:var(--space-1) var(--space-2);background:color-mix(in oklab, var(--text) 92%, var(--bg));color:var(--bg);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);box-shadow:var(--shadow-md);z-index:var(--z-tooltip);pointer-events:none;max-width:260px}.tooltip__shortcut{margin-left:var(--space-2);opacity:.65;font-family:var(--font-mono)}.toasts{bottom:max(var(--space-4), env(safe-area-inset-bottom));gap:var(--space-2);z-index:var(--z-toast);width:min(440px, calc(100vw - var(--space-8)));pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-base);pointer-events:auto;animation:toast-in var(--duration-base) var(--ease-out);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.toast--error{border-color:color-mix(in oklab, var(--color-red) 45%, var(--border))}.toast--success{border-color:color-mix(in oklab, var(--color-green) 45%, var(--border))}.toast__icon{flex:none;place-items:center;display:grid}.toast__action{font-weight:var(--weight-medium);color:var(--accent-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-left:auto}.toast__action:hover{background:var(--bg-hover)}.badge{align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-medium);background:var(--bg-inset);color:var(--text-muted);white-space:nowrap;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent-text)}.chip{align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;max-width:100%;display:inline-flex}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-inset);flex:none;width:24px;height:24px}.avatar--lg{width:40px;height:40px}.avatar--fallback{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;place-items:center;display:grid}.kbd{border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-inset);min-width:18px;height:18px;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.divider{background:var(--border);border:none;height:1px}.section-title{font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty__icon{border-radius:var(--radius-lg);background:var(--bg-inset);width:44px;height:44px;color:var(--text-subtle);place-items:center;display:grid}.empty__title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text)}.empty__body{font-size:var(--text-sm);max-width:34rem;line-height:var(--leading-normal)}.skeleton{background:linear-gradient(90deg, var(--bg-inset) 0%, color-mix(in oklab, var(--bg-inset) 60%, var(--bg-hover)) 50%, var(--bg-inset) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.emoji-picker{flex-direction:column;width:min(340px,90vw);min-height:0;max-height:380px;display:flex}.emoji-picker__search{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-bottom:var(--border-width) solid var(--border);flex:none;display:flex}.emoji-picker__scroll{overscroll-behavior:contain;padding:var(--space-1);min-height:0;overflow-y:auto}.emoji-picker__grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;display:grid}.emoji-picker__cell{aspect-ratio:1;border-radius:var(--radius-sm);place-items:center;min-height:34px;font-size:19px;line-height:1;display:grid}.emoji-picker__cell:hover{background:var(--bg-hover)}.shell{background:var(--bg-sunken);grid-template-columns:auto 1fr;height:100%;display:grid}.shell__main{background:var(--bg);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}@media (width>=861px){.shell__main{margin:var(--space-2) var(--space-2) var(--space-2) 0;border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}}.shell__content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:auto;min-height:0;overflow:hidden auto}.sidebar{width:var(--sidebar-width);background:var(--bg-sunken);height:100%;min-height:0;padding-top:env(safe-area-inset-top);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.sidebar__header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-1) var(--space-1);min-height:var(--topbar-height);display:flex}.sidebar__scroll{min-height:0;padding:var(--space-1) var(--space-1) var(--space-4);overscroll-behavior-y:contain;flex:auto;overflow:hidden auto}.sidebar__footer{padding:var(--space-1) var(--space-1) max(var(--space-2), env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--border)}.sidebar__group{margin-top:var(--space-3)}.sidebar__group-header{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);padding-left:var(--space-1);min-height:26px;display:flex}.sidebar__group-header .section-title{flex:auto;min-width:0}.sidebar__group-actions{opacity:0;transition:opacity var(--duration-fast) var(--ease-out);gap:2px;display:flex}.sidebar__group:hover .sidebar__group-actions,.sidebar__group:focus-within .sidebar__group-actions{opacity:1}@media (pointer:coarse){.sidebar__group-actions{opacity:1}}.nav-item{align-items:center;gap:var(--space-2);width:100%;min-height:var(--sidebar-item-height);padding:0 var(--space-2) 0 var(--space-1);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-base);font-weight:var(--weight-medium);text-align:left;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.is-active{background:var(--bg-active);color:var(--text)}.nav-item__icon{width:18px;color:inherit;opacity:.85;flex:none;place-items:center;display:grid}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.nav-item__count{font-size:var(--text-2xs);color:var(--text-subtle);font-variant-numeric:tabular-nums;flex:none}.nav-item__actions{right:var(--space-1);padding-left:var(--space-6);border-radius:var(--radius-md);background:linear-gradient(to right, transparent, var(--bg-hover) var(--space-6));visibility:hidden;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);align-items:center;gap:1px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-item.is-active .nav-item__actions{background:linear-gradient(to right, transparent, var(--bg-active) var(--space-6))}.tree-row--flagged .nav-item__actions{background:linear-gradient(to right, transparent, color-mix(in oklab, var(--color-red) 14%, var(--bg)) var(--space-6))}.nav-item:hover .nav-item__actions,.nav-item__actions:hover{visibility:visible;opacity:1}.nav-item:has(:focus-visible) .nav-item__actions{visibility:visible;opacity:1}@media (pointer:coarse){.nav-item__actions{visibility:visible;opacity:1;background:0 0;padding-left:0;position:static;transform:none}}.tree-row{padding-left:calc(var(--space-1) + var(--depth,0) * var(--space-4))}.tree-row__lead{flex:none;place-items:center;width:18px;height:18px;display:grid;position:relative}.tree-row__lead .nav-item__icon{transition:opacity var(--duration-fast) var(--ease-out)}.tree-toggle{border-radius:var(--radius-xs);color:var(--text-subtle);opacity:0;transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.tree-row:hover .tree-toggle{opacity:1}.tree-row:has(.tree-toggle:focus-visible) .tree-toggle{opacity:1}.tree-row:hover .tree-row__lead:has(.tree-toggle) .nav-item__icon{opacity:0}.tree-toggle:hover{background:var(--bg-active);color:var(--text)}.tree-toggle[data-expanded=true]{transform:rotate(90deg)}@media (pointer:coarse){.tree-toggle{opacity:1}.tree-row__lead:has(.tree-toggle) .nav-item__icon{opacity:0}}.tree-drop-line{left:var(--space-2);right:var(--space-2);background:var(--accent);border-radius:var(--radius-full);pointer-events:none;height:2px;position:absolute}.tree-drop-line--before{top:-1px}.tree-drop-line--after{bottom:-1px}.tree-row[data-drop=inside]{box-shadow:inset 0 0 0 2px var(--accent)}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{z-index:var(--z-modal);background:var(--bg-raised);border-right:var(--border-width) solid var(--border);width:min(86vw,320px);box-shadow:var(--shadow-lg);transition:transform var(--duration-slow) var(--ease-out);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar[data-open=true]{transform:translate(0)}.sidebar-scrim{z-index:calc(var(--z-modal) - 1);background:var(--bg-overlay);animation:overlay-in var(--duration-base) var(--ease-out);position:fixed;inset:0}}@media (width>=861px){.sidebar-scrim{display:none}}.topbar{align-items:center;gap:var(--space-2);min-height:var(--topbar-height);padding:0 var(--space-2) 0 var(--space-3);border-bottom:var(--border-width) solid var(--border);background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));z-index:var(--z-sticky);flex:none;display:flex;position:sticky;top:0}.topbar__title{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-base);font-weight:var(--weight-medium);display:flex}.topbar__crumbs{align-items:center;gap:var(--space-1);min-width:0;font-size:var(--text-sm);color:var(--text-muted);display:flex}.topbar__crumb{color:var(--text-muted);padding:2px var(--space-1);border-radius:var(--radius-xs);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;text-decoration:none;overflow:hidden}.topbar__crumb:hover{background:var(--bg-hover);color:var(--text)}.topbar__sep{color:var(--text-subtle);flex:none}.page{--page-max:var(--page-max-narrow);width:100%;padding:var(--space-6) var(--space-6) 30vh;max-width:var(--page-max);margin:0 auto}@container pane (width>=720px){.page{padding-left:60px;padding-right:60px}}.page[data-layout=wide]{--page-max:var(--page-max-wide)}.page[data-layout=full]{--page-max:none}@container pane (width<=640px){.page{padding:var(--space-4) var(--space-4) 30vh}}.page__title{font-size:var(--text-3xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);resize:none;width:100%;color:var(--text);background:0 0;border:none;padding:0;font-family:inherit;line-height:1.15;overflow:hidden}.page__title::placeholder{color:var(--text-subtle);opacity:.6}.page__title:focus-visible{box-shadow:none;border-bottom:2px solid var(--accent-border);border-radius:0}.page__icon{border-radius:var(--radius-md);padding:var(--space-1);margin-left:calc(var(--space-1) * -1);background:0 0;width:fit-content;font-size:46px;line-height:1}.page__icon:hover{background:var(--bg-hover)}.page__cover{object-fit:cover;background:var(--bg-inset);width:100%;height:clamp(120px,22vh,240px)}.page__meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-subtle);flex-wrap:wrap;display:flex}.status-strip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-bottom:var(--border-width) solid var(--border);background:var(--bg-inset);flex:none;display:flex}.status-strip--warn{background:color-mix(in oklab, var(--color-amber) 14%, var(--bg));border-bottom-color:color-mix(in oklab, var(--color-amber) 34%, var(--border))}.status-strip--error{background:color-mix(in oklab, var(--color-red) 12%, var(--bg));border-bottom-color:color-mix(in oklab, var(--color-red) 32%, var(--border))}.status-dot{border-radius:var(--radius-full);flex:none;width:7px;height:7px}.status-strip--quiet{padding:var(--space-1) var(--space-2);background:0 0;border-bottom:none;min-height:0}.menu-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);flex:none;display:none}@media (width<=860px){.menu-bar{display:flex}}.mobile-only{display:none}@media (width<=860px){.mobile-only{display:inline-flex}}@media (width>=861px){.status-strip--quiet{display:none}.sidebar__collapse{display:none!important}}.palette{background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:620px;box-shadow:var(--shadow-lg);animation:modal-in var(--duration-base) var(--ease-out);flex-direction:column;max-height:min(70vh,560px);margin-top:10vh;display:flex;overflow:hidden}.palette__input-row{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border);flex:none;display:flex}.palette__input{min-width:0;font-size:var(--text-lg);background:0 0;border:none;flex:auto}.palette__input::placeholder{color:var(--text-subtle)}.palette__results{min-height:0;padding:var(--space-1);overscroll-behavior:contain;flex:auto;overflow-y:auto}.palette__item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:left;color:var(--text);scroll-margin:var(--space-2);display:flex}.palette__item[data-selected=true]{background:var(--bg-active)}.palette__item__icon{width:20px;color:var(--text-muted);flex:none;place-items:center;display:grid}.palette__item__sub{font-size:var(--text-xs);color:var(--text-subtle)}.palette__footer{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:var(--border-width) solid var(--border);font-size:var(--text-2xs);color:var(--text-subtle);flex:none;display:flex}@media (width<=640px){.palette{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:88vh;animation:sheet-in var(--duration-slow) var(--ease-out);margin:0}}.today{gap:var(--space-6);padding:var(--space-6);max-width:var(--page-max-wide);flex-direction:column;width:100%;margin:0 auto;display:flex}@container pane (width<=640px){.today{padding:var(--space-4);gap:var(--space-4)}}.today__greeting{font-size:var(--text-2xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.today__date{font-size:var(--text-sm);color:var(--text-muted)}.widget-grid{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}@container pane (width<=860px){.widget-grid{grid-template-columns:1fr}.widget{grid-column:1/-1!important}}.widget{background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;display:flex;overflow:hidden}.widget__header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);display:flex}.widget__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);flex:auto;min-width:0}.widget__body{padding:0 var(--space-2) var(--space-2);min-height:0;overflow-y:auto}.event-row{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);text-align:left;min-height:var(--tap-min);display:flex}.event-row:hover{background:var(--bg-hover)}.event-row__time{width:4.2rem;font-family:var(--font-numeric);font-variant-numeric:var(--numeric-variant) tabular-nums;font-size:var(--text-sm);color:var(--text-muted);flex:none;padding-top:1px}.event-row__bar{border-radius:var(--radius-full);background:var(--accent);flex:none;align-self:stretch;width:3px;min-height:1.2em}.event-row__body{flex:auto;min-width:0}.event-row__title{font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-row__sub{font-size:var(--text-xs);color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-row--now{background:var(--accent-softer)}.task-row{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);min-height:var(--tap-min);display:flex}.task-row:hover{background:var(--bg-hover)}.task-check{border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);color:#0000;width:17px;height:17px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);flex:none;place-items:center;display:grid}.task-check:hover{border-color:var(--accent)}.task-check[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.task-row[data-done=true] .task-row__title{color:var(--text-subtle);text-decoration:line-through}.task-row__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-base);flex:auto;overflow:hidden}.task-row__due{font-size:var(--text-xs);color:var(--text-subtle);font-variant-numeric:tabular-nums;flex:none}.task-row__due--overdue{color:var(--color-red)}.settings{gap:var(--space-8);padding:var(--space-6);grid-template-columns:190px minmax(0,1fr);align-items:start;width:100%;max-width:62rem;margin:0 auto;display:grid}@container pane (width<=860px){.settings{gap:var(--space-4);padding:var(--space-4);grid-template-columns:1fr}}.settings__nav{top:var(--space-2);flex-direction:column;gap:1px;display:flex;position:sticky}@container pane (width<=860px){.settings__nav{gap:var(--space-1);padding-bottom:var(--space-2);flex-direction:row;position:static;overflow-x:auto}.settings__nav .nav-item{white-space:nowrap;width:auto}}.settings__section{gap:var(--space-6);flex-direction:column;padding-bottom:20vh;display:flex}.settings__block{gap:var(--space-4);flex-direction:column;display:flex}.settings__heading{font-size:var(--text-lg);font-weight:var(--heading-weight)}.settings__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal);max-width:44rem}.settings__row{align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--border);display:flex}.settings__row:last-child{border-bottom:none}@container pane (width<=560px){.settings__row{align-items:stretch;gap:var(--space-2);flex-direction:column}.settings__row>select,.settings__row>input,.settings__row>.field,.settings__row>.input{width:100%!important}}.preset-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.preset-card{gap:var(--space-2);padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);text-align:left;transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.preset-card:hover{border-color:var(--border-strong)}.preset-card[aria-pressed=true]{border-color:var(--accent)}.preset-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold)}.preset-card__desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.preset-card__swatch{align-items:center;gap:3px;display:flex}.preset-card__bar{border-radius:2px;flex:auto;height:6px}.signin{height:100%;padding:var(--space-6);background:var(--bg);place-items:center;display:grid}.signin__card{gap:var(--space-5);text-align:center;flex-direction:column;width:100%;max-width:25rem;display:flex}.signin__mark{border-radius:var(--radius-lg);background:var(--accent);width:52px;height:52px;color:var(--text-on-accent);font-size:var(--text-2xl);font-weight:var(--weight-bold);box-shadow:var(--shadow-md);place-items:center;margin:0 auto;display:grid}.signin__title{font-size:var(--text-2xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.signin__body{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-normal)}.signin__google{justify-content:center;align-items:center;gap:var(--space-3);height:var(--control-height-lg);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-strong);background:var(--bg-raised);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text);transition:background-color var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.signin__google:hover{background:var(--bg-hover)}.signin__note{font-size:var(--text-xs);color:var(--text-subtle);line-height:var(--leading-normal)}.signin__error{padding:var(--space-3);border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-red) 12%, var(--bg));border:var(--border-width) solid color-mix(in oklab, var(--color-red) 34%, var(--border));font-size:var(--text-sm);text-align:left}.vault-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);display:flex}.vault-card__icon{border-radius:var(--radius-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text);flex:none;place-items:center;display:grid}.storage-table{border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.storage-row{gap:var(--space-3);padding:var(--space-3);border-bottom:var(--border-width) solid var(--border);font-size:var(--text-sm);grid-template-columns:12rem minmax(0,1fr);display:grid}.storage-row:last-child{border-bottom:none}.storage-row:nth-child(odd){background:color-mix(in oklab, var(--bg-sunken) 55%, transparent)}.storage-row__what{font-weight:var(--weight-medium)}.storage-row__where{color:var(--text-muted);line-height:var(--leading-normal)}.storage-row__where code{border-radius:var(--radius-xs);background:var(--bg-inset);padding:1px 4px;font-size:.9em}@container pane (width<=640px){.storage-row{gap:var(--space-1);grid-template-columns:1fr}}.recent-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);color:inherit;min-height:var(--tap-min);text-decoration:none;display:flex}.recent-row:hover{background:var(--bg-hover)}.recent-row__icon{flex:none;font-size:15px;line-height:1.5}.recent-row__body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.recent-row__title{font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-row__excerpt{font-size:var(--text-xs);color:var(--text-subtle);line-height:var(--leading-snug);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recent-row__date{font-size:var(--text-xs);color:var(--text-subtle);font-variant-numeric:tabular-nums;flex:none;padding-top:2px}.sync-dot{cursor:pointer;border-radius:var(--radius-full);box-sizing:content-box;width:8px;height:8px;transition:background-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);background-clip:padding-box;border:6px solid #0000;flex:none;margin:-6px;padding:0;display:block}.sync-dot[data-state=idle]{background-color:color-mix(in oklab, var(--color-green) 55%, transparent)}.sync-dot[data-state=flash]{background-color:var(--color-green);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-green) 28%, transparent)}.sync-dot[data-state=busy]{background-color:var(--color-amber);animation:sync-pulse 1.1s var(--ease-in-out) infinite}.sync-dot[data-state=offline],.sync-dot[data-state=error]{background-color:var(--color-red)}@keyframes sync-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sync-dot{animation:none}}.workspace{flex:auto;min-width:0;min-height:0;display:flex}.pane{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.workspace--split .pane+.pane{border-left:var(--border-width) solid var(--border)}.pane{position:relative}.pane__dropzone{width:28%;z-index:var(--z-raised,10);transition:background var(--duration-fast) var(--ease-out);border-left:2px dashed #0000;place-items:center;display:grid;position:absolute;top:40px;bottom:0;right:0}.pane__dropzone[data-over=true]{background:color-mix(in oklab, var(--accent) 10%, transparent);border-left-color:var(--accent)}.pane__dropzone-hint{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.pane__dropzone[data-over=true] .pane__dropzone-hint{opacity:1}.tabbar__new{margin-left:var(--space-1);color:var(--text-subtle);align-self:center}.workspace--split .pane--focused .tabbar{background:var(--bg)}.pane__content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:auto;min-height:0;overflow:hidden auto}.pane__content--fill{flex-direction:column;display:flex;overflow:hidden}.pane__content--fill .pane__view{flex:auto;height:100%;min-height:0}.pane__view{flex-direction:column;min-height:100%;display:flex;container:pane/inline-size}.pane__view>*{min-height:0}.tabbar{align-items:stretch;gap:var(--space-1);min-height:34px;padding:0 var(--space-1);border-bottom:var(--border-width) solid var(--border);background:var(--bg-sunken);flex:none;display:flex}.tabbar__tabs{scrollbar-width:none;flex:auto;align-items:stretch;gap:1px;min-width:0;display:flex;overflow-x:auto}.tabbar__tabs::-webkit-scrollbar{display:none}.tabbar__slot{align-items:stretch;min-width:0;display:flex;position:relative}.tabbar__drop{background:var(--accent);border-radius:var(--radius-full);flex:none;align-self:center;width:2px;height:60%}.tab{align-items:center;gap:var(--space-2);min-width:0;max-width:190px;padding:0 var(--space-2);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:2px solid #0000;display:flex}.tab:hover{background:var(--bg-hover);color:var(--text)}.tab--active{background:var(--bg);color:var(--text);border-bottom-color:var(--accent)}.tab__icon{color:var(--text-subtle);flex:none;place-items:center;display:grid}.tab--active .tab__icon{color:var(--text-muted)}.tab__title{text-overflow:ellipsis;min-width:0;overflow:hidden}.tab__close{border-radius:var(--radius-xs);width:17px;height:17px;color:var(--text-subtle);opacity:0;flex:none;place-items:center;display:grid}.tab:hover .tab__close,.tab--active .tab__close{opacity:1}.tab__close:hover{background:var(--bg-active);color:var(--text)}@media (pointer:coarse){.tab__close{opacity:1}}.tabbar__actions{flex:none;align-items:center;display:flex}@media (width<=860px){.workspace--split .pane+.pane,.tabbar__actions{display:none}}.account-row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);min-height:var(--tap-min);display:flex}.page__meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);min-height:28px;display:flex}.subject-tag{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--subject-color,var(--text-muted));background:color-mix(in oklab, var(--subject-color,var(--text-muted)) 12%, transparent);border-radius:var(--radius-full);opacity:.8;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);border:none;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.subject-tag:hover{opacity:1}.subject-tag--empty{color:var(--text-subtle);border:1px dashed var(--border-strong);opacity:0;background:0 0}.page:hover .subject-tag--empty,.subject-tag--empty:focus-visible,.subject-tag--empty[aria-expanded=true]{opacity:.7}.subject-tag--flag{color:var(--color-red);background:color-mix(in oklab, var(--color-red) 10%, transparent);cursor:default}.tree-row--flagged{background:color-mix(in oklab, var(--color-red) 9%, transparent)}.tree-row--flagged:hover{background:color-mix(in oklab, var(--color-red) 14%, transparent)}.tree-row--flagged.is-active{background:color-mix(in oklab, var(--color-red) 18%, transparent)}html[data-backdrop=on] body:after{content:"";z-index:2147483000;pointer-events:none;background:var(--backdrop);mix-blend-mode:soft-light;opacity:.85;position:fixed;inset:0}.backdrop-swatch{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;display:flex}.backdrop-swatch__chip{border-radius:var(--radius-md);border:2px solid var(--border);width:56px;height:38px;transition:border-color var(--duration-fast) var(--ease-out)}.backdrop-swatch:hover .backdrop-swatch__chip{border-color:var(--border-strong)}.backdrop-swatch[aria-pressed=true]{color:var(--text)}.backdrop-swatch[aria-pressed=true] .backdrop-swatch__chip{border-color:var(--accent)}.kbd,.kbd-button{font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-sunken);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);white-space:nowrap;border-bottom-width:2px;padding:3px 8px}.kbd-button{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.kbd-button:hover{border-color:var(--border-strong);color:var(--text)}.kbd-button[data-capturing=true]{border-color:var(--accent);color:var(--accent)}.onboard{z-index:var(--z-modal,100);padding:var(--space-4);background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.onboard__glow{filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;width:55vmax;height:55vmax;position:absolute}.onboard__glow--one{background:radial-gradient(circle, var(--accent) 0%, transparent 65%);animation:26s ease-in-out infinite alternate onboard-drift;top:-20vmax;left:-12vmax}.onboard__glow--two{background:radial-gradient(circle, var(--color-purple,#a78bfa) 0%, transparent 65%);animation:32s ease-in-out infinite alternate-reverse onboard-drift;bottom:-22vmax;right:-14vmax}@keyframes onboard-drift{to{transform:translate(8vmax,6vmax)scale(1.15)}}[data-reduced-motion=true] .onboard__glow{animation:none}.onboard__card{gap:var(--space-5);width:min(560px,100%);max-height:min(88vh,720px);padding:var(--space-8);background:var(--bg-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow-y:auto}.onboard__skip{top:var(--space-3);right:var(--space-4);color:var(--text-subtle);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;position:absolute}.onboard__skip:hover{color:var(--text)}.onboard__step{gap:var(--space-4);animation:onboard-step-in var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}@keyframes onboard-step-in{0%{opacity:0;transform:translateY(10px)}}.onboard__emoji{font-size:42px;line-height:1}.onboard__title{font-size:var(--text-2xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.onboard__lede{color:var(--text-muted);line-height:var(--leading-normal)}.onboard__points{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.onboard__points li{gap:var(--space-3);line-height:var(--leading-normal);font-size:var(--text-sm);align-items:flex-start;display:flex}.onboard__points li>svg{color:var(--accent);flex:none;margin-top:2px}.onboard__points--kbd li{align-items:center}.onboard__points--kbd .kbd{text-align:center;flex:none;min-width:40px}.onboard__connect{gap:var(--space-2);flex-direction:column;display:flex}.onboard__connect-row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg);font-size:var(--text-sm);display:flex}.onboard__connect-row>svg{color:var(--accent);flex:none}.onboard__choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.onboard__choice{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text);background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.onboard__choice:hover{border-color:var(--border-strong)}.onboard__choice[aria-pressed=true]{border-color:var(--accent)}.onboard__choice-chip{border-radius:var(--radius-full);border:1px solid var(--border);width:18px;height:18px}.onboard__footer{align-items:center;gap:var(--space-2);display:flex}.onboard__dots{gap:6px;display:flex}.onboard__dot{border-radius:var(--radius-full);background:var(--border-strong);width:7px;height:7px;transition:background var(--duration-fast) var(--ease-out)}.onboard__dot[data-active=true]{background:var(--accent)}.folder-tree{border:var(--border-width) solid var(--border);border-radius:var(--radius-md);max-height:46vh;padding:var(--space-1);background:var(--bg-raised);overflow-y:auto}.folder-row{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding-right:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.folder-row:hover{background:var(--bg-hover);color:var(--text)}.folder-row[data-selected=true]{background:color-mix(in oklab, var(--accent) 14%, transparent);color:var(--text);font-weight:var(--weight-medium)}.folder-row__toggle{width:20px;height:20px;color:var(--text-subtle);border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-out);background:0 0;border:none;flex:none;place-items:center;display:grid}.folder-row__toggle:hover{background:var(--bg-active);color:var(--text)}.folder-row__toggle[data-expanded=true]{transform:rotate(90deg)}.folder-row__icon{color:var(--text-subtle);flex:none;place-items:center;display:grid}.onboard__choices--stack{flex-direction:column;align-items:stretch}.onboard__choice--wide{text-align:left;width:100%;padding:var(--space-3);justify-content:flex-start}.landing{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;display:flex}.landing__bar{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:var(--border-width) solid var(--border);background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;display:flex;position:sticky;top:0}.landing__brand{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--heading-tracking);color:var(--text);text-decoration:none;display:flex}.landing__nav{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.landing__nav a{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none}.landing__nav a:hover{color:var(--text)}.landing__nav a.btn--primary{color:#fff}.landing__main{width:100%;max-width:64rem;padding:var(--space-8) var(--space-6) var(--space-10);gap:var(--space-10);flex-direction:column;flex:auto;margin:0 auto;display:flex}.landing__main--prose{gap:var(--space-4);max-width:46rem}.landing__hero{gap:var(--space-4);padding-top:var(--space-8);flex-direction:column;align-items:flex-start;display:flex}.landing__title{font-size:clamp(2.75rem,7vw,4.5rem);font-weight:var(--heading-weight);letter-spacing:-.03em;line-height:1.05}.landing__title--small{font-size:clamp(1.75rem,4vw,2.5rem)}.landing__updated{color:var(--text-subtle);font-size:var(--text-sm);margin-bottom:var(--space-4)}.landing__lede{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-muted);max-width:46rem}.landing__cta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.landing__cta-note{font-size:var(--text-sm);color:var(--text-subtle)}.landing__section{gap:var(--space-4);flex-direction:column;display:flex}.landing__heading{font-size:var(--text-2xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.landing__body{color:var(--text-muted);line-height:var(--leading-relaxed);max-width:46rem}.landing__features{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.landing__feature{gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);flex-direction:column;display:flex}.landing__feature-icon{border-radius:var(--radius-md);background:color-mix(in oklab, var(--accent) 14%, transparent);width:34px;height:34px;color:var(--accent);place-items:center;display:grid}.landing__feature-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.landing__feature-body{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.landing__scopes{gap:var(--space-3);flex-direction:column;display:flex}.landing__scope{padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);background:var(--bg-sunken);border-radius:0 var(--radius-md) var(--radius-md) 0}.landing__scope code{font-size:var(--text-sm);font-weight:var(--weight-medium)}.landing__scope p{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.landing__main--prose h2{font-size:var(--text-lg);font-weight:var(--heading-weight);margin-top:var(--space-6)}.landing__main--prose p,.landing__main--prose li{color:var(--text-muted);line-height:var(--leading-relaxed)}.landing__main--prose ul{gap:var(--space-2);padding-left:var(--space-5);flex-direction:column;list-style:outside;display:flex}.landing__main--prose a{color:var(--accent)}.landing__footer{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-top:var(--border-width) solid var(--border);font-size:var(--text-sm);color:var(--text-subtle);display:flex}.landing__footer a{color:var(--text-muted);text-decoration:none}.landing__footer a:hover{color:var(--text)}body.picker-open{overflow:hidden}body.picker-open .picker-dialog-bg{width:100%!important;height:100%!important;position:fixed!important;inset:0!important}body.picker-open .picker-dialog{transform:translate(-50%,-50%);max-width:min(1050px,96vw)!important;max-height:90dvh!important;margin:0!important;position:fixed!important;top:50%!important;left:50%!important}body.picker-open .picker-dialog-content,body.picker-open .picker-dialog-frame{height:90dvh!important;max-height:90dvh!important}.quickadd-card{align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);display:flex}.quickadd-card .input{flex:auto;min-width:0}.quickadd-card .cal__quickadd-preview{flex:0 auto;max-width:45%}.sidebar__version{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);color:var(--text-subtle);opacity:.6;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;align-self:flex-start}.sidebar__version:hover{opacity:1;color:var(--text-muted)}.cal{--cal-gutter:44px;flex-direction:column;height:100%;min-height:0;display:flex}@media (width<=640px){.cal{--cal-gutter:34px}}.cal__toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--border);flex-wrap:wrap;flex:none;display:flex}.cal__title{font-size:var(--text-lg);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);white-space:nowrap}.cal__term{font-size:var(--text-xs);color:var(--text-muted);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--bg-inset);white-space:nowrap}.cal__quickadd{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--border);flex:none;display:flex}.cal__quickadd-preview{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:40%;overflow:hidden}.cal__days{padding-right:var(--scrollbar-width,0px);border-bottom:var(--border-width) solid var(--border);background:var(--bg);z-index:3;flex:none;display:grid;position:sticky;top:0}.cal__gutter-spacer{border-right:var(--border-width) solid var(--border)}.cal__day-head{padding:var(--space-2) var(--space-1);border-right:var(--border-width) solid var(--border);flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.cal__day-head:last-child{border-right:none}.cal__day-name{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);font-weight:var(--weight-semibold)}.cal__day-num{font-family:var(--font-numeric);font-variant-numeric:var(--numeric-variant);font-size:var(--text-lg);font-weight:var(--weight-medium);border-radius:var(--radius-full);place-items:center;width:1.9em;height:1.9em;line-height:1.1;display:grid}.cal__day-head[data-today=true] .cal__day-num{background:var(--accent);color:var(--text-on-accent)}.cal__day-head[data-weekend=true]{background:color-mix(in oklab, var(--bg-sunken) 55%, transparent)}.cal__allday{padding-right:var(--scrollbar-width,0px);border-bottom:var(--border-width) solid var(--border);background:var(--bg);flex:none;min-height:26px;display:grid}.cal__allday-label{font-size:var(--text-2xs);color:var(--text-subtle);padding:var(--space-1) var(--space-2);border-right:var(--border-width) solid var(--border);text-align:right}.cal__allday-cell{border-right:var(--border-width) solid var(--border);flex-direction:column;gap:2px;min-width:0;padding:2px;display:flex}.cal__allday-chip{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-text);text-overflow:ellipsis;white-space:nowrap;text-align:left;min-height:20px;overflow:hidden}.cal__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:auto;min-height:0;position:relative;overflow:hidden scroll}.cal__grid{display:grid;position:relative}.cal__gutter{border-right:var(--border-width) solid var(--border);position:relative}.cal__hour-label{right:var(--space-2);font-size:var(--text-2xs);color:var(--text-subtle);font-family:var(--font-numeric);font-variant-numeric:var(--numeric-variant);white-space:nowrap;pointer-events:none;position:absolute;transform:translateY(-50%)}.cal__col{border-right:var(--border-width) solid var(--border);background-image:linear-gradient(to bottom, var(--border) 0 1px, transparent 1px);background-size:100% var(--hour-height);background-repeat:repeat-y;min-width:0;position:relative}.cal__col[data-weekend=true]{background-color:color-mix(in oklab, var(--bg-sunken) 42%, transparent)}.cal__col:last-child{border-right:none}.cal__now-line{background:var(--color-red);z-index:2;pointer-events:none;height:2px;position:absolute;left:0;right:0}.cal__now-line:before{content:"";border-radius:var(--radius-full);background:var(--color-red);width:8px;height:8px;position:absolute;top:-3px;left:-4px}.cal-event{padding:2px var(--space-1) 2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);text-align:left;background:var(--event-bg,var(--accent-soft));color:var(--event-fg,var(--accent-text));border-left:3px solid var(--event-accent,var(--accent));cursor:pointer;touch-action:none;transition:box-shadow var(--duration-fast) var(--ease-out);z-index:1;flex-direction:column;gap:1px;line-height:1.25;display:flex;position:absolute;overflow:hidden}.cal-event:hover{box-shadow:var(--shadow-md);z-index:4}.cal-event[data-dragging=true]{opacity:.75;box-shadow:var(--shadow-lg);z-index:6}.cal-event[data-pending=true]{border-left-style:dashed}.cal-event__title{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-event__meta{font-size:var(--text-2xs);opacity:.8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-event[data-compact=true]{align-items:baseline;gap:var(--space-1);flex-direction:row;padding-top:0;padding-bottom:0}.cal-event__resize{cursor:ns-resize;height:7px;position:absolute;bottom:0;left:0;right:0}@media (pointer:coarse){.cal-event__resize{height:14px}}.cal-month{grid-template-rows:auto repeat(var(--week-count,5), minmax(0, 1fr));flex:auto;min-height:0;display:grid;overflow-y:auto}.cal-month__dow{border-bottom:var(--border-width) solid var(--border);background:var(--bg);z-index:2;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:sticky;top:0}.cal-month__dow>div{padding:var(--space-2) var(--space-2);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);font-weight:var(--weight-semibold);text-align:center}.cal-month__week{border-bottom:var(--border-width) solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));min-height:84px;display:grid}.cal-month__cell{border-right:var(--border-width) solid var(--border);padding:var(--space-1);flex-direction:column;gap:1px;min-width:0;display:flex;overflow:hidden}.cal-month__cell:last-child{border-right:none}.cal-month__cell[data-outside=true]{background:var(--bg-sunken)}.cal-month__cell[data-weekend=true]{background:color-mix(in oklab, var(--bg-sunken) 45%, transparent)}.cal-month__daynum{font-family:var(--font-numeric);font-variant-numeric:var(--numeric-variant);font-size:var(--text-xs);color:var(--text-muted);border-radius:var(--radius-full);flex:none;align-self:flex-start;place-items:center;min-width:1.7em;height:1.7em;display:grid}.cal-month__cell[data-today=true] .cal-month__daynum{background:var(--accent);color:var(--text-on-accent);font-weight:var(--weight-semibold)}.cal-month__chip{font-size:var(--text-2xs);padding:1px var(--space-1);border-radius:var(--radius-xs);white-space:nowrap;text-overflow:ellipsis;text-align:left;min-height:17px;color:var(--text);align-items:center;gap:4px;display:flex;overflow:hidden}.cal-month__chip:hover{background:var(--bg-hover)}.cal-month__dot{border-radius:var(--radius-full);background:var(--accent);flex:none;width:6px;height:6px}.cal-month__more{font-size:var(--text-2xs);color:var(--text-subtle);padding-left:var(--space-1);text-align:left}.cal-agenda{min-height:0;padding:var(--space-4) var(--space-4) 20vh;max-width:var(--page-max-wide);flex:auto;width:100%;margin:0 auto;overflow-y:auto}.cal-agenda__day{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--border);grid-template-columns:7rem minmax(0,1fr);display:grid}@media (width<=640px){.cal-agenda__day{gap:var(--space-1);grid-template-columns:1fr}}.cal-agenda__date{font-size:var(--text-sm);color:var(--text-muted);top:var(--space-2);align-self:start;position:sticky}.cal-agenda__date[data-today=true]{color:var(--accent-text);font-weight:var(--weight-semibold)}@media (width<=640px){.cal__toolbar{padding:var(--space-2)}.cal__day-name{font-size:9px}.cal__day-num{font-size:var(--text-base)}}.cal-event--ghost{pointer-events:none;background:color-mix(in oklab, var(--accent) 14%, var(--bg));border:1.5px dashed var(--accent);color:var(--text);opacity:.9}.cal__allday-chip--todo,.cal-month__chip--todo{color:var(--text-muted);background:var(--bg-sunken);border:1px dashed var(--border-strong);align-items:center;gap:4px;display:inline-flex}.cal__allday-chip--todo:hover,.cal-month__chip--todo:hover{color:var(--text);border-color:var(--accent)}
