:root{--bg:#07090D;--surface:#11151C;--surface2:#181E27;--accent:#09AEEA;--text:#fff;--soft:#9DA7B5;--red:#E53935;--border:#252d39}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;min-height:100%}body{min-height:100vh}.hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#0c1016;border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;padding:8px 8px 26px}.brand img{width:172px;height:auto;max-height:40px;object-fit:contain;object-position:left center}.sidebar nav{display:grid;gap:5px}.navbtn{border:0;background:transparent;color:#cfd6df;padding:12px 14px;border-radius:12px;text-align:left;font-weight:700;cursor:pointer;font-size:14px}.navbtn:hover,.navbtn.on{background:var(--surface2);color:#fff}.navbtn.on{box-shadow:inset 3px 0 var(--accent)}.side-bottom{margin-top:auto}.ghost,.linkbtn{border:1px solid var(--border);background:transparent;color:#dbe3ec;padding:11px 14px;border-radius:11px;cursor:pointer}.content{min-width:0;padding:28px 32px 90px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.top h1{margin:0;font-size:29px}.muted{color:var(--soft)}.userbox{background:var(--surface);border:1px solid var(--border);padding:9px 13px;border-radius:12px;color:#dfe7ef}.hero{position:relative;overflow:hidden;border-radius:22px;background:var(--surface);min-height:330px;border:1px solid var(--border);display:flex;align-items:flex-end;padding:30px;margin-bottom:28px}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(7,9,13,.94))}.hero-body{position:relative;z-index:1;max-width:650px}.hero h2{font-size:34px;margin:0 0 8px}.hero p{color:#d7dce3;line-height:1.5}.primary{border:0;border-radius:12px;background:var(--accent);color:#00151f;font-weight:900;padding:12px 16px;cursor:pointer}.primary.small{padding:9px 12px}.primary.wide{min-width:240px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:24px 0 12px}.section-title h2{margin:0;font-size:20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:.18s transform,.18s border-color}.card:hover{transform:translateY(-2px);border-color:#344252}.thumb{position:relative;background:#050608;aspect-ratio:16/9;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .play{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;text-shadow:0 4px 20px #000}.badge{position:absolute;left:9px;top:9px;background:var(--red);border-radius:8px;padding:4px 7px;font-size:10px;font-weight:900}.card-body{padding:12px}.card-title{font-weight:800;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-sub{color:var(--soft);font-size:12px;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,280px);gap:14px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.rail::-webkit-scrollbar{display:none;width:0;height:0}.searchbar,.top-toolbar{display:flex;gap:10px;margin-bottom:20px}.searchbar input,.form-card input,.form-card select,.top-toolbar select{width:100%;background:#0d1218;color:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 13px}.searchbar button{min-width:110px}.top-toolbar{max-width:420px}.top-toolbar select{appearance:none;background:#0d1218;color:#fff;padding-right:42px}.top-toolbar select option{background:#11151c;color:#fff}.category{margin-bottom:28px}.empty{background:var(--surface);border:1px dashed #333d49;color:var(--soft);border-radius:16px;padding:28px;text-align:center}.packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.package{position:relative;background:linear-gradient(180deg,#141a22,#10151c);border:1px solid var(--border);border-radius:20px;padding:22px;min-width:0}.package.featured{border-color:rgba(9,174,234,.75);box-shadow:0 0 0 1px rgba(9,174,234,.12),0 18px 50px rgba(9,174,234,.08)}.popular-tag{position:absolute;right:14px;top:14px;font-size:10px;background:var(--accent);color:#00151f;border-radius:20px;padding:5px 9px;font-weight:900}.package h3{margin:0 0 20px}.price{font-size:36px;font-weight:950;color:var(--accent)}.price span{font-size:20px}.duration{color:var(--soft);min-height:22px}.pay-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.paybtn{border:1px solid var(--border);background:#0b1016;color:#fff;border-radius:12px;padding:11px 10px;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;font-weight:800}.paybtn:hover{border-color:var(--accent);background:#101923}.paybtn b{color:var(--accent);font-size:16px}.premium-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;background:radial-gradient(circle at 90% 0,rgba(9,174,234,.18),transparent 34%),linear-gradient(180deg,#121820,#0f141b);border:1px solid var(--border);border-radius:22px;margin-bottom:22px}.premium-head h2{font-size:34px;margin:7px 0}.premium-head p{color:var(--soft);margin:0}.premium-kicker{font-size:12px;font-weight:900;letter-spacing:.12em}.premium-kicker span{color:var(--accent)}.premium-shield{font-size:48px;color:var(--accent);filter:drop-shadow(0 0 20px rgba(9,174,234,.45))}.payment-result{margin-top:20px;background:#101720;border:1px solid #284151;border-radius:18px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:18px}.payment-ok{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(9,174,234,.15);color:var(--accent);font-size:24px}.payment-result h3{margin:0 0 4px}.pay-row{margin-top:15px;padding:12px 0;border-top:1px solid var(--border);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pay-row span{color:var(--soft);min-width:70px}.pay-row code{word-break:break-all;flex:1;background:#080b10;border-radius:10px;padding:10px;color:#d9f5ff}.instruction{line-height:1.5}.smalltext{font-size:12px}.auth-shell{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}.auth-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auth-shade{position:absolute;inset:0;background:rgba(4,6,10,.76);backdrop-filter:blur(2px)}.auth-card{position:relative;width:min(390px,calc(100% - 32px));background:rgba(17,21,28,.95);border:1px solid #2a3441;border-radius:22px;padding:28px;box-shadow:0 26px 80px rgba(0,0,0,.55)}.auth-logo{width:230px;height:auto;display:block;margin:0 auto 12px}.auth-card p{text-align:center;color:var(--soft)}.auth-card input{width:100%;padding:13px;background:#0a0d12;color:#fff;border:1px solid #2b3440;border-radius:12px;margin:6px 0}.auth-card .primary,.auth-card .linkbtn{width:100%;margin-top:10px}.error{color:#ff7f8d;font-size:13px;margin-top:10px;min-height:20px}.player-modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:50;display:grid;place-items:center;padding:22px}.player-wrap{width:min(1100px,100%);background:#090c11;border:1px solid #27313c;border-radius:18px;overflow:hidden;position:relative}.player-wrap video{width:100%;max-height:72vh;background:#000;display:block}.player-close{position:absolute;z-index:3;right:12px;top:12px;border:0;border-radius:50%;width:38px;height:38px;background:rgba(0,0,0,.72);color:#fff;cursor:pointer}.player-meta{padding:16px}.player-meta h2{margin:0 0 8px}.player-meta p{color:var(--soft)}.mobile-nav{display:none}.premiere{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:24px;align-items:stretch}.premiere-cover{position:relative;aspect-ratio:16/9;background:#050608;border:1px solid var(--border);border-radius:22px;overflow:hidden}.premiere-cover img{width:100%;height:100%;object-fit:cover}.premiere-pill{position:absolute;left:16px;top:16px;background:var(--red);font-size:11px;font-weight:950;padding:7px 10px;border-radius:9px}.premiere-copy{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:center}.premiere-copy h2{font-size:28px;margin:0 0 12px}.premiere-copy p{color:var(--soft);line-height:1.5}.countdown{font-size:40px;font-weight:950;color:var(--accent);letter-spacing:.03em;margin:22px 0}.paywall{max-width:680px;margin:80px auto;background:radial-gradient(circle at 50% 0,rgba(9,174,234,.16),transparent 40%),var(--surface);border:1px solid var(--border);border-radius:24px;padding:46px;text-align:center}.lock-icon{font-size:42px}.paywall h2{font-size:32px;margin:14px 0 8px}.paywall p{color:var(--soft);line-height:1.5;margin:0 0 24px}
@media(max-width:1200px){.packages{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.premiere{grid-template-columns:1fr}.premiere-copy{padding:22px}}@media(max-width:820px){.app{display:block}.sidebar{display:none}.content{padding:18px 14px 88px}.top h1{font-size:25px}.userbox{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero{min-height:260px;padding:20px}.hero h2{font-size:27px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(12,16,22,.96);border-top:1px solid var(--border);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobile-nav .navbtn{font-size:11px;text-align:center;padding:9px 4px}.packages{grid-template-columns:1fr 1fr}.premium-head{padding:22px}.premium-head h2{font-size:28px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.packages{grid-template-columns:1fr}.card{display:grid;grid-template-columns:43% 1fr}.thumb{aspect-ratio:16/10}.rail .card{display:block}.top{margin-bottom:16px}.premium-shield{display:none}.payment-result{grid-template-columns:1fr}.pay-actions{grid-template-columns:1fr 1fr}.countdown{font-size:31px}}
.navbtn{display:flex;align-items:center;gap:11px}.nav-icon{width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 20px}.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navbtn.on .nav-icon{color:var(--accent)}
@media(max-width:820px){.mobile-nav .navbtn{display:grid;justify-items:center;gap:4px}.mobile-nav .nav-icon{width:19px;height:19px}.mobile-nav .nav-icon svg{width:18px;height:18px}}

/* V4 Android-matched payment flow */
.buy-access{width:100%;margin-top:18px}.payment-modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.method-sheet,.payment-sheet{position:relative;width:min(620px,96vw);max-height:92vh;overflow:auto;background:#11151c;border:1px solid #2b3440;border-radius:22px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.65)}.payment-sheet{width:min(720px,96vw)}.payment-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid #2b3440;background:#0b1016;color:#fff;font-size:17px;cursor:pointer}.method-sheet h2{margin:0 48px 5px 0}.method-list{display:grid;gap:11px;margin-top:18px}.method-choice{width:100%;border:1px solid #2a3441;border-radius:16px;background:#0d1218;color:#fff;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:13px 15px;text-align:left;cursor:pointer}.method-choice:hover{border-color:#09aeea;background:#101923}.method-choice img{width:44px;height:44px}.method-choice span{display:grid;gap:4px}.method-choice b{font-size:16px}.method-choice small{font-size:12px;color:#9da7b5}.method-choice strong{font-size:30px;color:#9da7b5}.method-loading{grid-column:1/-1;text-align:center;width:100%;padding:10px}.method-error{color:#ff8793;font-size:12px;margin:-5px 5px 5px}.payment-title{display:flex;align-items:center;gap:13px;padding-right:52px;margin-bottom:16px}.payment-title img{width:50px;height:50px}.payment-title h2{margin:0;font-size:23px}.payment-title p{margin:4px 0 0;color:#9da7b5;font-size:12px}.payment-box{background:#181e27;border:1px solid #27313d;border-radius:15px;padding:15px;margin-top:11px}.pay-label{font-size:12px;color:#9da7b5;margin-bottom:6px}.payment-value{font-size:25px;font-weight:900;word-break:break-all}.payment-value span{font-size:16px}.payment-address{display:block;background:#0b0f14;border-radius:10px;padding:12px;margin:7px 0 2px;color:#fff;word-break:break-all;white-space:normal;font-size:13px}.copy-pay{border:0;background:transparent;color:#09aeea;font-weight:800;padding:10px 0 2px;cursor:pointer}.payment-help{margin-top:11px;padding:15px;border-radius:15px;background:#101922;border:1px solid #27313d;color:#9da7b5;font-size:13px;line-height:1.55}.payment-help h3{margin:0 0 8px;color:#fff;font-size:15px}.payment-warning{margin-top:12px;color:#f2b84b;font-size:12px;line-height:1.45}.payment-status{margin-top:14px;padding-top:14px;border-top:1px solid #252d39;font-size:14px}.payment-status span{color:#9da7b5}.payment-sheet .smalltext{margin-top:10px;line-height:1.5}
/* V5 fast media previews */
.thumb .thumb-video{width:100%;height:100%;object-fit:cover;display:block;background:#050608;pointer-events:none}
.thumb img{background:#050608}
/* V6 instant navigation + queued thumbnails */
.route-skeleton{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;animation:v6fade .12s ease}.route-skeleton span{display:block;aspect-ratio:16/9;border-radius:16px;background:linear-gradient(100deg,#11151c 20%,#181e27 45%,#11151c 70%);background-size:220% 100%;animation:v6shimmer 1.1s linear infinite}.lazy-thumb{opacity:0;transition:opacity .18s ease}.lazy-thumb.loaded{opacity:1}.lazy-thumb.failed{opacity:0}.search-updating{opacity:.65;transition:opacity .12s}.searchbar #searchClear{min-width:78px}.thumb{contain:layout paint}.card{content-visibility:auto;contain-intrinsic-size:260px 220px}@keyframes v6shimmer{to{background-position:-220% 0}}@keyframes v6fade{from{opacity:.4}to{opacity:1}}@media(max-width:1100px){.route-skeleton{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.route-skeleton{grid-template-columns:repeat(2,1fr)}}
/* V7 streamed frame thumbnails */
.thumb-video{width:100%;height:100%;object-fit:cover;display:block;background:#050608;pointer-events:none}.thumb-video.failed{opacity:0}