@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/space-grotesk-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/space-grotesk-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/fonts/jetbrains-mono-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:#f7f7f5;--accent:#2f5bea;--accent-ink:#fff;--line:#e3e2dd;--task-fresh:#eef3ff;--task-red:#e5484d;--profile-blue:#2f5bea;--profile-green:#2f9e5b;--profile-orange:#e8792b;--profile-purple:#7c4ddb;--profile-red:#d93f45;--profile-teal:#1c9a9a;--task-done:#d7f2e3;--task-done-ink:#2e6b48;--status-waiting:#fff4d6;--label-tag-1:#ffe1c2;--label-tag-2:#fff0a3;--label-tag-3:#d3f4dd;--label-tag-4:#c9eef6;--label-tag-5:#d7e2ff;--label-tag-6:#e8d9ff;--label-tag-7:#ffd6e5;--label-tag-8:#e9e2d2;--label-group-1:#2f5bea;--label-group-2:#22804a;--label-group-3:#b04e16;--label-group-4:#6e43c9;--label-group-5:#c2363d;--label-group-6:#157f7f;--label-priority-high:#ffc4b0;--label-priority-low:#e4e4de;--highlight:#ffe66d;--task-text-dark:#15171c;--task-text-light:#fff;--ed-red:#c62828;--ed-orange:#b45309;--ed-green:#2e6b48;--ed-blue:#2f5bea;--ed-purple:#7c3aed;--ed-gray:#4b4f58;--danger-text:var(--ed-red);--on-strong:#fff;--code-bg:#15171c;--code-ink:#f2f2ee;--code-muted:#8b8f98;--code-keyword:#ff8fa3;--code-string:#b8e986;--code-number:#ffd479;--code-title:#8ab4ff;--code-attr:#c3a6ff;--scrim:#15171c73;--border-w:2px;--radius-s:6px;--radius-m:8px;--radius-l:12px;--shadow-hard:3px 3px 0 var(--ink);--shadow-hard-hover:4px 4px 0 var(--ink);--focus-ring:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-ui:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-content:var(--font-ui);--content-size:15px;--font-code:var(--font-mono);--font-stack-grotesk:var(--font-ui);--font-stack-system:system-ui, -apple-system, "Segoe UI", sans-serif;--font-stack-serif:Georgia, "Times New Roman", serif;--font-stack-mono:var(--font-mono);--font-stack-code-jetbrains:var(--font-mono);--font-stack-code-system:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-page-title:30px;--text-section:17px;--text-banner:15px;--text-body:15px;--text-badge:12px;--text-meta:12px;--motion-fast:.12s ease-out;--motion-reorder:.18s ease-out}[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:#f7f7f5;--accent:#2f5bea;--accent-ink:#fff;--line:#e3e2dd}[data-theme=sand]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:#f3ebdd;--accent:#b45309;--accent-ink:#fff;--line:#e3e2dd}[data-theme=mint]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:#e6f4ee;--accent:#0f766e;--accent-ink:#fff;--line:#e3e2dd}[data-theme=lavender]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:#eee9fa;--accent:#7c3aed;--accent-ink:#fff;--line:#e3e2dd}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f2ee;--ink-muted:#b4b8c2;--surface:#23262e;--ground:#1c1f26;--accent:#ffe66d;--accent-ink:#15171c;--line:#363a44;--ed-red:#ff8a8a;--ed-orange:#ffb86b;--ed-green:#7ee2a8;--ed-blue:#8ab4ff;--ed-purple:#c3a6ff;--ed-gray:#b4b8c2}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f2ee;--ink-muted:#b4b8c2;--surface:#23262e;--ground:#15203a;--accent:#6ea8ff;--accent-ink:#15171c;--line:#363a44;--ed-red:#ff8a8a;--ed-orange:#ffb86b;--ed-green:#7ee2a8;--ed-blue:#8ab4ff;--ed-purple:#c3a6ff;--ed-gray:#b4b8c2}[data-theme=dawn]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:linear-gradient(135deg, #ffe5d4, #e9d5ff);--accent:#b23a6e;--accent-ink:#fff;--line:#e3e2dd}[data-theme=ocean]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:linear-gradient(135deg, #d6f0ff, #d3f9e6);--accent:#0b6e8f;--accent-ink:#fff;--line:#e3e2dd}[data-theme=lemon]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#15171c;--ink-muted:#4b4f58;--surface:#fff;--ground:linear-gradient(135deg, #fff8cc, #e3f4d1);--accent:#5b7a00;--accent-ink:#fff;--line:#e3e2dd}[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f2ee;--ink-muted:#b4b8c2;--surface:#23262e;--ground:linear-gradient(135deg, #1c1f26, #2e2a5b);--accent:#b9b0ff;--accent-ink:#15171c;--line:#363a44;--ed-red:#ff8a8a;--ed-orange:#ffb86b;--ed-green:#7ee2a8;--ed-blue:#8ab4ff;--ed-purple:#c3a6ff;--ed-gray:#b4b8c2}[data-theme=ember]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f2ee;--ink-muted:#b4b8c2;--surface:#23262e;--ground:linear-gradient(135deg, #2a1a1f, #6b2a3a);--accent:#ffb3a7;--accent-ink:#15171c;--line:#363a44;--ed-red:#ff8a8a;--ed-orange:#ffb86b;--ed-green:#7ee2a8;--ed-blue:#8ab4ff;--ed-purple:#c3a6ff;--ed-gray:#b4b8c2}:root{--container:1180px;--gutter:16px;--header-h:64px;--shadow-lift:6px 6px 0 var(--ink);--age-gradient:linear-gradient(to right, var(--task-fresh), var(--task-red))}@supports (background:linear-gradient(in oklch to right, red, blue)){:root{--age-gradient:linear-gradient(in oklch to right, var(--task-fresh), var(--task-red))}}@media (min-width:768px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}html[data-lang-pending] body{visibility:hidden;animation:0s linear 1.5s forwards stally-reveal!important}@keyframes stally-reveal{to{visibility:visible}}body{background:var(--ground);min-height:100vh;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;line-height:1.55;overflow-x:hidden}button,input{font:inherit;color:inherit}a{color:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}h1,h2,h3,p{margin:0}code,kbd,.mono{font-family:var(--font-mono)}[hidden]{display:none!important}.sprite{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.icon-sm{width:16px;height:16px}.icon-lg{width:28px;height:28px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;padding:var(--space-2) var(--space-3);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--surface);font-weight:600;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding-right:var(--gutter);padding-left:var(--gutter);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);font-family:var(--font-ui);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--motion-fast), box-shadow var(--motion-fast), background-color var(--motion-fast);font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-sm{height:32px;padding:0 var(--space-3);font-size:13px}.btn-sm .icon{width:16px;height:16px}.btn-md{height:40px;padding:0 var(--space-4);font-size:14px}.btn-md .icon{width:18px;height:18px}.btn-lg{height:48px;padding:0 var(--space-5);font-size:16px}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-hard)}.btn-primary:hover{box-shadow:var(--shadow-hard-hover);transform:translate(-1px,-1px)}.btn-primary:active{box-shadow:none;transform:translate(3px,3px)}.btn-primary:focus-visible{box-shadow:var(--shadow-hard), var(--focus-ring)}.btn-secondary{background:var(--surface);color:var(--ink)}.btn-secondary:hover{background:var(--line)}.btn-ghost{color:var(--ink);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--line)}.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}kbd{border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--surface);height:22px;box-shadow:1px 1px 0 var(--ink);color:var(--ink);white-space:nowrap;align-items:center;padding:0 6px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.badge{height:24px;padding:0 var(--space-2);border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-badge);white-space:nowrap;align-items:center;gap:1px;font-weight:600;line-height:1;display:inline-flex}.badge.mono{font-family:var(--font-mono)}.badge-sm{height:20px;padding:0 6px;font-size:11px}.badge-prefix{opacity:.6}.badge-tag,.badge-group{border-color:var(--task-text-dark);color:var(--task-text-dark)}.badge-group{color:var(--on-strong)}.badge-group .badge-prefix{opacity:.75}.badge-tag[data-tone="1"]{background:var(--label-tag-1)}.badge-tag[data-tone="2"]{background:var(--label-tag-2)}.badge-tag[data-tone="3"]{background:var(--label-tag-3)}.badge-tag[data-tone="4"]{background:var(--label-tag-4)}.badge-tag[data-tone="5"]{background:var(--label-tag-5)}.badge-tag[data-tone="6"]{background:var(--label-tag-6)}.badge-tag[data-tone="7"]{background:var(--label-tag-7)}.badge-tag[data-tone="8"]{background:var(--label-tag-8)}.badge-group,.badge-group[data-tone="1"]{background:var(--label-group-1)}.badge-group[data-tone="2"]{background:var(--label-group-2)}.badge-group[data-tone="3"]{background:var(--label-group-3)}.badge-group[data-tone="4"]{background:var(--label-group-4)}.badge-group[data-tone="5"]{background:var(--label-group-5)}.badge-group[data-tone="6"]{background:var(--label-group-6)}.badge-status[data-status=waiting]{background:var(--status-waiting);color:var(--task-text-dark)}.badge-status[data-status=blocked]{background:var(--task-red);color:var(--task-text-dark)}.card{border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow-hard)}.brand-mark{border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--accent);width:32px;height:32px;box-shadow:2px 2px 0 var(--ink);color:var(--accent-ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.brand-mark .icon{stroke-width:3px}.brand-name{letter-spacing:-.02em;font-size:20px;font-weight:700}.site-header{z-index:40;border-bottom:var(--border-w) solid var(--ink);background:var(--surface);position:sticky;top:0}.site-header-inner{height:var(--header-h);align-items:center;gap:var(--space-4);display:flex}.site-brand{align-items:center;gap:var(--space-2);border-radius:var(--radius-m);text-decoration:none;display:inline-flex}.site-nav{gap:var(--space-1);margin-left:var(--space-4);display:none}.site-nav a{height:36px;padding:0 var(--space-3);border:var(--border-w) solid transparent;border-radius:var(--radius-m);transition:background-color var(--motion-fast);align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--line)}.site-nav a[aria-current=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.site-tools{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.seg{border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--surface);height:32px;padding:2px;display:inline-flex}.seg-item{min-width:34px;padding:0 var(--space-2);border-radius:var(--radius-s);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.seg-item[aria-pressed=true]{background:var(--ink);color:var(--surface)}.theme-menu{position:relative}.theme-menu-current{display:none}.theme-popover{z-index:50;width:220px;padding:var(--space-2);position:absolute;top:calc(100% + 10px);right:0}.popover-title{padding:var(--space-1) var(--space-2) var(--space-2);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.theme-options{gap:2px;display:grid}.theme-option{align-items:center;gap:var(--space-3);height:34px;padding:0 var(--space-2);border:var(--border-w) solid transparent;border-radius:var(--radius-m);text-align:left;cursor:pointer;background:0 0;font-size:14px;font-weight:600;display:flex}.theme-option:hover{background:var(--line)}.theme-option[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.theme-dot{border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--ground);flex:none;width:18px;height:18px;position:relative;overflow:hidden}.theme-dot:after{content:"";background:var(--accent);width:8px;height:8px;position:absolute;bottom:0;right:0}.site-download span{display:none}@media (min-width:560px){.site-download span{display:inline}}@media (min-width:960px){.site-nav{display:flex}.theme-menu-current{display:inline}}.hero{padding-top:clamp(40px,8vw,88px);padding-bottom:var(--space-8)}.eyebrow{align-items:center;gap:var(--space-2);max-width:100%;padding:6px var(--space-3);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--surface);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:600;display:inline-flex}.eyebrow-mark{border:var(--border-w) solid var(--ink);background:var(--accent);border-radius:3px;flex:none;width:10px;height:10px}.hero-title{max-width:15ch;margin-top:var(--space-6);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(38px,6.4vw,76px);font-weight:700;line-height:1.02}.hero-title span{display:block}.hero-accent{color:var(--accent)}.hero-lead{max-width:62ch;margin-top:var(--space-6);color:var(--ink-muted);font-size:clamp(16px,1.6vw,19px);line-height:1.6}.hero-actions{align-items:center;gap:var(--space-3) var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-release{color:var(--ink-muted);font-size:13px}.facts{gap:var(--space-2) var(--space-5);margin:var(--space-6) 0 0;font-family:var(--font-mono);flex-wrap:wrap;padding:0;font-size:13px;font-weight:500;list-style:none;display:flex}.facts li{align-items:center;gap:6px;display:inline-flex}.facts .icon{stroke-width:2.8px;color:var(--task-done-ink)}[data-theme=dark] .facts .icon,[data-theme=midnight] .facts .icon,[data-theme=night] .facts .icon,[data-theme=ember] .facts .icon{color:var(--accent)}.hero-side{display:none}@media (min-width:1100px){.hero{grid-template-columns:minmax(0,1fr) 400px;align-items:center;column-gap:56px;display:grid}.hero-side{gap:var(--space-4);min-height:300px;padding-top:var(--space-8);flex-direction:column;display:flex}}.qa-window{gap:var(--space-3);padding:var(--space-4);border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--ground);box-shadow:var(--shadow-lift);flex-direction:column;display:flex;transform:rotate(-1.5deg)}.qa-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.qa-title{color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.qa-profiles{gap:var(--space-1);display:flex}.qa-profile{align-items:center;gap:var(--space-1);height:24px;padding:0 var(--space-2);border:var(--border-w) solid var(--line);background:var(--surface);color:var(--ink-muted);border-radius:999px;font-size:12px;font-weight:600;display:inline-flex}.qa-profile.is-active{border-color:var(--ink);color:var(--ink)}.qa-profile i{background:var(--profile-blue);border-radius:50%;width:8px;height:8px}.qa-profile i[data-profile=green]{background:var(--profile-green)}.qa-input{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-3);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--focus-ring);color:var(--ink-muted);display:flex}.qa-text{min-width:0;color:var(--ink);white-space:pre;align-items:center;font-size:15px;display:flex;overflow:hidden}.qa-text>span:first-child{text-overflow:ellipsis;overflow:hidden}.qa-caret{background:var(--ink);flex:none;width:2px;height:20px;margin-left:1px;animation:1s step-end infinite caret}.qa-window.is-typing .qa-caret{animation:none}@keyframes caret{50%{opacity:0}}.qa-chips{gap:var(--space-1);flex-wrap:wrap;min-height:20px;display:flex}.qa-chips .badge{animation:banner-in var(--motion-reorder)}.qa-foot{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--ink-muted);font-size:12px;display:flex}.qa-foot>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qa-foot .is-added{color:var(--ink);font-weight:600}.qa-landed{min-height:64px;padding:0 var(--space-2)}.qa-banner{animation:.32s cubic-bezier(.2,.9,.3,1.2) qa-drop}@keyframes qa-drop{0%{opacity:0;transform:translateY(-24px)scale(.97)}}.demo{padding-bottom:var(--space-8)}.demo-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.badge-live{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;gap:6px}.live-dot{background:var(--label-group-2);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite live}@keyframes live{50%{opacity:.25}}.demo-hint{color:var(--ink-muted);flex:320px;font-size:14px}.demo-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.window{border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--ground);box-shadow:var(--shadow-lift);overflow:hidden}.window-titlebar{height:36px;padding:0 var(--space-3);border-bottom:var(--border-w) solid var(--ink);background:var(--surface);align-items:center;display:flex;position:relative}.window-dots{gap:6px;display:inline-flex}.window-dots i,.code-dots i{border:var(--border-w) solid var(--ink);background:var(--task-red);border-radius:50%;width:12px;height:12px}.window-dots i:nth-child(2),.code-dots i:nth-child(2){background:var(--highlight)}.window-dots i:nth-child(3),.code-dots i:nth-child(3){background:var(--label-tag-3)}.window-title{color:var(--ink-muted);font-size:12px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.window-body{grid-template-columns:minmax(0,1fr);min-height:560px;display:grid}.app-sidebar{gap:var(--space-4);padding:var(--space-5) var(--space-3);border-right:var(--border-w) solid var(--ink);background:var(--surface);flex-direction:column;display:none}.app-brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2);display:flex}.app-nav{gap:var(--space-1);flex-direction:column;display:flex}.app-nav-item{align-items:center;gap:var(--space-3);height:38px;padding:0 var(--space-3);border:var(--border-w) solid transparent;border-radius:var(--radius-m);font-size:14px;font-weight:600;display:flex}.app-nav-item.is-active{border-color:var(--ink);background:var(--ink);color:var(--surface)}.app-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-nav-count{min-width:24px;padding:1px var(--space-2);border:var(--border-w) solid currentColor;border-radius:var(--radius-s);text-align:center;flex:none;font-size:11px;font-weight:700}.app-nav-divider{width:100%;margin:var(--space-2) 0;border:none;border-top:var(--border-w) solid var(--line)}.app-sidebar-footer{gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.sync-box{align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--border-w) dashed var(--ink-muted);border-radius:var(--radius-m);color:var(--ink-muted);display:flex}.sync-text{flex-direction:column;min-width:0;display:flex}.sync-title{color:var(--ink);font-size:13px;font-weight:600}.sync-hint{font-size:11px}.app-main{flex-direction:column;min-width:0;display:flex;position:relative}.app-topbar{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-w) solid var(--ink);background:var(--surface);flex-wrap:wrap;display:flex}.app-search{align-items:center;gap:var(--space-2);max-width:420px;height:40px;padding:0 var(--space-3);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--ground);color:var(--ink-muted);flex:200px;display:flex}.app-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.app-search input::placeholder{color:var(--ink-muted)}.app-search input::-webkit-search-cancel-button{display:none}.app-search:focus-within{box-shadow:var(--focus-ring)}.app-topbar-copy span{display:none}.app-page{gap:var(--space-4);min-height:0;padding:var(--space-5) var(--space-4);flex-direction:column;flex:1;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-page-title);letter-spacing:-.02em;font-weight:700;line-height:1.15}.page-date{color:var(--ink-muted);margin-top:2px;font-size:14px}.page-summary{color:var(--ink-muted);font-size:13px;font-weight:600}.quick-add{align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-4);border:var(--border-w) dashed var(--ink);border-radius:var(--radius-l);background:var(--surface);color:var(--ink-muted);display:flex}.quick-add:focus-within{box-shadow:var(--focus-ring);border-style:solid}.quick-add input{min-width:0;height:100%;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15px}.quick-add input:focus-visible,.app-search input:focus-visible{box-shadow:none}.quick-add input::placeholder{color:var(--ink-muted);text-overflow:ellipsis;overflow:hidden}.app-list{gap:var(--space-2);min-height:0;max-height:520px;margin:0 calc(-1 * var(--space-2));padding:2px var(--space-2) var(--space-2);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.banner-list{gap:var(--space-2);flex-direction:column;display:flex}.divider-label{align-items:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:flex}.divider-label:after{content:"";border-top:var(--border-w) solid var(--line);flex:1}.demo-empty{gap:var(--space-1);padding:var(--space-6);border:var(--border-w) dashed var(--ink-muted);border-radius:var(--radius-l);color:var(--ink-muted);text-align:center;flex-direction:column;display:flex}.demo-empty strong{color:var(--ink)}.age-legend{align-items:center;gap:var(--space-2);color:var(--ink-muted);flex-wrap:wrap;font-size:11px;display:flex}.age-legend>.mono:first-child{margin-right:var(--space-2);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.age-scale{border:var(--border-w) solid var(--ink);background:var(--age-gradient);border-radius:4px;width:120px;height:12px;display:inline-block}.snackbar{bottom:var(--space-4);z-index:5;align-items:center;gap:var(--space-4);max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--ink);box-shadow:var(--shadow-hard);color:var(--surface);font-size:13px;font-weight:600;animation:.16s ease-out snack-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}.snackbar-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snackbar-action{color:var(--surface);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-weight:700;text-decoration:underline}@keyframes snack-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (min-width:640px){.app-topbar-copy span{display:inline}.app-page{padding:var(--space-6) var(--space-8)}.app-topbar{padding:var(--space-3) var(--space-8)}}@media (min-width:960px){.window-body{grid-template-rows:minmax(0,1fr);grid-template-columns:216px minmax(0,1fr);height:640px}.app-main{min-height:0}.app-sidebar{display:flex}.app-list{max-height:none}}.banner{--banner-bg:color-mix(in oklch, var(--task-fresh), var(--task-red) calc(var(--t,0) * 100%));--banner-fg:var(--task-text-dark);align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--banner-bg);box-shadow:2px 2px 0 var(--ink);color:var(--banner-fg);transition:background-color var(--motion-reorder), opacity var(--motion-fast);animation:banner-in var(--motion-reorder);flex:none;display:flex}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}}.banner[data-status=done]{--banner-bg:var(--task-done);--banner-fg:var(--task-done-ink)}.banner-check{border:var(--border-w) solid var(--banner-fg);border-radius:var(--radius-s);background:var(--task-text-light);cursor:pointer;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}span.banner-check{cursor:default}.banner-check svg{fill:none;stroke:#0000;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}button.banner-check:hover svg{stroke:var(--ink-muted)}.banner-check[aria-checked=true]{border-color:var(--task-done-ink);background:var(--task-done-ink)}.banner-check[aria-checked=true] svg,.banner-check[aria-checked=true]:hover svg{stroke:var(--on-strong)}.banner-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.banner-title{font-size:var(--text-banner);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.35;overflow:hidden}.banner-meta{align-items:center;row-gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-meta);flex-wrap:wrap;line-height:1.5;display:flex}.banner-meta-part:not(:last-child):after{content:"·";padding:0 var(--space-2)}.labels{gap:var(--space-1);margin-left:var(--space-2);font-family:var(--font-ui);flex-wrap:wrap;display:inline-flex}.banner-checklist{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-meta);flex:none;font-weight:600;display:inline-flex}.banner-checklist svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.banner .badge-status{border-color:var(--banner-fg);flex:none}@media (max-width:520px){.banner{align-items:flex-start}.banner-title{white-space:normal}.banner-checklist{display:none}}.section{padding-top:clamp(64px,10vw,112px)}.section-head{max-width:720px;margin-bottom:var(--space-8)}.section-eyebrow{align-items:center;gap:var(--space-2);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;display:inline-flex}.section-eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:18px;height:4px}.section h2{margin-top:var(--space-3);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.08}.section-lead{margin-top:var(--space-4);color:var(--ink-muted);font-size:17px;line-height:1.6}.section-note{margin-top:var(--space-4);color:var(--ink-muted);font-size:14px}.split{gap:var(--space-8);align-items:center;display:grid}.split-copy>.btn{margin-top:var(--space-6)}@media (min-width:960px){.split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px}.split-reverse>.split-copy{order:2}}.feature-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.feature{gap:var(--space-2);padding:var(--space-5);transition:transform var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;display:flex}.feature:hover{box-shadow:var(--shadow-hard-hover);transform:translate(-1px,-1px)}.feature-icon{width:44px;height:44px;margin-bottom:var(--space-2);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);box-shadow:2px 2px 0 var(--ink);color:var(--task-text-dark);justify-content:center;align-items:center;display:inline-flex}.feature-icon .icon{width:22px;height:22px}.feature-icon[data-tone="1"]{background:var(--label-tag-1)}.feature-icon[data-tone="2"]{background:var(--label-tag-2)}.feature-icon[data-tone="3"]{background:var(--label-tag-3)}.feature-icon[data-tone="4"]{background:var(--label-tag-4)}.feature-icon[data-tone="5"]{background:var(--label-tag-5)}.feature-icon[data-tone="6"]{background:var(--label-tag-6)}.feature-icon[data-tone="7"]{background:var(--label-tag-7)}.feature-icon[data-tone="8"]{background:var(--label-tag-8)}.feature h3{font-size:var(--text-section);letter-spacing:-.01em;font-weight:700}.feature p{color:var(--ink-muted);font-size:15px}.feature-keys{padding-top:var(--space-2);margin-top:auto}.range-row{gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--surface);grid-template-columns:auto minmax(0,1fr) 3ch;align-items:center;display:grid}.range-label{font-size:14px;font-weight:600}.range-output{text-align:right;font-size:18px;font-weight:700}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0}.range::-webkit-slider-runnable-track{box-sizing:border-box;border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--age-gradient);height:16px}.range::-webkit-slider-thumb{box-sizing:border-box;border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--surface);width:26px;height:26px;box-shadow:2px 2px 0 var(--ink);appearance:none;margin-top:-7px}.range::-moz-range-track{box-sizing:border-box;border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--age-gradient);height:16px}.range::-moz-range-thumb{box-sizing:border-box;border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--surface);width:26px;height:26px;box-shadow:2px 2px 0 var(--ink)}.range:focus-visible{box-shadow:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.range:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.aging-stage{gap:var(--space-6);background:var(--ground);flex-direction:column;padding:clamp(20px,3vw,32px);display:flex}.aging-stage .banner{animation:none}.aging-scale{padding-top:var(--space-2);position:relative}.age-scale-lg{border-radius:var(--radius-s);width:100%;height:20px;display:block}.aging-marker{top:0;left:calc(var(--t,0) * (100% - 14px));border:var(--border-w) solid var(--ink);background:var(--surface);width:14px;height:36px;box-shadow:2px 2px 0 var(--ink);transition:left var(--motion-reorder);border-radius:4px;position:absolute}.aging-ticks{margin-top:var(--space-3);color:var(--ink-muted);justify-content:space-between;font-size:12px;display:flex}.aging-strip{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.aging-chip{align-items:center;gap:var(--space-1);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;font-size:11px;display:flex}.aging-chip-swatch{border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:color-mix(in oklch, var(--task-fresh), var(--task-red) calc(var(--t,0) * 100%));width:100%;height:36px;transition:transform var(--motion-fast)}.aging-chip:hover .aging-chip-swatch{transform:translateY(-2px)}.code-card{border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--code-bg);box-shadow:var(--shadow-lift);color:var(--code-ink);overflow:hidden}.code-head{align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-3) 0 var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--code-ink) 16%, transparent);display:flex}.code-dots{gap:6px;display:inline-flex}.code-dots i{border-color:var(--code-bg)}.code-file{color:var(--code-muted);font-size:12px}.code-copy{height:28px;padding:0 var(--space-2);border:1px solid color-mix(in srgb, var(--code-ink) 30%, transparent);border-radius:var(--radius-s);color:var(--code-ink);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.code-copy:hover{background:color-mix(in srgb, var(--code-ink) 10%, transparent)}.code-copy .icon{width:15px;height:15px}.code-copy.is-done{border-color:var(--code-string);color:var(--code-string)}.code-body{min-height:320px;padding:var(--space-5);font-family:var(--font-code);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.75;overflow-x:auto}.md-heading{color:var(--code-title);font-weight:700}.md-bullet{color:var(--code-muted)}.md-done{color:var(--code-string)}.md-taxonomy{color:var(--code-attr)}.md-age{color:var(--code-number)}.md-muted{color:var(--code-muted)}.theme-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,156px),1fr));display:grid}.theme-swatch{gap:var(--space-2);padding:var(--space-2);border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--surface);box-shadow:2px 2px 0 var(--ink);color:var(--ink);text-align:left;cursor:pointer;transition:transform var(--motion-fast), box-shadow var(--motion-fast);flex-direction:column;display:flex}.theme-swatch:hover{box-shadow:var(--shadow-hard-hover);transform:translate(-1px,-1px)}.theme-swatch[aria-pressed=true]{background:var(--ink);color:var(--surface)}.swatch-preview{padding:var(--space-3);border:var(--border-w) solid var(--ink);border-radius:var(--radius-m);background:var(--ground);display:block}.swatch-card{padding:var(--space-2);border:var(--border-w) solid var(--ink);border-radius:var(--radius-s);background:var(--surface);flex-direction:column;gap:5px;display:flex}.swatch-line{background:var(--ink);border-radius:3px;width:55%;height:6px}.swatch-banner{border:var(--border-w) solid var(--ink);background:var(--task-fresh);border-radius:4px;height:12px}.swatch-banner-old{background:color-mix(in oklch, var(--task-fresh), var(--task-red) 70%)}.swatch-button{border:var(--border-w) solid var(--ink);background:var(--accent);border-radius:4px;width:40%;height:12px;margin-top:2px;margin-left:auto}.theme-swatch-custom{box-shadow:none;cursor:default;background:0 0;border-style:dashed}.theme-swatch-custom:hover{box-shadow:none;transform:none}.swatch-preview-custom{border-style:dashed;border-color:var(--ink-muted);min-height:82px;color:var(--ink-muted);background:0 0;flex:1;justify-content:center;align-items:center;display:flex}.swatch-label{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:0 var(--space-1) var(--space-1);display:flex}.swatch-name{font-size:14px;font-weight:700}.swatch-kind{opacity:.7;font-size:11px}.privacy-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.privacy-card{gap:var(--space-2);padding:var(--space-6);flex-direction:column;display:flex}.privacy-card .icon-lg{margin-bottom:var(--space-2);color:var(--accent)}.privacy-card h3{font-size:var(--text-section);font-weight:700}.privacy-card p{color:var(--ink-muted)}.privacy-card-dashed{box-shadow:none;border-style:dashed}.download-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;display:grid}.download-card{gap:var(--space-2);padding:var(--space-6);flex-direction:column;display:flex;position:relative}.download-card.is-yours{box-shadow:var(--shadow-lift)}.badge-yours{top:calc(-1 * var(--space-3));right:var(--space-5);background:var(--accent);color:var(--accent-ink);box-shadow:2px 2px 0 var(--ink);position:absolute}.download-icon{width:56px;height:56px;margin-bottom:var(--space-2);border:var(--border-w) solid var(--ink);border-radius:var(--radius-l);background:var(--ground);box-shadow:2px 2px 0 var(--ink);justify-content:center;align-items:center;display:inline-flex}.download-card h3{letter-spacing:-.02em;font-size:22px;font-weight:700}.download-detail{color:var(--ink-muted)}.download-meta{min-height:42px;margin-top:var(--space-2);color:var(--ink-muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.download-meta>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.download-meta .badge{align-self:flex-start}.download-version{color:var(--ink);font-weight:700}.download-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.download-actions .btn-lg{flex:auto}.download-soon{margin-top:var(--space-2);color:var(--ink-muted);font-size:14px}.download-card-soon{box-shadow:none;border-style:dashed}.install{margin-top:var(--space-4);border-top:var(--border-w) solid var(--line)}.install summary{padding-top:var(--space-3);border-radius:var(--radius-s);cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;list-style:none;display:flex}.install summary::-webkit-details-marker{display:none}.install summary .icon{transition:transform var(--motion-fast)}.install[open] summary .icon{transform:rotate(180deg)}.install ol{gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--ink-muted);flex-direction:column;padding-left:20px;font-size:14px;display:flex}.cmd{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);background:var(--code-bg);color:var(--code-ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:12px;display:block}.site-footer{border-top:var(--border-w) solid var(--ink);background:var(--surface);margin-top:clamp(64px,10vw,112px)}.site-footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);padding-bottom:var(--space-6);flex-wrap:wrap;display:flex}.site-footer-brand{align-items:center;gap:var(--space-3);display:flex}.site-footer-brand>span:last-child{flex-direction:column;display:flex}.site-footer-brand .brand-name{font-size:17px}.site-footer-tagline,.site-footer-note{color:var(--ink-muted);font-size:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}