:root{color-scheme:dark;--bg: #12151a;--surface: #1c2027;--surface-2: #2a2f38;--border: #3a404b;--text: #f2f4f7;--muted: #a7afbc;--primary: #e11d2e;--primary-text: #fff;--primary-soft: #ff6b76;--active: #f2f4f7;--active-text: #12151a;--danger: #e5484d;--radius: 12px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}h1,h2,p{margin:0}a{color:var(--primary-soft)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary-soft);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{border-color:var(--primary);background:var(--primary);color:var(--primary-text)}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}.input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:16px}.card{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.card h1{font-size:24px;line-height:1.2}.center-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:16px}.muted{color:var(--muted)}.error{color:#ff9592;font-size:14px}.host-hint{padding:0 16px 16px;text-align:center}@media(max-width:480px){.card{padding:20px}}