:root{color-scheme:dark;--bg:#07090d;--panel:#10141c;--panel2:#151b25;--line:#273041;--text:#f5f7fb;--muted:#9ba7b7;--accent:#28d17c;--warn:#ffc857;--danger:#ff5c6c}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at top,#111827 0,#07090d 48%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}
.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#090c12e8;backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.04em}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.badge{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.main{width:min(1180px,94vw);margin:0 auto;padding:40px 0 60px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:stretch}.card{background:linear-gradient(180deg,#121722,#0d1118);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 18px 60px #0007}.title{font-size:clamp(34px,6vw,72px);line-height:.95;margin:0 0 18px;letter-spacing:-.05em}.subtitle{font-size:18px;line-height:1.6;color:var(--muted);max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{appearance:none;border:1px solid var(--line);background:#151b25;color:var(--text);padding:13px 18px;border-radius:12px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.12)}.btn.primary{background:var(--accent);color:#07140d;border-color:transparent}.btn.warn{background:var(--warn);color:#1a1200;border-color:transparent}.btn.ghost{background:transparent}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.mini{padding:20px;border-radius:18px;background:#0e131b;border:1px solid var(--line)}.mini h3{margin:0 0 8px;font-size:16px}.mini p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}
.status{display:flex;align-items:center;gap:10px}.status i{width:10px;height:10px;border-radius:50%;background:var(--accent)}.status.off i{background:#667085}.pair-box{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:330px}.pair-label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:12px}.code{font-size:clamp(64px,12vw,120px);font-weight:900;letter-spacing:.12em;line-height:1;margin:22px 0}.wait{color:var(--muted)}.input{width:100%;background:#080b10;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:14px 15px;font-size:16px;outline:none}.input:focus{border-color:#4b6b8d}.form-row{display:grid;grid-template-columns:1fr auto;gap:10px}.panel-title{font-size:20px;margin:0 0 16px}.log{margin-top:16px;background:#070a0f;border:1px solid var(--line);border-radius:14px;padding:14px;min-height:120px;color:#b8c2d1;font:13px/1.5 Consolas,monospace;white-space:pre-wrap}.diag{display:grid;gap:10px}.diag-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#0b1017}.ok{color:var(--accent);font-weight:800}.bad{color:var(--danger);font-weight:800}.maybe{color:var(--warn);font-weight:800}.tv-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;position:relative;overflow:hidden}.tv-logo{position:absolute;top:28px;left:28px;font-weight:900;font-size:20px;letter-spacing:.04em}.tv-card{width:min(760px,90vw);text-align:center}.tv-small{color:#a5adba;font-size:18px}.tv-code{font-size:clamp(76px,16vw,170px);font-weight:900;letter-spacing:.14em;margin:18px 0}.tv-foot{position:absolute;bottom:22px;color:#6f7a89;font-size:13px}.hidden{display:none!important}
@media(max-width:820px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.topbar{padding:0 14px}.main{padding-top:24px}.card{padding:20px}.form-row{grid-template-columns:1fr}}