:root{--bg:#080808;--panel:#111;--panel2:#171717;--text:#fff;--muted:#a4a4a4;--red:#e50914;--red2:#ff2b35;--line:#242424}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.topbar{height:74px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:0 4vw;background:linear-gradient(#050505,rgba(5,5,5,.72),transparent);gap:34px}.brand img{width:150px;height:54px;object-fit:contain}.topbar nav{display:flex;gap:26px}.topbar nav a,.back{color:#ccc;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:1.2px}.topbar nav a:hover,.topbar nav .active{color:#fff}.topbar nav .active:after{content:"";display:block;height:2px;background:var(--red);margin-top:7px}.top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.icon-btn,.profile-btn{background:transparent;border:0;color:#fff;cursor:pointer}.icon-btn{font-size:28px}.profile-btn{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#292929;border:1px solid #444}.hero{height:78vh;min-height:560px;position:relative;overflow:hidden}.hero-bg,.show-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);animation:slowzoom 12s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.82) 23%,rgba(7,7,7,.25) 62%,rgba(7,7,7,.1)),linear-gradient(0deg,#080808 0%,transparent 38%)}.hero-content,.show-info{position:absolute;left:7vw;bottom:16%;max-width:620px;z-index:2}.kicker{color:#ddd;font-size:11px;font-weight:900;letter-spacing:2px}.hero h1,.show-info h1{font-size:clamp(40px,6vw,82px);line-height:.95;margin:14px 0;text-transform:uppercase}.hero p,.show-info p{font-size:16px;color:#ddd;line-height:1.55;max-width:560px}.hero-buttons{display:flex;gap:12px;margin-top:25px}.btn{border:0;border-radius:4px;padding:13px 22px;font-weight:900;letter-spacing:.7px;text-decoration:none;cursor:pointer;display:inline-block}.red{background:var(--red);color:#fff}.red:hover{background:var(--red2);transform:translateY(-1px)}.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}.hero-nav{position:absolute;top:55%;z-index:4;border:0;background:rgba(0,0,0,.35);color:#fff;width:44px;height:70px;font-size:42px;cursor:pointer}.hero-nav.prev{left:0}.hero-nav.next{right:0}.hero-dots{position:absolute;bottom:25px;right:6vw;display:flex;gap:7px}.dot{width:28px;height:3px;border:0;background:#777;cursor:pointer}.dot.active{background:var(--red)}.section{padding:38px 5vw 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2,.section-head h3{margin:0;font-size:20px;letter-spacing:.7px}.section-head a{color:#bbb;text-decoration:none;font-size:11px;font-weight:900}.section-head a:hover{color:#fff}.rail{display:flex;gap:12px;overflow-x:auto;padding:4px 0 18px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.card{flex:0 0 220px;text-decoration:none;color:#fff;transition:transform .25s}.card:hover{transform:translateY(-5px)}.thumb{height:124px;border-radius:4px;overflow:hidden;position:relative;background:#161616}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.card b{display:block;font-size:13px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card small{display:block;color:#929292;margin-top:5px;font-size:11px}.card-badge{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.72);padding:5px 6px;border-radius:2px;font-size:9px;font-weight:900;z-index:2}.play{position:absolute;right:8px;bottom:8px;background:var(--red);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;opacity:0;transform:scale(.8);transition:.2s}.card:hover .play{opacity:1;transform:scale(1)}.poster-card{flex:0 0 155px;height:220px;position:relative;border-radius:4px;overflow:hidden;text-decoration:none}.poster-card img{width:100%;height:100%;object-fit:cover}.poster-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.9))}.poster-card span{position:absolute;bottom:12px;left:12px;z-index:2;font-size:10px;font-weight:900}.show-row{margin-bottom:12px}.empty-card,.login-note{padding:25px;background:#111;border:1px solid var(--line);color:#aaa;border-radius:5px}.search-overlay,.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:50;display:none;align-items:flex-start;justify-content:center;padding:9vh 5vw}.search-overlay.open,.modal.open{display:flex}.search-panel{width:min(850px,100%);background:#101010;border:1px solid #292929;padding:35px;border-radius:8px;position:relative}.search-panel h2{margin-top:0}.search-panel input{width:100%;padding:16px;background:#080808;border:1px solid #333;color:#fff;font-size:17px}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.result{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #222;text-decoration:none;color:#fff}.result img{width:80px;height:50px;object-fit:cover}.result span{font-weight:800}.result small{display:block;color:#888;margin-top:5px}.modal-card{background:#111;border:1px solid #292929;border-radius:8px;padding:32px;position:relative;max-width:500px;width:100%}.auth{text-align:center}footer{margin-top:80px;padding:35px 5vw;border-top:1px solid #1b1b1b;display:flex;align-items:center;gap:20px;color:#777;font-size:11px}footer img{width:120px;height:40px;object-fit:contain}.show-hero{height:67vh;min-height:500px;position:relative;overflow:hidden}.show-info{bottom:12%}.watch-page{padding:105px 5vw 70px;max-width:1250px;margin:auto}.watch-player{background:#000;aspect-ratio:16/9;display:grid;place-items:center;border:1px solid #222}.watch-player video{width:100%;height:100%;object-fit:contain}.player-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:#888}.player-empty div{font-size:50px;color:var(--red)}.watch-kicker{color:#999;font-size:11px;font-weight:900;letter-spacing:1.5px;margin-top:25px}.watch-page h1{font-size:34px;margin:9px 0}.watch-page>div>p{color:#bbb;line-height:1.6}.comments{margin-top:45px;border-top:1px solid #222;padding-top:28px}.comment-compose{display:flex;gap:10px;align-items:flex-start}.comment-compose textarea{flex:1;min-height:80px;background:#111;border:1px solid #333;color:#fff;padding:12px;resize:vertical}.comment{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #222}.comment p{margin:6px 0;color:#ddd}.comment small{color:#777}.simple-page{padding:125px 5vw}.show-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.big-show{height:320px;position:relative;overflow:hidden;border-radius:5px;text-decoration:none;color:#fff;background:#111}.big-show img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.big-show:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.95))}.big-show div{position:absolute;z-index:2;bottom:18px;left:18px}.big-show span{font-size:10px;color:#aaa}.big-show h2{font-size:20px}.big-show:hover img{transform:scale(1.06)}.live-page{padding:125px 5vw}.redtext{color:var(--red)}.live-card{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:25px}.live-screen,.chat{background:#111;border:1px solid #222;border-radius:5px;min-height:450px;padding:25px}.live-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.chat-empty{color:#777;padding-top:20px}@keyframes slowzoom{to{transform:scale(1.1)}}@media(max-width:800px){.topbar{padding:0 18px;height:65px}.brand img{width:120px}.topbar nav{gap:13px}.topbar nav a{font-size:10px}.top-actions{display:none}.hero{height:70vh;min-height:520px}.hero-content{left:6vw;bottom:13%;right:5vw}.hero h1{font-size:45px}.hero p{font-size:14px}.card{flex-basis:180px}.thumb{height:103px}.show-hero{height:60vh}.live-card{grid-template-columns:1fr}.live-screen,.chat{min-height:300px}footer{flex-direction:column;align-items:flex-start}}
/* V2 account, comments and motion */
*{box-sizing:border-box}button,a{transition:transform .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease}.btn:hover,.card:hover,.poster-card:hover{transform:translateY(-2px)}
.account-page{max-width:900px;margin:80px auto;padding:24px}.account-card{background:rgba(24,24,27,.9);border:1px solid #34343a;border-radius:24px;padding:42px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:fadeUp .45s ease}.account-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #e50914;margin-bottom:18px;background:#18181b}.account-avatar img{width:100%;height:100%;object-fit:cover}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.settings-grid label,.modal-card label{display:flex;flex-direction:column;gap:8px;font-weight:700}.settings-grid input,.modal-card input,.modal-card textarea,.modal-card select{background:#111114;color:#fff;border:1px solid #3b3b42;border-radius:12px;padding:13px}.field-help{color:#999}.good{color:#55d17a;margin-top:6px}.bad{color:#ff5b63;margin-top:6px}.account-actions{display:flex;gap:12px}.full{width:100%;justify-content:center;margin-top:12px}.mini-profile{text-align:center;margin-bottom:20px}.avatar.large{width:84px;height:84px;margin:0 auto 12px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.comment-actions{display:flex;gap:12px}.comment-actions button{background:none;border:0;color:#aaa;cursor:pointer}.comment-actions button.liked{color:#ff3945}.comment-actions button:hover{color:#fff}.upcoming-card{min-width:260px;background:#18181b;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.upcoming-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.upcoming-card b,.upcoming-card small{padding:10px 12px 0}.upcoming-card small{padding-bottom:12px;color:#aaa}.show-row{margin-bottom:44px}.show-row .rail{scrollbar-width:none}.show-row .rail::-webkit-scrollbar{display:none}@keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.account-page{margin:30px auto;padding:14px}.account-card{padding:25px}.account-actions{flex-direction:column}}
.settings-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;color:#ff3b46;margin-bottom:8px}.account-card h1{margin:0 0 8px}