:root{--p:#ff6a13;--p-strong:#c94d06;--on-p:#fff;--p2:#157a4f;--good:#1f9d55;--bad:#e5484d;--warn:#f5a524;--warn-ink:#a86a00;--gold:#e8b931;--silver:#a3acba;--bronze:#c98a5b;--bg:color-mix(in oklch, var(--p) 5%, #fbfbfa);--panel:#fff;--card:var(--panel);--fg:#15151a;--muted:#6e6e79;--line:color-mix(in oklch, var(--p) 7%, #ecece9);--ink-accent:var(--p-strong);--ink-p2:var(--p2);--av-base:var(--panel);--av-bg-mix:20%;--av-ink-mix:70%;--av-alt:var(--p2);--raised:#fff;--tint-accent:color-mix(in oklch, var(--p) 12%, transparent);--tint-p2:color-mix(in oklch, var(--p2) 14%, transparent);--tint-neutral:color-mix(in oklch, var(--fg) 6%, transparent);--focus-ring:color-mix(in oklch, var(--p) 22%, transparent);--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--fs-display:32px;--fs-title:22px;--fs-head:24px;--fs-body:15px;--fs-small:13px;--fs-eyebrow:12px;--fs-tiny:11px;--r-xs:6px;--r-sm:10px;--r-md:12px;--r-lg:16px;--r-card:18px;--r-xl:20px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--app-max:480px;--side-w:232px;--scr-max:760px;--gutter:16px;--nav-h:66px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--t-fast:.15s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:600px){:root{--app-max:640px;--gutter:20px}}@media (min-width:900px){:root{--gutter:32px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:color-mix(in oklch, var(--p) 6%, #0c0c0f);--panel:color-mix(in oklch, var(--p) 7%, #17171b);--fg:#f3f3f5;--muted:#9c9ca8;--line:color-mix(in oklch, var(--p) 9%, #27272d);--ink-accent:var(--p);--ink-p2:color-mix(in oklch, var(--p2) 55%, white);--good:#3dd68c;--bad:#ff6369;--warn-ink:#f5c350;--raised:color-mix(in oklch, var(--fg) 14%, var(--panel));--av-bg-mix:24%;--av-ink-mix:85%;--av-alt:color-mix(in oklch, var(--p2) 72%, white);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:color-mix(in oklch, var(--p) 6%, #0c0c0f);--panel:color-mix(in oklch, var(--p) 7%, #17171b);--fg:#f3f3f5;--muted:#9c9ca8;--line:color-mix(in oklch, var(--p) 9%, #27272d);--ink-accent:var(--p);--ink-p2:color-mix(in oklch, var(--p2) 55%, white);--good:#3dd68c;--bad:#ff6369;--warn-ink:#f5c350;--raised:color-mix(in oklch, var(--fg) 14%, var(--panel));--av-bg-mix:24%;--av-ink-mix:85%;--av-alt:color-mix(in oklch, var(--p2) 72%, white);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);scrollbar-color:color-mix(in oklch, var(--fg) 22%, transparent) transparent}@media (min-width:900px){html{scrollbar-gutter:stable}}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;transition:background-color var(--t-fast);margin:0;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{text-wrap:balance;letter-spacing:-.02em;margin:0;font-weight:650}p{text-wrap:pretty;margin:0}a{color:var(--ink-accent);text-decoration:none}img,svg{display:block}button,input,select,textarea{font:inherit;color:inherit}.t-display{font-size:var(--fs-display);letter-spacing:-.045em;font-weight:650;line-height:1.1}.t-title{font-size:var(--fs-title);letter-spacing:-.03em;font-weight:650;line-height:1.2}.t-body{font-size:var(--fs-body);font-weight:400}.t-small{font-size:var(--fs-small)}.t-muted{color:var(--muted)}.eyebrow{font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus{outline:none}:focus-visible{outline:2px solid var(--p);outline-offset:2px}::selection{background:color-mix(in oklch, var(--p) 30%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.av{--c:var(--p);letter-spacing:0;-webkit-user-select:none;user-select:none;background:color-mix(in oklch, var(--c) var(--av-bg-mix), var(--av-base,var(--panel)));width:32px;height:32px;color:color-mix(in oklch, var(--c) var(--av-ink-mix), var(--fg));border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;line-height:1;display:grid}.av.alt{--c:var(--av-alt)}.av-xs{width:24px;height:24px;font-size:10px}.av-sm{width:28px;height:28px;font-size:11px}.av-lg{width:44px;height:44px;font-size:14px}.av-xl{width:54px;height:54px;font-size:16px}.av-medal{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--medal)}.av-gold{--medal:var(--gold)}.av-silver{--medal:var(--silver)}.av-bronze{--medal:var(--bronze)}.av-stack{display:inline-flex}.av-stack .av{box-shadow:0 0 0 2px var(--panel);margin-left:-8px}.av-stack .av:first-child{margin-left:0}.av-more{--c:var(--fg);background:color-mix(in oklch, var(--fg) 8%, var(--panel));color:var(--muted)}.btn{appearance:none;font:inherit;cursor:pointer;border-radius:var(--r-pill);white-space:nowrap;-webkit-user-select:none;user-select:none;height:40px;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform 80ms ease;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:16px;height:16px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.is-loading{cursor:progress;opacity:.7}.btn-sm{height:30px;padding:0 12px;font-size:12.5px;position:relative}.btn-sm:before{content:"";position:absolute;inset:-7px 0}.btn-sm svg{width:14px;height:14px}.btn-lg{height:46px;padding:0 20px;font-size:15px}.btn-block{width:100%;display:flex}.btn-primary{background:var(--p);color:var(--on-p)}.btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--p) 88%, black)}.btn-secondary{background:color-mix(in oklch, var(--p) 12%, transparent);color:var(--ink-accent)}.btn-secondary:hover:not(:disabled){background:color-mix(in oklch, var(--p) 18%, transparent)}.btn-ghost{border-color:var(--line);color:var(--fg);background:0 0}.btn-ghost:hover:not(:disabled){border-color:color-mix(in oklch, var(--fg) 25%, var(--line))}.btn-danger{border-color:color-mix(in oklch, var(--bad) 40%, transparent);color:var(--bad);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--bad) 8%, transparent)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);min-width:0}.card-pad-sm{padding:12px}.card-pad-md{padding:16px}.card-accent{background:color-mix(in oklch, var(--p) 10%, var(--panel));border-color:color-mix(in oklch, var(--p) 30%, var(--line))}.card-p2{background:color-mix(in oklch, var(--p2) 9%, var(--panel));border-color:color-mix(in oklch, var(--p2) 25%, var(--line))}.card-row{border-top:1px solid var(--line);padding:9px 12px}.card-row:first-child{border-top:0}.chip{border-radius:var(--r-pill);white-space:nowrap;flex:none;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex}.chip svg{width:12px;height:12px}.chip-accent{background:color-mix(in oklch, var(--p) 14%, transparent);color:var(--ink-accent)}.chip-p2{background:color-mix(in oklch, var(--p2) 14%, transparent);color:var(--ink-p2)}.chip-solid{background:var(--p);color:var(--on-p)}.chip-neutral{background:color-mix(in oklch, var(--fg) 7%, transparent);color:var(--muted)}.chip-bad{background:color-mix(in oklch, var(--bad) 13%, transparent);color:var(--bad)}.chip-warn{background:color-mix(in oklch, var(--warn) 18%, transparent);color:var(--warn-ink)}.coin{vertical-align:-.14em;flex:none;width:1em;height:1em;display:inline-block}.pibesh{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.confirm{border-radius:var(--r-card);border:1px solid var(--line);background:var(--panel);gap:10px;padding:12px;display:grid}.confirm-danger{border-color:color-mix(in oklch, var(--bad) 35%, var(--line));background:color-mix(in oklch, var(--bad) 5%, var(--panel))}.confirm-primary{border-color:color-mix(in oklch, var(--p) 30%, var(--line));background:color-mix(in oklch, var(--p) 6%, var(--panel))}.confirm-msg{font-size:14px;font-weight:500}.confirm-err{color:var(--bad);font-size:12.5px}.confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirm-actions .btn{height:40px}.delta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.delta.eq{color:var(--muted)}.trend{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.trend.up{color:var(--good)}.trend.down{color:var(--bad)}.trend.eq{color:var(--muted)}.state{text-align:center;border:1px dashed var(--line);border-radius:var(--r-card);justify-items:center;gap:6px;padding:28px 20px;display:grid}.state-icon{background:color-mix(in oklch, var(--p) 12%, transparent);width:44px;height:44px;color:var(--ink-accent);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.state-error .state-icon{background:color-mix(in oklch, var(--bad) 13%, transparent);color:var(--bad)}.state-title{font-size:15px;font-weight:600}.state-desc{color:var(--muted);text-wrap:pretty;max-width:34ch;font-size:13px;line-height:1.45}.state-action{margin-top:8px}.icon-btn{appearance:none;cursor:pointer;background:var(--panel);border:1px solid var(--line);width:36px;height:36px;color:var(--fg);transition:background-color var(--t-fast), border-color var(--t-fast), transform 80ms ease;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.icon-btn:before{content:"";border-radius:50%;position:absolute;inset:-5px}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:hover:not(:disabled){border-color:color-mix(in oklch, var(--fg) 25%, var(--line))}.icon-btn-sm{width:30px;height:30px}.icon-btn-sm:before{inset:-7px}.icon-btn-primary{background:var(--p);color:var(--on-p);border-color:#0000}.icon-btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--p) 88%, black);border-color:#0000}.icon-btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.icon-btn-ghost:hover:not(:disabled){color:var(--fg);background:var(--tint-neutral);border-color:#0000}.seg{background:color-mix(in oklch, var(--fg) 6%, transparent);border-radius:var(--r-pill);grid-auto-columns:auto;grid-auto-flow:column;justify-self:start;gap:2px;padding:3px;display:inline-grid}.seg-block{grid-auto-columns:1fr;width:100%;display:grid}.seg button{appearance:none;font:inherit;color:var(--muted);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--t-fast), color var(--t-fast);background:0 0;border:0;padding:5px 12px;font-size:13px;font-weight:500;position:relative}.seg button:before{content:"";position:absolute;inset:-5px 0}.seg button:hover{color:var(--fg)}.seg button[aria-pressed=true]{background:var(--raised);color:var(--fg);box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000a}.skel{background:color-mix(in oklch, var(--fg) 7%, transparent);animation:1.4s ease-in-out infinite skel-pulse;display:block}@keyframes skel-pulse{50%{opacity:.55}}.skel-text{border-radius:var(--r-xs)}.skel-card{border-radius:var(--r-card)}.skel-pill{border-radius:var(--r-pill)}.skel-circle{border-radius:50%}.skel-list{gap:8px;display:grid}.field{gap:6px;min-width:0;display:grid}.field label{font-size:13px;font-weight:500}.field input,.field select,.field textarea{font:inherit;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg);height:40px;color:var(--fg);width:100%;min-width:0;transition:border-color var(--t-fast), box-shadow var(--t-fast);padding:0 12px;font-size:16px}@media (min-width:600px){.field input,.field select,.field textarea{font-size:14px}}.field input.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.field input:hover:not(:focus):not(:disabled),.field select:hover:not(:focus):not(:disabled),.field textarea:hover:not(:focus):not(:disabled){border-color:color-mix(in oklch, var(--fg) 22%, var(--line))}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.field small{color:var(--muted);font-size:12px}.field-error input,.field-error input:hover:not(:focus){border-color:var(--bad)}.field-error input:focus{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in oklch, var(--bad) 20%, transparent)}.field-error small{color:var(--bad)}.toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle.is-disabled label,.toggle.is-disabled .switch{opacity:.5}.toggle-text{gap:2px;min-width:0;display:grid}.toggle-text label{font-size:14px;font-weight:500}.toggle-text small{color:var(--muted);font-size:12px}.switch{appearance:none;border-radius:var(--r-pill);background:color-mix(in oklch, var(--fg) 14%, transparent);cursor:pointer;width:44px;height:26px;transition:background-color var(--t-fast);border:0;flex:none;padding:0;position:relative}.switch:before{content:"";position:absolute;inset:-9px -2px}.switch[aria-disabled=true]{cursor:not-allowed}.switch:hover:not([aria-disabled=true]){background:color-mix(in oklch, var(--fg) 20%, transparent)}.switch[aria-checked=true],.switch[aria-checked=true]:hover{background:var(--p)}.switch-thumb{width:20px;height:20px;transition:transform var(--t-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000026}.switch[aria-checked=true] .switch-thumb{transform:translate(18px)}.gate{min-height:100dvh;max-width:var(--app-max);padding:calc(var(--safe-top) + 24px) var(--gutter) calc(var(--safe-bottom) + 24px);align-content:center;margin:0 auto;display:grid}.gate-join{text-align:left;gap:10px;width:min(100%,320px);margin:0 auto 10px;display:grid}.bnav{z-index:20;width:100%;max-width:var(--app-max);padding:8px calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left));background:var(--panel);border-top:1px solid var(--line);transition:background-color var(--t-fast);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:481px){.bnav{border-inline:1px solid var(--line)}}.bnav-brand{display:none}.bnav-item{min-height:44px;color:var(--muted);border-radius:var(--r-md);transition:color var(--t-fast), background-color var(--t-fast);justify-items:center;gap:2px;padding:4px 0;font-size:10.5px;font-weight:500;display:grid}.bnav-item:hover{color:var(--fg)}.bnav-item.on{color:var(--ink-accent)}.bnav-demo{pointer-events:auto;cursor:help;border:1px solid var(--panel);height:20px;font-size:10.5px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}@media (min-width:900px){.bnav{max-width:none;height:100dvh;padding:calc(var(--safe-top) + 20px) 14px 20px calc(14px + var(--safe-left));border-top:0;border-inline:0;border-right:1px solid var(--line);flex-direction:column;grid-area:nav;gap:4px;display:flex;position:sticky;top:0;left:auto;transform:none}.bnav-brand{color:var(--fg);font-weight:650;font-size:var(--fs-body);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 8px 20px;display:flex}.bnav-item{align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:14px;display:flex}.bnav-item:hover{background:var(--tint-neutral)}.bnav-item.on{background:var(--tint-accent);font-weight:600}.bnav-demo{order:1;align-self:flex-start;margin:auto 8px 0;position:static;transform:none}}.shell{width:100%;max-width:var(--app-max);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}@media (min-width:481px) and (max-width:899px){.shell{border-inline:1px solid var(--line)}}.shell-main{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);flex-direction:column;flex:1;display:flex}@media (min-width:900px){.shell{grid-template-columns:var(--side-w) minmax(0, 1fr);background:linear-gradient(to right, var(--panel) calc(var(--side-w) - 1px), var(--line) 0 var(--side-w), transparent 0);grid-template-areas:"nav main";max-width:none;display:grid}.shell-main{grid-area:main;min-width:0;padding-bottom:32px}}.shell-fallback{width:100%;max-width:calc(var(--scr-max) + 2 * var(--gutter));padding:calc(var(--safe-top) + 16px) var(--gutter) 16px;gap:16px;margin-inline:auto;display:grid}.shell-fallback-head{gap:8px;display:grid}.scr{flex-direction:column;min-height:100%;display:flex}.scr-head{z-index:10;min-height:60px;padding:calc(var(--safe-top) + 12px) calc(var(--gutter) + var(--safe-right)) 10px calc(var(--gutter) + var(--safe-left));background:var(--bg);transition:background-color var(--t-fast);align-items:center;gap:10px;display:flex;position:sticky;top:0}.scr-head-t{flex:1;min-width:0;display:grid}.scr-head-t small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.scr-head-t h1{font-size:var(--fs-head);letter-spacing:-.035em;overflow-wrap:anywhere;font-weight:650;line-height:1.15}.scr-head-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.scr-body{padding:6px calc(var(--gutter) + var(--safe-right)) 24px calc(var(--gutter) + var(--safe-left));flex-direction:column;flex:1;gap:14px;display:flex}.scr-center{flex:1}.scr-center>.scr-body{padding-top:calc(var(--safe-top) + 24px);justify-content:center}.scr-center .state{border:0}@media (min-width:900px){.scr{width:100%;max-width:calc(var(--scr-max) + 2 * var(--gutter));margin-inline:auto}.scr-head{min-height:76px;padding-top:calc(var(--safe-top) + 24px)}.scr-body{gap:16px}}
