@layer reset{*,:before,:after{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}}@layer tokens{@property --bg{syntax:"<color>";inherits:true;initial-value:#fff}@property --surface{syntax:"<color>";inherits:true;initial-value:#fff}@property --ink{syntax:"<color>";inherits:true;initial-value:#000}@property --muted{syntax:"<color>";inherits:true;initial-value:gray}@property --line{syntax:"<color>";inherits:true;initial-value:#0000}@property --line-strong{syntax:"<color>";inherits:true;initial-value:#0000}@property --accent{syntax:"<color>";inherits:true;initial-value:#00f}@property --pending{syntax:"<color>";inherits:true;initial-value:orange}@property --fill{syntax:"<color>";inherits:true;initial-value:#0000}@property --metric{syntax:"<color>";inherits:true;initial-value:gray}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,oklch(96.5% .006 85))var(--lightningcss-dark,oklch(16% .012 262));--surface:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(23% .012 262));--ink:var(--lightningcss-light,oklch(24% .02 262))var(--lightningcss-dark,oklch(94% .008 85));--muted:var(--lightningcss-light,oklch(52% .02 262))var(--lightningcss-dark,oklch(68% .015 262));--line:var(--lightningcss-light,oklch(24% .02 262/.12))var(--lightningcss-dark,oklch(94% .008 85/.14));--line-strong:var(--lightningcss-light,oklch(24% .02 262/.3))var(--lightningcss-dark,oklch(94% .008 85/.32));--accent:var(--lightningcss-light,oklch(58% .2 265))var(--lightningcss-dark,oklch(72% .17 265));--accent-ink:oklch(99% 0 0);--pending:var(--lightningcss-light,oklch(66% .2 40))var(--lightningcss-dark,oklch(76% .18 40));--fill:var(--lightningcss-light,oklch(24% .02 262/.08))var(--lightningcss-dark,oklch(94% .008 85/.1));--metric:var(--lightningcss-light,oklch(58% .12 220/.55))var(--lightningcss-dark,oklch(72% .1 220/.55));--radius:14px;--radius-s:8px;--shadow:0 12px 32px oklch(0% 0 0/.16), 0 1px 2px oklch(0% 0 0/.08);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@layer base{html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-wrap:pretty;font-size:13px;line-height:1.4;overflow:hidden}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}}@layer components{.panel{background:color-mix(in oklch, var(--surface) 74%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:opacity .3s,translate .3s}@starting-style{.panel{opacity:0;translate:0 6px}}@media (prefers-reduced-transparency:reduce){.panel{background:var(--surface);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.panel{transition:none}}.seg{border-radius:var(--radius-s);background:var(--fill);gap:2px;padding:3px;display:inline-flex}.seg>button{color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;transition:background .15s,color .15s,transform .1s;display:inline-flex}.seg>button:hover{color:var(--ink);background:color-mix(in oklch, var(--ink) 6%, transparent)}.seg>button:active{transform:scale(.96)}.seg>button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px oklch(0% 0 0/.12)}.seg>button kbd{font:10px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-s);padding:5px 10px;transition:background .15s,transform .1s,border-color .15s}.btn:hover{border-color:var(--line-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.field{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.field label{color:var(--muted)}.field input[type=number],.field input[type=text]{border:1px solid var(--line);background:var(--bg);width:7.5em;font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;border-radius:6px;padding:4px 6px;transition:border-color .15s}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.switch{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:9px;width:32px;height:18px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:14px;transition:translate .2s;position:absolute;inset:2px auto 2px 2px}.switch:checked{background:var(--accent)}.switch:checked:after{translate:14px}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.sep{border:0;border-top:1px solid var(--line);margin:12px 0}}