:root{--bg:#0f1117;--panel:#171b26;--panel-2:#1d2230;--text:#e8eaf2;--muted:#9aa3b8;--accent:#6d8dff;--ok:#3ecf8e;--warn:#f5b453;--err:#f26d6d;--border:#2a3042;--radius:12px}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 80% -10%, #1c2340 0%, var(--bg) 55%);color:var(--text);min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:880px;margin:0 auto;padding:48px 20px 80px}.badge{letter-spacing:.04em;text-transform:uppercase;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{color:var(--ok);border-color:#2c5}.badge.warn{color:var(--warn);border-color:#853}.badge.err{color:var(--err);border-color:#833}h1{margin:16px 0 8px;font-size:28px}h2{margin:0 0 12px;font-size:17px}p.lead{color:var(--muted);margin:0 0 28px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px 22px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grow{flex:1;min-width:0}code,.mono{background:var(--panel-2);border:1px solid var(--border);word-break:break-all;border-radius:8px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}ul{color:var(--muted);padding-left:20px;line-height:1.7}li::marker{color:var(--accent)}input[type=password],input[type=text],input[type=datetime-local]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;width:100%;padding:10px 14px;font-size:15px}button,.btn{background:var(--accent);color:#0b0e18;cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.msg-err{color:var(--err);margin-top:10px;font-size:14px}.msg-muted{color:var(--muted);font-size:14px}.player-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;border:0;width:100%;display:block}.player-shell{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.embed-shell{background:#000;margin:0;padding:0;position:fixed;inset:0}.embed-shell .player-frame{aspect-ratio:auto;border:0;border-radius:0;width:100%;height:100dvh}