:root{--g-bg: oklch(16.5% .014 260);--g-bg-soft: oklch(20% .017 260);--g-bg-panel: oklch(23% .019 260);--g-bg-sunk: oklch(13.5% .012 260);--g-line: oklch(30% .02 260);--g-line-soft: oklch(26% .018 260);--g-accent: oklch(76% .135 255);--g-accent-dim: oklch(62% .15 255);--g-accent-deep: oklch(52% .17 255);--g-accent-soft: oklch(76% .135 255 / .13);--g-good: oklch(78% .15 155);--g-good-soft: oklch(78% .15 155 / .14);--g-bad: oklch(70% .17 25);--g-bad-soft: oklch(70% .17 25 / .15);--g-warn: oklch(82% .14 85);--g-warn-soft: oklch(82% .14 85 / .14);--g-text: oklch(95% .008 260);--g-text-2: oklch(78% .012 260);--g-text-3: oklch(62% .014 260);--g-text-xs: 12px;--g-text-sm: 14px;--g-text-base: 16px;--g-text-lg: 19px;--g-text-xl: 24px;--g-text-2xl: 32px;--g-text-3xl: 42px;--g-space-1: 4px;--g-space-2: 8px;--g-space-3: 12px;--g-space-4: 16px;--g-space-5: 24px;--g-space-6: 32px;--g-space-7: 48px;--g-space-8: 64px;--g-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--g-shadow-md: 0 2px 4px rgb(0 0 0 / .4), 0 8px 20px rgb(0 0 0 / .28);--g-shadow-lg: 0 4px 8px rgb(0 0 0 / .45), 0 20px 44px rgb(0 0 0 / .4);--g-radius: 8px;--g-radius-lg: 12px;--g-radius-xl: 16px;--g-radius-pill: 999px;--g-font: "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--g-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--g-fast: .12s;--g-slow: .24s}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}::view-transition-old(root){animation:g-fade-out 90ms ease both}::view-transition-new(root){animation:g-fade-in .14s ease both}}@keyframes g-fade-out{to{opacity:0}}@keyframes g-fade-in{0%{opacity:0}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:dark}body{margin:0;background:var(--g-bg);color:var(--g-text);font:var(--g-text-base) / 1.6 var(--g-font);-webkit-font-smoothing:antialiased}button,[role=button],select,input,textarea,a.btn{min-height:36px}:where(a,button,select,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--g-accent);outline-offset:2px;border-radius:var(--g-radius)}.topbar{display:flex;align-items:center;gap:var(--g-space-4);flex-wrap:wrap;padding:var(--g-space-3) var(--g-space-5);border-bottom:1px solid var(--g-line-soft);background:var(--g-bg-sunk)}.topbar__brand{display:inline-flex;align-items:center;gap:var(--g-space-2);font-size:var(--g-text-sm);font-weight:600;color:var(--g-text);text-decoration:none;letter-spacing:-.01em}.topbar__brand svg{width:18px;height:18px;color:var(--g-accent)}.topbar__nav{display:flex;gap:var(--g-space-4);margin-left:auto;flex-wrap:wrap}.topbar__nav a{font-size:var(--g-text-sm);color:var(--g-text-3);text-decoration:none;transition:color var(--g-fast)}.topbar__nav a:hover{color:var(--g-text)}.topbar__nav a[aria-current=page]{color:var(--g-text);font-weight:600}.page{max-width:1180px;margin:0 auto;padding:var(--g-space-6) var(--g-space-5) var(--g-space-8)}.page--narrow{max-width:660px}.page--wide{max-width:1400px}.page__head{margin-bottom:var(--g-space-6)}.page__head h1{margin:0 0 var(--g-space-2);font-size:var(--g-text-2xl);line-height:1.15;letter-spacing:-.02em;font-weight:600}.page__head p{margin:0;color:var(--g-text-2);font-size:var(--g-text-base);max-width:62ch}.card{background:var(--g-bg-soft);border:1px solid var(--g-line-soft);border-radius:var(--g-radius-lg);box-shadow:var(--g-shadow-sm);min-width:0}.card__body,.card__head{min-width:0}.card__head{display:flex;align-items:center;gap:var(--g-space-3);flex-wrap:wrap;padding:var(--g-space-4) var(--g-space-5);border-bottom:1px solid var(--g-line-soft)}.card__title{margin:0;font-size:var(--g-text-xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--g-text-3)}.card__body{padding:var(--g-space-5)}.card__foot{padding:var(--g-space-3) var(--g-space-5);border-top:1px solid var(--g-line-soft);color:var(--g-text-3);font-size:var(--g-text-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--g-space-2);padding:var(--g-space-2) var(--g-space-4);border:1px solid transparent;border-radius:var(--g-radius);background:var(--g-accent);color:#0a121f;font:600 var(--g-text-sm) / 1 var(--g-font);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--g-fast),border-color var(--g-fast),color var(--g-fast)}.btn:hover:not(:disabled){background:#9cc7ff;background:oklch(82% .13 255)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;border-color:var(--g-line);color:var(--g-text-2)}.btn--ghost:hover:not(:disabled){background:var(--g-bg-panel);color:var(--g-text);border-color:var(--g-line)}.btn--link{background:none;border:0;padding:var(--g-space-1) var(--g-space-2);color:var(--g-accent);font-weight:500}.btn--link:hover:not(:disabled){background:none;text-decoration:underline}.label{display:block;margin-bottom:var(--g-space-2);font-size:var(--g-text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--g-text-3)}.field,select.field,textarea.field{width:100%;padding:var(--g-space-2) var(--g-space-3);background:var(--g-bg-sunk);border:1px solid var(--g-line);border-radius:var(--g-radius);color:var(--g-text);font:var(--g-text-sm) / 1.6 var(--g-font)}.field::placeholder{color:var(--g-text-3)}textarea.field{font-family:var(--g-mono);font-size:var(--g-text-sm);line-height:1.65;resize:vertical;-moz-tab-size:2;tab-size:2}.hint{color:var(--g-text-3);font-size:var(--g-text-xs)}.row{display:flex;gap:var(--g-space-2);align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--g-space-2);padding:var(--g-space-1) var(--g-space-3);border-radius:var(--g-radius-pill);font:600 var(--g-text-xs) / 1.5 var(--g-font);border:1px solid transparent}.badge--good{background:var(--g-good-soft);color:var(--g-good);border-color:var(--g-good-soft)}.badge--bad{background:var(--g-bad-soft);color:var(--g-bad);border-color:var(--g-bad-soft)}.badge--warn{background:var(--g-warn-soft);color:var(--g-warn);border-color:var(--g-warn-soft)}.badge--idle{background:var(--g-bg-panel);color:var(--g-text-3);border-color:var(--g-line-soft)}.badge--info{background:var(--g-accent-soft);color:var(--g-accent);border-color:var(--g-accent-soft)}.meta{color:var(--g-text-3);font:var(--g-text-xs) / 1.6 var(--g-mono)}.state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--g-space-3);padding:var(--g-space-6) var(--g-space-5);border-radius:var(--g-radius-lg);background:var(--g-bg-sunk);border:1px dashed var(--g-line-soft);color:var(--g-text-2)}.state__title{font-weight:600;color:var(--g-text);font-size:var(--g-text-base)}.state__body{margin:0;font-size:var(--g-text-sm);color:var(--g-text-2);max-width:58ch}.state--error{border-style:solid;border-color:var(--g-bad-soft);background:var(--g-bad-soft)}.state--error .state__title{color:var(--g-bad)}.state--loading{border-style:solid}.skeleton{height:12px;border-radius:var(--g-radius);background:linear-gradient(90deg,var(--g-bg-panel) 25%,var(--g-line-soft) 37%,var(--g-bg-panel) 63%);background-size:400% 100%;animation:g-shimmer 1.3s ease infinite}.skeleton+.skeleton{margin-top:var(--g-space-2)}@keyframes g-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font:var(--g-text-xs) / 1.6 var(--g-mono)}table.data th,table.data td{text-align:left;padding:var(--g-space-2) var(--g-space-3);border-top:1px solid var(--g-line-soft);vertical-align:top;white-space:nowrap}table.data th{color:var(--g-text-3);font-weight:600;font-family:var(--g-font);font-size:var(--g-text-xs);letter-spacing:.05em;text-transform:uppercase;border-top:0}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}pre.out{margin:0;padding:var(--g-space-4);background:var(--g-bg-sunk);border:1px solid var(--g-line-soft);border-radius:var(--g-radius);font:var(--g-text-sm) / 1.65 var(--g-mono);color:var(--g-text-2);overflow:auto;max-height:420px;white-space:pre-wrap;word-break:break-word}code{font:.92em var(--g-mono);color:var(--g-text);background:var(--g-bg-panel);padding:1px 5px;border-radius:4px}a{color:var(--g-accent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 720px){.page{padding:var(--g-space-5) var(--g-space-4) var(--g-space-7)}.page__head h1{font-size:var(--g-text-xl)}.card__body,.card__head{padding:var(--g-space-4)}.topbar{padding:var(--g-space-3) var(--g-space-4)}.topbar__nav{gap:var(--g-space-3);width:100%;margin-left:0}}.demo-nav{display:flex;flex-wrap:wrap;gap:var(--g-space-1);padding:var(--g-space-1);margin-bottom:var(--g-space-5);background:var(--g-bg-sunk);border:1px solid var(--g-line-soft);border-radius:var(--g-radius-lg)}.demo-nav a{padding:var(--g-space-2) var(--g-space-3);border-radius:var(--g-radius);font-size:var(--g-text-sm);font-weight:500;color:var(--g-text-3);text-decoration:none;transition:background var(--g-fast),color var(--g-fast)}.demo-nav a:hover{background:var(--g-bg-panel);color:var(--g-text)}.demo-nav a[aria-current=page]{background:var(--g-accent-soft);color:var(--g-accent);font-weight:600}main.demo{padding:var(--g-space-5)}main.demo h1{margin:0 0 var(--g-space-1);font-size:var(--g-text-lg);line-height:1.25;font-weight:600;letter-spacing:-.01em}main.demo .sub{margin:0 0 var(--g-space-5);color:var(--g-text-2);font-size:var(--g-text-sm)}form{display:flex;gap:var(--g-space-2);margin-bottom:var(--g-space-4)}form input[type=text]{flex:1;min-width:0;padding:var(--g-space-2) var(--g-space-3);background:var(--g-bg-sunk);border:1px solid var(--g-line);border-radius:var(--g-radius);color:var(--g-text);font:var(--g-text-sm) / 1.6 var(--g-font)}form input[type=text]::placeholder{color:var(--g-text-3)}form button{padding:var(--g-space-2) var(--g-space-4);border:1px solid transparent;border-radius:var(--g-radius);background:var(--g-accent);color:#0a121f;font:600 var(--g-text-sm) / 1 var(--g-font);cursor:pointer}form button:hover{background:#9cc7ff;background:oklch(82% .13 255)}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;gap:var(--g-space-3);padding:var(--g-space-3) var(--g-space-1);border-top:1px solid var(--g-line-soft)}li:first-child{border-top:0}li .t{flex:1;min-width:0;font-size:var(--g-text-sm);word-break:break-word}li.done .t{text-decoration:line-through;color:var(--g-text-3)}li input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--g-accent);cursor:pointer;flex:none}li button{flex:none;width:28px;height:28px;min-height:0;display:grid;place-items:center;border:0;border-radius:var(--g-radius);background:transparent;color:var(--g-text-3);font-size:var(--g-text-lg);line-height:1;cursor:pointer;transition:background var(--g-fast),color var(--g-fast)}li button:hover{background:var(--g-bad-soft);color:var(--g-bad)}li.empty,.empty{display:block;padding:var(--g-space-5) var(--g-space-2);color:var(--g-text-3);font-size:var(--g-text-sm);border:0;text-align:left}.meta{display:flex;gap:var(--g-space-4);flex-wrap:wrap;margin-top:var(--g-space-5);padding-top:var(--g-space-3);border-top:1px solid var(--g-line-soft);color:var(--g-text-3);font:var(--g-text-xs) / 1.6 var(--g-mono)}