:root{--bg:#090b0f;--surface:#11141a;--surface-2:#171b22;--line:#242a34;--text:#f5f7fb;--muted:#8992a3;--accent:#f4e400;--accent-2:#fff36a;--danger:#ff4057;--radius:14px;--shadow:0 20px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#222919 0,transparent 34%),var(--bg);color:var(--text);font:15px/1.5 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(9,11,15,.88);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.header-inner{width:min(1280px,94%);min-height:72px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:#0b0d10;border-radius:11px 11px 11px 3px;font-size:13px;font-weight:900;box-shadow:0 0 25px #f4e40028}.brand-name{font-size:22px;font-weight:800;letter-spacing:-1px}.brand-name b{color:var(--accent);font-weight:900}.search{display:flex;flex:1;max-width:620px;margin:auto;background:#151920;border:1px solid #282e39;border-radius:12px;overflow:hidden;transition:.2s}.search:focus-within{border-color:#535b6b;box-shadow:0 0 0 4px #ffffff08}.search input{width:100%;padding:12px 15px;border:0;outline:0;background:transparent;color:#fff}.search button{width:50px;border:0;background:transparent;color:var(--accent);font-size:25px;cursor:pointer}.adult-badge{padding:5px 9px;border:1px solid #3b424f;border-radius:7px;color:#c7ccd5;font-size:12px;font-weight:800}.container{width:min(1280px,94%);margin:24px auto}.ad{display:block;margin:15px auto;text-align:center}.ad small{display:block;margin-bottom:4px;color:#555e6c;font-size:9px;letter-spacing:1.5px}.ad img{display:block;max-height:140px;margin:auto;border-radius:8px;object-fit:contain}.hero{position:relative;min-height:470px;margin:18px 0 42px;overflow:hidden;border:1px solid #2a2e2a;border-radius:22px;box-shadow:var(--shadow);isolation:isolate}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.96) 0%,rgba(5,7,9,.73) 43%,rgba(5,7,9,.08) 78%),linear-gradient(0deg,rgba(5,7,9,.8),transparent 50%)}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(610px,90%);min-height:470px;padding:55px}.eyebrow,.kicker{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:2px}.hero h1{max-width:570px;margin:12px 0;font-size:clamp(35px,5vw,64px);line-height:1.03;letter-spacing:-2.7px}.hero-copy>p{max-width:540px;color:#bec4cf;font-size:16px}.hero-meta{display:flex;align-items:center;gap:9px;color:#8f98a8;font-size:13px}.hero-meta i{width:4px;height:4px;background:var(--accent);border-radius:50%}.watch-button{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:13px 19px;background:var(--accent);color:#0c0e11;border-radius:10px;font-weight:850;box-shadow:0 10px 30px #f4e4001f;transition:.2s}.watch-button:hover{transform:translateY(-2px);background:var(--accent-2)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 16px}.section-head h2{margin:4px 0 0;font-size:25px;letter-spacing:-.8px}.section-head>span{color:var(--muted);font-size:12px}.category-section{margin-bottom:38px}.category-rail{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;overflow:auto;padding:2px 0 8px}.category-card{position:relative;display:flex;flex-direction:column;min-height:125px;padding:17px;overflow:hidden;background:linear-gradient(145deg,#171b22,#11141a);border:1px solid var(--line);border-radius:14px;transition:.2s}.category-card:after{content:"";position:absolute;right:-20px;bottom:-35px;width:90px;height:90px;background:var(--tone,#f4e400);filter:blur(35px);opacity:.12}.category-card:hover{transform:translateY(-3px);border-color:#3b4350}.category-card.all{--tone:#f4e400}.tone-0{--tone:#ff4c6a}.tone-1{--tone:#7d6bff}.tone-2{--tone:#19d3ae}.tone-3{--tone:#ff9f43}.tone-4{--tone:#34a9ff}.category-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:18px;background:color-mix(in srgb,var(--tone) 18%,#171b22);border:1px solid color-mix(in srgb,var(--tone) 32%,#222);border-radius:10px;color:var(--tone);font-weight:900}.category-card strong{font-size:13px}.category-card small{margin-top:2px;color:var(--muted);font-size:11px}.feed{margin-top:20px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.video-card{min-width:0}.poster{position:relative;aspect-ratio:16/9;overflow:hidden;background:#14171c;border:1px solid #252a33;border-radius:13px}.poster img{width:100%;height:100%;object-fit:cover;transition:.35s}.poster-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 55%);opacity:0;transition:.25s}.video-card:hover .poster img{transform:scale(1.035)}.video-card:hover .poster-overlay{opacity:1}.card-play{display:grid;place-items:center;width:52px;height:52px;padding-left:3px;background:var(--accent);color:#090b0f;border-radius:50%;box-shadow:0 8px 30px #0008}.featured{position:absolute;top:10px;left:10px;padding:5px 8px;background:var(--accent);color:#0b0d10;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:.6px}.card-copy{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:12px 3px}.avatar{display:grid;place-items:center;width:38px;height:38px;background:#242a33;color:var(--accent);border:1px solid #343c49;border-radius:10px;font-size:10px;font-weight:900}.card-copy h3{display:-webkit-box;overflow:hidden;margin:0 0 4px;font-size:14px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-copy p,.card-copy small,.related p,.related small{display:block;margin:0;color:var(--muted);font-size:11px}.empty{padding:70px 20px;text-align:center;background:var(--surface);border:1px dashed #303744;border-radius:16px}.empty>span{font-size:35px;color:var(--accent)}.empty h3{margin:8px 0}.empty p{color:var(--muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:38px 0}.pagination a,.pagination span{padding:9px 14px;border:1px solid var(--line);border-radius:8px;font-size:12px}.pagination a{background:var(--surface-2)}footer{margin-top:60px;padding:32px 0;background:#07080b;border-top:1px solid #1c2027;color:var(--muted)}.footer-inner{width:min(1280px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{font-size:12px}.watch-container{max-width:1380px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:25px}.player-shell{padding:5px;background:linear-gradient(145deg,#272c35,#12151a);border:1px solid #303641;border-radius:16px;box-shadow:var(--shadow)}.player{aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:11px}.player video,.player iframe{display:block;width:100%;height:100%;border:0}.detail{margin-top:15px;padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.detail-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.detail h1{max-width:790px;margin:5px 0 0;font-size:clamp(22px,3vw,32px);line-height:1.18;letter-spacing:-1px}.views{min-width:95px;text-align:right;font-size:22px;font-weight:800}.views small{display:block;color:var(--muted);font-size:10px;font-weight:600;text-transform:uppercase}.publisher{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.avatar.large{width:43px;height:43px}.publisher div{display:grid}.publisher small{color:var(--muted);font-size:10px}.publisher time{margin-left:auto;color:var(--muted);font-size:11px}.description{margin-top:20px;padding:17px;background:#0d1015;border-radius:10px}.description h2{margin:0 0 7px;font-size:13px}.description p{margin:0;color:#aab1be;font-size:13px}.section-head.compact{margin-top:3px}.recommendations{min-width:0}.related{display:grid;gap:13px}.related>a{display:grid;grid-template-columns:145px 1fr;gap:11px;min-width:0}.related-poster{position:relative;height:86px;overflow:hidden;background:#16191e;border:1px solid #262c35;border-radius:9px}.related-poster img{width:100%;height:100%;object-fit:cover}.related-poster span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 2px 8px #000}.related h3{display:-webkit-box;overflow:hidden;margin:3px 0 7px;font-size:12px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-width:1050px){.category-rail{grid-template-columns:repeat(4,minmax(150px,1fr))}.watch-layout{grid-template-columns:1fr}.related{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header-inner{gap:13px}.brand-name{display:none}.adult-badge{display:none}.hero{min-height:390px}.hero-copy{min-height:390px;padding:30px}.hero h1{font-size:38px}.category-rail{display:flex}.category-card{min-width:155px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.related{grid-template-columns:1fr}.footer-inner{display:grid}}@media(max-width:480px){.header-inner{width:95%;min-height:64px}.brand-mark{width:35px;height:35px}.search input{padding:10px;font-size:12px}.hero{min-height:350px;margin-top:10px}.hero-copy{min-height:350px;padding:24px}.hero h1{font-size:31px}.hero-copy>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-grid{grid-template-columns:1fr}.section-head h2{font-size:21px}.detail{padding:17px}.detail-top{display:block}.views{text-align:left;margin-top:15px}.related>a{grid-template-columns:130px 1fr}}
