:root{--bg: #15131f;--bg-soft: #1d1a2b;--surface: #241f38;--surface-2: #2c2745;--text: #ece9f6;--text-dim: #a59fc4;--accent: #7c6cff;--accent-soft: #b9aef2;--accent-fill-text: #1a1030;--good: #5ad1a8;--warm: #ffb6c8;--radius: 22px;--radius-sm: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%,#221d36 0%,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 20px)}h1{font-size:28px;line-height:1.2;margin:0 0 6px;font-weight:700}h2{font-size:21px;margin:0 0 4px;font-weight:650}p{color:var(--text-dim);line-height:1.5;margin:0 0 14px}.dim{color:var(--text-dim)}.btn{appearance:none;border:none;cursor:pointer;font:inherit;font-weight:650;background:var(--accent);color:var(--accent-fill-text);border-radius:var(--radius-sm);padding:16px 22px;width:100%;font-size:17px;min-height:44px;transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.98);filter:brightness(1.08)}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.ghost{background:transparent;color:var(--text-dim)}.btn.big{padding:22px;font-size:19px}.card{background:var(--surface);border-radius:var(--radius);padding:18px;border:1px solid rgba(255,255,255,.04)}.option{display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:16px;margin-bottom:10px;cursor:pointer;transition:border-color .12s ease,background .12s ease}.option.selected{border-color:var(--accent);background:var(--surface-2)}.spacer{flex:1}.row{display:flex;gap:10px}.center{text-align:center}.stack>*+*{margin-top:12px}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--surface);border-radius:999px;padding:8px 14px;font-size:14px;color:var(--text-dim)}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--good)}.pill .dot.live{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.link{color:var(--accent-soft);background:none;border:none;font:inherit;cursor:pointer;padding:10px 8px;min-height:44px;display:inline-flex;align-items:center;gap:6px}.link.icon-link{gap:8px}.input{width:100%;background:var(--surface);border:1.5px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:15px;color:var(--text);font:inherit;font-size:17px}.input::placeholder{color:var(--text-dim)}.preset{background:var(--surface);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:18px;text-align:left;cursor:pointer;width:100%;color:var(--text)}.preset:active{border-color:var(--accent)}.preset .lbl{font-size:18px;font-weight:650}.preset .sub{color:var(--text-dim);font-size:14px;margin-top:2px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;background:var(--surface);border-radius:var(--radius-sm);margin-bottom:9px}.fade-in{animation:fade .4s ease both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.preset.on{border-color:var(--accent);background:var(--surface-2)}.chip{appearance:none;font:inherit;cursor:pointer;color:var(--text-dim);background:var(--surface);border:1.5px solid transparent;border-radius:999px;padding:12px 16px;font-size:15px;font-weight:600;min-height:44px}.chip.on{color:var(--text);border-color:var(--accent);background:var(--surface-2)}.rowbetween{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--radius-sm);padding:15px 16px;margin-bottom:10px}.rowbetween input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.accent-soft{color:var(--accent-soft)}.display{font-size:34px;font-weight:800;letter-spacing:-.02em}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}.dot.live{animation:none;opacity:.85}}@media(min-width:720px){body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(38% 42% at 12% 18%,rgba(124,108,255,.16),transparent 70%),radial-gradient(34% 38% at 88% 82%,rgba(90,209,168,.1),transparent 70%);pointer-events:none}}