:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--surface-3:#262b36;--border:#2c3340;--border-strong:#3a4453;--text:#eef1f6;--text-muted:#9aa4b2;--text-dim:#6b7482;--primary:#4f8cff;--primary-strong:#3b7bff;--on-primary:#fff;--success:#35c76a;--success-bg:#35c76a24;--warn:#f5a623;--warn-bg:#f5a62324;--danger:#ff5a5f;--danger-bg:#ff5a5f24;--gold:#ffcf5c;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--tap:48px;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 6px 20px #00000059;--shadow-modal:0 12px 48px #00000080;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-num:ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--maxw:560px}@media (prefers-color-scheme:light){:root{--bg:#eef1f6;--surface:#fff;--surface-2:#f4f6fa;--surface-3:#e9edf3;--border:#d9dee7;--border-strong:#c3cbd8;--text:#10131a;--text-muted:#5a6472;--text-dim:#8a94a4;--primary:#2f6fe0;--primary-strong:#235fce;--success-bg:#26a0521f;--warn-bg:#c8820a24;--danger-bg:#dc32371a;--shadow-1:0 1px 2px #141e3214;--shadow-2:0 6px 20px #141e321f;--shadow-modal:0 12px 48px #141e3240}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f6;--surface:#fff;--surface-2:#f4f6fa;--surface-3:#e9edf3;--border:#d9dee7;--border-strong:#c3cbd8;--text:#10131a;--text-muted:#5a6472;--text-dim:#8a94a4;--primary:#2f6fe0;--primary-strong:#235fce;--shadow-1:0 1px 2px #141e3214;--shadow-2:0 6px 20px #141e321f;--shadow-modal:0 12px 48px #141e3240}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent;margin:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;line-height:1.4}#root{justify-content:center;display:flex}input,button,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3{font-weight:700;line-height:1.2}.app-shell{width:100%;max-width:var(--maxw);background:var(--bg);flex-direction:column;min-height:100%;display:flex;position:relative}.screen{flex-direction:column;flex:1;min-height:100%;display:flex}.screen__header{z-index:10;align-items:center;gap:var(--sp-3);padding:max(var(--sp-3), env(safe-area-inset-top)) var(--sp-4) var(--sp-3);padding-top:calc(var(--sp-3) + env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.screen__title{flex:1;min-width:0;font-size:1.05rem;font-weight:700}.screen__subtitle{color:var(--text-muted);font-size:.78rem;font-weight:500}.screen__body{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;flex:1;display:flex}.screen__footer{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;position:sticky;bottom:0}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);display:flex}.spacer{flex:1}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hidden{display:none!important}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);border:1px solid var(--border);-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:600;transition:transform 60ms,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;pointer-events:none}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn--primary:active{background:var(--primary-strong)}.btn--danger{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger)}.btn--ghost{background:0 0;border-color:#0000}.btn--block{width:100%}.btn--lg{min-height:56px;font-size:1.05rem}.btn--sm{min-height:38px;padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:.85rem}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-md);color:var(--text);background:0 0;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.icon-btn:active{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.card--pad0{padding:0;overflow:hidden}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-1);font-size:.72rem;font-weight:700}.input{width:100%;min-height:var(--tap);padding:0 var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);outline:none;font-size:1rem}.input:focus{border-color:var(--primary)}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field>label{color:var(--text-muted);font-size:.85rem;font-weight:600}.stepper{align-items:center;gap:var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-1);display:inline-flex}.stepper__btn{border-radius:var(--r-sm);background:var(--surface-3);width:42px;height:42px;color:var(--text);justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:inline-flex}.stepper__btn:active{background:var(--border)}.stepper__val{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2ch;font-size:1.25rem;font-weight:700}.toggle{--w:52px;--h:30px;width:var(--w);height:var(--h);border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border);flex:none;transition:background .15s;position:relative}.toggle[data-on=true]{background:var(--primary);border-color:var(--primary)}.toggle:after{content:"";width:calc(var(--h) - 6px);height:calc(var(--h) - 6px);background:#fff;border-radius:50%;transition:transform .16s;position:absolute;top:2px;left:2px}.toggle[data-on=true]:after{transform:translateX(calc(var(--w) - var(--h)))}.toggle-row{align-items:center;gap:var(--sp-3);min-height:var(--tap);display:flex}.toggle-row__text{flex:1;min-width:0}.toggle-row__text small{color:var(--text-muted);margin-top:2px;font-size:.8rem;display:block}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);gap:3px;padding:3px;display:flex}.segmented__opt{border-radius:var(--r-sm);min-height:40px;color:var(--text-muted);padding:0 var(--sp-2);flex:1;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}.segmented__opt[data-active=true]{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-1)}.badge{border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--warn{background:var(--warn-bg);color:var(--warn)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--gold{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--gold)}.chip{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:800;display:inline-flex}.modal-backdrop{z-index:100;padding:var(--sp-3);background:#0000008c;justify-content:center;align-items:flex-end;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:var(--maxw);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);padding:var(--sp-5);margin-bottom:env(safe-area-inset-bottom);max-height:92vh;animation:.2s cubic-bezier(.2,.8,.2,1) slide-up;overflow-y:auto}.modal--sheet{border-radius:var(--r-xl) var(--r-xl) 0 0}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}}.list{flex-direction:column;display:flex}.list>*+*{border-top:1px solid var(--border)}.list-row{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-3) var(--sp-4);text-align:left;width:100%;color:inherit;background:0 0;display:flex}.list-row:active{background:var(--surface-2)}.toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:200;align-items:center;gap:var(--sp-3);background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);box-shadow:var(--shadow-2);max-width:calc(var(--maxw) - var(--sp-6));font-size:.9rem;animation:.2s slide-up;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--primary);font-weight:700}