:root{--bg: #12131c;--bg2: #1c1e2c;--card: #23263a;--text: #f2f3f8;--muted: #9aa0b8;--accent: #ffcc33;--accent2: #4dd2ff;--good: #5ee87e;--bad: #ff5e6c;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,.btn{display:inline-block;min-height:52px;padding:12px 24px;border:0;border-radius:var(--radius);background:var(--accent);color:#1a1300;font-size:18px;font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;text-decoration:none;text-align:center}button:active,.btn:active{transform:scale(.97)}button.secondary{background:var(--card);color:var(--text)}button:disabled{opacity:.4;cursor:default}input[type=text]{min-height:52px;padding:12px 16px;border:2px solid var(--card);border-radius:var(--radius);background:var(--bg2);color:var(--text);font-size:18px;width:100%}.card{background:var(--card);border-radius:var(--radius);padding:20px}.muted{color:var(--muted)}.container{max-width:720px;margin:0 auto;padding:16px}.ws-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--bad);vertical-align:middle}.ws-dot.on{background:var(--good)}