:root{--bg:#05090b;--panel:#0a1014;--panel2:#0d151a;--line:#1d292f;--muted:#829098;--text:#f4f7f5;--green:#62ff32;--green2:#29d70d;--red:#ff244b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 45% -20%,#0d1d19 0,#05090b 38%);color:var(--text);font:15px Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}header{height:72px;padding:0 24px;display:grid;grid-template-columns:220px minmax(240px,560px) 1fr;gap:20px;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#05090bf2;backdrop-filter:blur(16px);z-index:20}.logo{font-size:27px;font-weight:950;letter-spacing:-1px}.logo span,.logo b,small{color:var(--green)}.logo b{font-size:inherit;background:none;padding:0}.search input,input,select{width:100%;background:#0d1419;color:#fff;border:1px solid #24323a;border-radius:11px;padding:12px 14px;outline:none}.search input:focus,input:focus,select:focus{border-color:#3c6}.topActions{display:flex;align-items:center;justify-content:flex-end;gap:15px}.topActions .create{border:1px solid var(--green2);color:var(--green);padding:10px 17px;border-radius:11px;font-weight:800}.accountPill{display:flex;gap:9px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#113e2d,#07100d);border:1px solid #1edc4b;color:var(--green);font-weight:900}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 72px)}.side{position:sticky;top:72px;height:calc(100vh - 72px);border-right:1px solid var(--line);padding:16px 14px;display:flex;flex-direction:column;gap:4px;background:#070c0f}.side a{padding:11px 12px;border-radius:9px;color:#c4ccd0}.side a:hover,.side .active{background:linear-gradient(90deg,#123b20,#0b2417);color:#fff}.side .active{border-left:3px solid var(--green)}.sideTitle{font-size:11px;color:#65747c;text-transform:uppercase;margin:18px 12px 7px}.rec{display:flex!important;align-items:center;gap:9px;padding:7px 10px!important}.rec .dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto}.partner{margin-top:auto!important;border:1px solid #1f3430;background:#0b1715!important}.main{padding:16px 24px 40px;min-width:0}.featured{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.7fr);gap:12px}.featureVideo{min-height:360px;aspect-ratio:16/8.5;border:1px solid #223139;border-radius:13px;overflow:hidden;position:relative;background:radial-gradient(circle at 65% 45%,#14462f,#07100d 35%,#040708 70%)}.featureVideo:before{content:'VIDRA LIVE';position:absolute;inset:0;display:grid;place-items:center;font-size:58px;font-weight:950;color:#ffffff12;letter-spacing:-3px}.featureOverlay{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.liveBadge,.badge{display:inline-flex;width:max-content;align-items:center;gap:5px;background:var(--red);color:#fff;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:900}.featureTitle{background:linear-gradient(transparent,#05090be8);margin:-16px;padding:70px 18px 18px}.featureTitle h2{margin:4px 0;font-size:23px}.featureTitle p{margin:0;color:#b9c4c8}.sideStreams{border:1px solid var(--line);border-radius:13px;padding:12px;background:var(--panel)}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.sectionHead h2,.sectionHead h3{margin:0}.more{color:var(--green);font-size:13px;font-weight:800}.miniStream{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #152027}.miniThumb{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#2b1643,#0b6b4d);position:relative}.miniThumb .badge{position:absolute;left:6px;top:6px;padding:3px 5px;font-size:10px}.miniStream b{font-size:13px}.miniStream p{margin:5px 0;color:var(--muted);font-size:12px}.channelBar{display:flex;align-items:center;gap:12px;padding:12px 4px}.channelBar .avatar{width:48px;height:48px}.channelMeta{flex:1}.channelMeta h3{margin:0 0 4px}.channelMeta p{margin:0;color:var(--muted)}.cta,.ghost{border:0;border-radius:9px;padding:11px 15px;font-weight:850;cursor:pointer}.cta{background:linear-gradient(135deg,var(--green),#79ff20);color:#061006;box-shadow:0 0 22px #52ff2926}.ghost{background:#11191e;color:#fff;border:1px solid #2a3941}.homeSection{margin-top:18px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:11px}.card{min-width:0}.thumb{aspect-ratio:16/9;border-radius:9px;background:linear-gradient(135deg,#12261e,#2b1643 60%,#0b6046);position:relative;overflow:hidden}.thumb:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:#ffffff35;font-size:30px}.thumb .badge{position:absolute;left:7px;top:7px;z-index:2}.card h3{font-size:14px;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p{font-size:12px;margin:2px 0;color:var(--muted)}.tags{display:flex;gap:5px;margin-top:6px}.tag{background:#111b21;border:1px solid #1e2b32;border-radius:6px;padding:4px 7px;font-size:10px;color:#b5c0c5}.cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:11px}.cats div{aspect-ratio:1.45;border:1px solid #243038;border-radius:10px;padding:12px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#10181d,#0a0f12);font-size:25px;overflow:hidden}.cats div:nth-child(2n){background:linear-gradient(145deg,#20112d,#0b1115)}.cats div:nth-child(3n){background:linear-gradient(145deg,#0c2d22,#0b1115)}.cats b{font-size:13px;margin-top:7px}.muted{color:var(--muted)}.forms{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:auto;padding:18px 0}.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:24px}.panel form{display:grid;gap:10px}.role{display:flex;gap:10px;margin:10px 0}.role label{flex:1;border:1px solid #343b46;padding:12px;border-radius:9px}.studio{max-width:1180px;margin:auto;padding:38px 20px}.studio h1{font-size:42px;margin:8px 0 25px}.studio code{display:block;background:#05090b;border:1px solid #27363e;border-radius:8px;padding:13px;overflow:auto;color:var(--green)}.liveShell{display:grid;grid-template-columns:230px minmax(0,1fr) 330px;min-height:calc(100vh - 72px)}.liveCenter{padding:14px}.livePagePlayer{aspect-ratio:16/9;background:#000;border:1px solid #233139;border-radius:12px;position:relative;overflow:hidden}.livePagePlayer video{width:100%;height:100%;object-fit:contain;background:#000}.playerMessage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#10241d,#050809 70%);text-align:center;padding:20px}.liveInfo{display:flex;gap:12px;align-items:center;padding:12px 3px}.liveInfo .avatar{width:48px;height:48px}.liveInfoText{flex:1}.liveInfoText h1{font-size:19px;margin:0 0 4px}.liveInfoText p{margin:0;color:var(--muted)}.chat{height:calc(100vh - 72px);position:sticky;top:72px;border-left:1px solid var(--line);padding:14px;display:grid;grid-template-rows:auto 1fr auto;background:#070c0f}.messages{overflow:auto;padding:5px}.messages p{font-size:13px;line-height:1.45}.messages b{color:var(--green)}.chat form{display:flex;gap:6px}.chat form input{min-width:0}.chat .cta{padding:10px 14px}.chatHead{padding-bottom:12px;border-bottom:1px solid var(--line)}@media(max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(4,1fr)}.liveShell{grid-template-columns:75px 1fr 300px}.liveShell .side span,.liveShell .sideTitle,.liveShell .rec,.liveShell .partner{display:none!important}}@media(max-width:900px){header{grid-template-columns:170px 1fr}.topActions{display:none}.layout{grid-template-columns:75px 1fr}.side span,.sideTitle,.rec,.partner{display:none!important}.featured{grid-template-columns:1fr}.sideStreams{display:none}.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.liveShell{display:block}.liveShell>.side{display:none}.chat{position:static;height:430px;border:1px solid var(--line);margin:12px;border-radius:12px}.forms{grid-template-columns:1fr}}@media(max-width:600px){header{height:62px;display:flex}.search{display:none}.layout{display:block}.side{display:none}.main{padding:12px}.grid{grid-template-columns:1fr 1fr}.cats{grid-template-columns:repeat(2,1fr)}.featureVideo{min-height:250px}.featureTitle h2{font-size:18px}.channelBar{align-items:flex-start;flex-wrap:wrap}.liveCenter{padding:8px}}

.watchLayout{max-width:1700px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr) 350px;gap:14px;padding:16px}.watchSide{border-right:1px solid #242b31;padding:12px;display:flex;flex-direction:column;gap:8px}.watchSide>a{padding:11px;border-radius:9px}.watchSide>a:hover{background:#172018;color:#9cff38}.watchSide h4{font-size:11px;color:#717b75;margin:22px 0 5px}.miniChannel{display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:8px;padding:7px;border-radius:9px}.miniChannel:hover{background:#141a17}.miniChannel i,.channelAvatar{display:grid;place-items:center;border-radius:50%;background:#9cff38;color:#071006;font-style:normal;font-weight:900}.miniChannel i{width:34px;height:34px}.miniChannel span{min-width:0}.miniChannel b,.miniChannel small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniChannel small{color:#78827d;margin-top:3px}.miniChannel em{color:#ff4055}.watchMain{min-width:0}.channelHead{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;padding:16px 4px}.channelAvatar{width:58px;height:58px;font-size:24px}.channelText h1{margin:0 0 6px;font-size:22px}.channelText p{margin:3px 0}.aboutCard{background:#111612;border:1px solid #263128;border-radius:13px;padding:18px;margin-top:8px}.aboutCard h3{margin-top:0}.tags{display:flex;gap:7px}.tags span{background:#1b251c;color:#9cff38;border:1px solid #304033;padding:5px 9px;border-radius:20px;font-size:12px}.chat{height:calc(100vh - 100px);position:sticky;top:84px}.player{aspect-ratio:16/9}.player video{width:100%;height:100%;object-fit:contain;background:#000}@media(max-width:1100px){.watchLayout{grid-template-columns:1fr 320px}.watchSide{display:none}}@media(max-width:780px){.watchLayout{display:block;padding:8px}.chat{position:static;height:440px;margin-top:12px}.channelHead{grid-template-columns:48px 1fr}.channelAvatar{width:48px;height:48px}.channelHead .cta{grid-column:1/-1;width:100%}}

.settingsPage{max-width:1150px;margin:0 auto;padding:28px 18px}.settingsGrid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.settingsPage label{display:block;margin:14px 0;color:#aab4ae}.settingsPage input,.settingsPage textarea{display:block;width:100%;margin-top:7px;background:#090d0b;border:1px solid #2a352d;border-radius:9px;padding:11px;color:#fff}.dangerBtn{background:#32161a;color:#ff7a87;border:1px solid #6a2730;border-radius:9px;padding:11px 15px;font-weight:800}.noticeList{display:grid;gap:10px}.quickNav{display:flex;gap:12px;margin-left:auto}.quickNav a{color:#aab4ae}@media(max-width:760px){.settingsGrid{grid-template-columns:1fr}.quickNav{display:none}}