:root{color-scheme:dark;--bg: #0b1120;--panel: #131c31;--text: #f8fafc;--muted: #94a3b8;--accent: #22c55e;--warn: #f59e0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 24px 24px;text-align:center}.brand{margin-bottom:8px}.logo{font-size:28px;font-weight:700;letter-spacing:-.02em}.tagline{margin-top:4px;font-size:14px;color:var(--muted)}.status{background:var(--panel);border-radius:16px;padding:16px 20px;width:100%;max-width:360px;min-height:84px;display:flex;flex-direction:column;justify-content:center;gap:6px}.status-line{margin:0;font-size:15px;font-weight:600}.status-line.ok{color:var(--accent)}.status-line.warn{color:var(--warn)}.status-detail{margin:0;font-size:13px;color:var(--muted)}.status-detail.hint{color:var(--warn)}.connect{width:100%;max-width:360px;min-height:64px;border:none;border-radius:18px;background:var(--accent);color:#04240f;font-size:17px;font-weight:700;padding:16px 20px;cursor:pointer}.connect:disabled{background:#1f2937;color:var(--muted);cursor:default}.secondary{background:none;border:1px solid #26324a;color:var(--muted);border-radius:12px;padding:10px 18px;font-size:14px;cursor:pointer}.message{margin:0;max-width:360px;font-size:14px;color:var(--warn)}.note{margin-top:auto;padding-top:24px;font-size:12px;color:#64748b;max-width:320px}