:root{color:#f5f3ff;font-synthesis:none;--bg:#0b0712;--surface:#171020;--surface-secondary:#21162e;--primary:#8b5cf6;--primary-soft:#a78bfa;--text:#f5f3ff;--muted:#a9a1b8;--border:#a78bfa24;--danger:#f3a6b6;background:#0b0712;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;color:var(--text);background:radial-gradient(circle at 50% -12%, #8b5cf61f, transparent 34%), var(--bg);-webkit-font-smoothing:antialiased;margin:0}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,520px);min-height:100svh;padding:max(22px, env(safe-area-inset-top)) 18px max(30px, env(safe-area-inset-bottom));margin:auto}.header{grid-template-columns:48px 1fr auto;align-items:center;gap:13px;margin-bottom:26px;display:grid}.brand-icon{border:1px solid var(--border);width:48px;height:48px;color:var(--primary-soft);background:var(--surface-secondary);border-radius:16px;place-items:center;display:grid}.eyebrow,.section-kicker{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}h1{letter-spacing:-.035em;margin:2px 0 0;font-size:28px;line-height:1.1}.status-dot{background:var(--primary);border-radius:50%;width:10px;height:10px;margin-right:5px;box-shadow:0 0 0 5px #8b5cf61f}.status-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:17px;display:grid}.status-card__icon{width:44px;height:44px;color:var(--primary-soft);background:var(--surface-secondary);border-radius:14px;place-items:center;display:grid}.status-card div{gap:3px;display:grid}.status-card div span{color:var(--muted);font-size:12px}.status-card strong{font-size:15px}.active-badge{color:var(--primary-soft);background:#8b5cf614;border:1px solid #a78bfa33;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.error-message{color:var(--danger);background:#f3a6b60f;border:1px solid #f3a6b62e;border-radius:14px;align-items:center;gap:9px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.35;display:flex}.mode-panel,.coming-soon{margin-top:30px}.section-heading{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:12px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:3px 0 0;font-size:20px}.spinner{border:2px solid #a78bfa33;border-top-color:var(--primary-soft);border-radius:50%;width:19px;height:19px;animation:.7s linear infinite spin}.mode-list,.mode-skeleton{gap:10px;display:grid}.mode-button{border:1px solid var(--border);width:100%;min-height:82px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:19px;grid-template-columns:46px 1fr 22px;align-items:center;gap:13px;padding:15px;transition:border-color .16s,background .16s,transform .16s;display:grid}.mode-button:active:not(:disabled){transform:scale(.988)}.mode-button:focus-visible{outline:2px solid var(--primary-soft);outline-offset:2px}.mode-button:disabled{cursor:wait;opacity:.68}.mode-button.active{background:#1c1328;border-color:#a78bfa6b;box-shadow:0 0 24px #8b5cf614}.mode-icon{width:46px;height:46px;color:var(--muted);background:var(--surface-secondary);border-radius:14px;place-items:center;display:grid}.active .mode-icon{color:var(--primary-soft);background:#8b5cf61f}.mode-copy{gap:4px;display:grid}.mode-copy strong{font-size:15px}.mode-copy small{color:var(--muted);font-size:12px;line-height:1.35}.radio-mark{border:1.5px solid #a9a1b866;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.radio-mark span{background:0 0;border-radius:50%;width:11px;height:11px}.active .radio-mark{border-color:var(--primary-soft)}.active .radio-mark span{background:var(--primary)}.mode-skeleton span{border:1px solid var(--border);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-secondary) 50%, var(--surface) 75%);background-size:200% 100%;border-radius:19px;height:82px;animation:1.3s infinite shimmer;display:block}.soon-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.soon-card{border:1px solid var(--border);min-height:126px;color:var(--muted);background:var(--surface);border-radius:17px;align-content:start;gap:13px;padding:15px;display:grid}.soon-card>svg{color:#786d88}.soon-card div{gap:5px;display:grid}.soon-card strong{color:var(--text);font-size:13px}.soon-card span{color:var(--muted);font-size:11px;line-height:1.3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=380px){.soon-grid{grid-template-columns:1fr}.soon-card{grid-template-columns:24px 1fr;align-items:center;min-height:auto}}@media (prefers-reduced-motion:reduce){.spinner,.mode-skeleton span{animation:none}.mode-button{transition:none}}