:root{color-scheme:dark;--bg:#070b0e;--panel:#10171c;--line:#23323b;--text:#f4f8fa;--muted:#8ea0aa;--accent:#27efb1;--danger:#ff6577;--amber:#ffca62;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#102a27 0,transparent 30rem),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.stream-nav{height:76px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172229;background:#080d10d9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.stream-nav nav{display:flex;gap:10px;align-items:center}.stream-brand{display:flex;align-items:center;gap:12px;letter-spacing:.13em}.stream-brand span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);border-radius:10px;color:var(--accent);font-weight:900}.stream-brand b{font-size:.82rem}.button{border:1px solid var(--accent);background:var(--accent);color:#05110e;border-radius:9px;padding:11px 16px;font-weight:850;letter-spacing:.04em;cursor:pointer}.button.ghost{background:transparent;color:var(--text);border-color:#32424c}.button.wide{width:100%;margin-top:8px}.stream-shell,.dashboard-shell{width:min(1380px,calc(100% - 40px));margin:0 auto;padding:70px 0}.stream-hero{padding:40px 0 85px;max-width:780px}.kicker{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.19em;margin:0 0 12px}.stream-hero h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.88;letter-spacing:-.07em;margin:0}.stream-hero h1 em{color:transparent;-webkit-text-stroke:1px #789098;font-style:normal}.stream-hero>p:last-child{color:var(--muted);font-size:1.08rem;max-width:600px;line-height:1.7}.section-heading,.dashboard-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2,.dashboard-title h1{font-size:2.2rem;margin:0}.live-count,.status-pill{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 13px;font-size:.75rem;font-weight:900}.status-pill.offline{border-color:#44545d;color:#82949f}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.stream-card{border:1px solid var(--line);background:linear-gradient(155deg,#121a20,#0b1014);border-radius:18px;overflow:hidden;cursor:pointer;transition:.2s transform,.2s border-color}.stream-card:hover{transform:translateY(-3px);border-color:#4a686c}.player-placeholder{aspect-ratio:16/9;background:linear-gradient(145deg,#15232a,#080c0f);display:grid;place-items:center;color:#60737e;font-weight:800;letter-spacing:.1em}.stream-card.live .player-placeholder{box-shadow:inset 0 0 80px #1b806830}.stream-card-meta{display:flex;align-items:center;justify-content:space-between;padding:17px 18px}.stream-card-meta h3{margin:0;font-size:1.2rem}.dot-live{color:var(--accent);font-size:.75rem;font-weight:900}.dot-offline{color:#71828c;font-size:.75rem;font-weight:900}dialog{padding:0;border:1px solid #39515b;background:#070b0e;border-radius:16px;color:var(--text);width:min(1100px,94vw)}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:10px;top:8px;z-index:2;border:0;background:#000a;color:white;border-radius:50%;width:38px;height:38px;font-size:1.5rem;cursor:pointer}#large-player iframe,.stream-preview iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.auth-body{display:grid;place-items:center;padding:90px 20px}.auth-brand{position:fixed;top:28px;left:32px}.auth-card{width:min(470px,100%);border:1px solid var(--line);border-radius:22px;padding:38px;background:#0d1419e8;box-shadow:0 35px 90px #0008}.auth-card h1{font-size:2.3rem;margin:0 0 10px}.muted{color:var(--muted)}form{display:grid;gap:15px;margin-top:25px}label{display:grid;gap:8px;color:#b9c6cc;font-size:.84rem;font-weight:750}input{width:100%;background:#080d10;border:1px solid #2b3a43;color:var(--text);border-radius:9px;padding:13px 14px;outline:0}input:focus{border-color:var(--accent)}label small{color:var(--muted);font-weight:400}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:23px;color:#a7bbc5;font-size:.88rem}.form-message,.account-banner,.toast{padding:13px 15px;border-radius:9px;background:#173129;color:#baffea;margin-top:18px}.form-message.error,.account-banner.suspended{background:#351c23;color:#ffc0c9}.account-banner.pending{background:#332916;color:#ffe1a1}.hidden{display:none!important}.dashboard-shell{padding-top:48px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stats-grid article,.dash-card{border:1px solid var(--line);border-radius:17px;background:#0d1419;padding:22px}.stats-grid small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.12em}.stats-grid b{display:block;font-size:1.55rem;margin-top:9px}.dashboard-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;margin-bottom:16px}.dash-card h2{margin:0 0 8px}.secret-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:23px}.secret-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.text-danger{border:0;background:none;color:var(--danger);font-weight:800;margin-top:16px;padding:0;cursor:pointer}.preview-empty{aspect-ratio:16/9;border:1px dashed #354751;border-radius:10px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}.instructions ol{color:#b6c4ca;line-height:1.8;padding-left:22px}.profile-grid{grid-template-columns:1fr 1fr}.toast{position:fixed;right:24px;bottom:24px;max-width:430px;box-shadow:0 15px 45px #000b}.toast.error{background:#351c23;color:#ffc0c9}@media(max-width:850px){.stream-nav{padding:0 16px}.stream-brand b{display:none}.stream-nav .button{padding:9px 10px;font-size:.72rem}.stream-shell,.dashboard-shell{width:min(100% - 28px,1380px);padding-top:35px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.profile-grid{grid-template-columns:1fr}.secret-row{grid-template-columns:1fr 1fr}.secret-row input{grid-column:1/-1}.stream-hero{padding-bottom:55px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.auth-card{padding:28px 22px}.auth-brand{left:20px}.section-heading{align-items:center}.stream-hero h1{font-size:3.4rem}}