:root { color-scheme:dark; --background:#121118;--night:#0A090E;--panel:#1C1A24;--pink:#FA3E6E;--peach:#FFA066;--hot:#FF2A6D;--text:#F4EFF5;--muted:#9A93A6;--line:rgba(255,255,255,.09);--radius:11px;--space:clamp(14px,2vw,30px);--sidebar-width:246px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif; }
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--background);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid var(--peach);outline-offset:3px}img,video{max-width:100%;display:block}img{object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.24;letter-spacing:-.025em}h1{font-size:clamp(29px,3.8vw,56px)}h2{font-size:clamp(19px,1.7vw,25px)}h3{font-size:18px}p{line-height:1.75}::selection{background:var(--pink);color:#fff}.skip-link{position:absolute;left:10px;top:-100px;z-index:100;background:var(--pink);color:white;padding:9px 16px}.skip-link:focus{top:10px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:var(--night);border-right:1px solid var(--line);padding:24px 17px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#39323f transparent;z-index:30}.logo{display:flex;align-items:center;gap:11px;margin-bottom:28px;padding:3px 4px}.logo img{width:45px;height:45px;object-fit:contain;border-radius:12px;background:linear-gradient(125deg,#33212c,#271c2b)}.logo span{display:flex;flex-direction:column;min-width:0}.logo strong{font-size:20px;line-height:1.18;letter-spacing:-.6px;font-weight:800}.logo small{font-size:10px;letter-spacing:.1px;margin-top:5px;color:var(--muted);white-space:nowrap}.nav-caption{font-size:11px;font-weight:800;letter-spacing:.12em;color:#746e7d;margin:7px 14px 11px;text-transform:uppercase}.side-nav{display:grid;gap:5px;margin-bottom:28px}.side-nav a{padding:11px 13px;border-radius:10px;color:#bcb5c4;display:flex;gap:15px;align-items:center;font-size:15px;font-weight:700;transition:background .18s,color .18s,transform .18s}.side-nav a::first-letter{color:var(--pink)}.side-nav a:hover,.side-nav a[aria-current="page"]{background:linear-gradient(90deg,rgba(250,62,110,.23),rgba(250,62,110,.03));color:#fff}.side-nav a[aria-current="page"]{box-shadow:inset 3px 0 var(--pink)}.side-nav a:hover{transform:translateX(2px)}.topic-nav{display:grid;gap:0;margin-bottom:24px}.topic-nav a{padding:8px 16px;color:var(--muted);font-size:13px;border-radius:8px;transition:color .16s,background .16s}.topic-nav a:hover{color:white;background:rgba(255,255,255,.05)}.side-note{font-size:11px;line-height:1.5;padding:13px 11px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02);color:var(--muted);margin-top:auto;display:flex;align-items:center;gap:7px}.status-dot{display:inline-block;width:7px;height:7px;background:#ff7396;border-radius:99px;box-shadow:0 0 0 4px rgba(250,62,110,.13),0 0 9px rgba(250,62,110,.3);flex:0 0 auto}.content-shell{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;z-index:25;top:0;min-height:69px;background:rgba(18,17,24,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:flex-end;padding:12px var(--space)}.search{display:flex;align-items:center;background:#24212c;border:1px solid rgba(255,255,255,.08);border-radius:9px;overflow:hidden;min-height:40px;width:min(420px,45vw);margin-right:auto}.search:focus-within{border-color:rgba(250,62,110,.65);box-shadow:0 0 0 3px rgba(250,62,110,.09)}.search input{border:0;background:transparent;outline:0;color:white;padding:8px 13px;flex:1;width:40px;min-width:0}.search input::placeholder{color:#817987}.search button{border:0;background:#302835;color:#e8dce7;padding:10px 16px;transition:background .2s}.search button:hover{background:#44323e}.top-link{font-size:13px;font-weight:700;white-space:nowrap;color:#d6cfda}.top-link span{color:var(--pink);margin-left:4px}.top-brand{display:none;font-size:20px;font-weight:850}.top-brand span{color:var(--pink)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#29252f;color:white;padding:8px 12px}.content-shell main{padding:25px var(--space) 55px;flex:1;min-height:65vh}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;color:#c9bfcb;display:flex;align-items:center;gap:12px;padding:3px 0 16px}.eyebrow .divider{width:22px;height:1px;background:#6c5262}.home-feature{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(245px,1fr);gap:14px;align-items:stretch}.hero-feature{min-height:410px;position:relative;overflow:hidden;background:#261e28;border:1px solid var(--line);border-radius:12px;isolation:isolate}.hero-feature>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(1.04)}.hero-feature:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(10,9,14,.94) 0%,rgba(10,9,14,.72) 40%,rgba(10,9,14,.13) 100%),linear-gradient(0deg,rgba(10,9,14,.48),transparent 50%)}.hero-overlay{position:relative;z-index:1;padding:clamp(25px,4.6vw,69px) clamp(25px,4vw,59px);max-width:720px;min-height:410px;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:0 10px}.hero-label{width:100%;font-size:11px;letter-spacing:.19em;font-weight:850;color:#ffb2c6;margin:0 0 13px}.hero-overlay h1{width:100%;margin-bottom:18px;font-weight:900;text-shadow:0 5px 18px rgba(0,0,0,.25)}.hero-overlay em{font-style:normal;color:var(--peach)}.hero-overlay>p:not(.hero-label){width:100%;font-size:14px;line-height:1.9;max-width:440px;color:#ece2e9;margin-bottom:25px}.button{min-height:39px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-size:13px;font-weight:800;line-height:1.25;border:1px solid transparent;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--pink);color:#fff;box-shadow:0 10px 28px rgba(250,62,110,.22)}.button.primary:hover{background:var(--hot);box-shadow:0 12px 30px rgba(250,62,110,.35)}.button.ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.25);color:white;backdrop-filter:blur(3px)}.button.ghost:hover{background:rgba(255,255,255,.16)}.hero-side{background:linear-gradient(160deg,#25212c,#19171f 80%);border-radius:11px;border:1px solid var(--line);padding:14px 13px;display:flex;flex-direction:column;gap:12px;min-width:0}.hero-side h2{font-size:15px;margin:3px 2px 2px;letter-spacing:0}.teaser{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;border:1px solid transparent;border-radius:8px;padding:5px;transition:background .2s,border-color .2s}.teaser:hover{border-color:var(--line);background:#2b2530}.teaser img{aspect-ratio:1.45;width:100%;border-radius:7px}.teaser span{min-width:0}.teaser b{display:block;font-size:12px;line-height:1.55;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teaser small,.creator{display:block;color:var(--muted);font-size:11px;margin-top:5px}.side-highlight{margin-top:auto;position:relative;border-radius:9px;padding:16px 15px;background:linear-gradient(128deg,rgba(250,62,110,.2),rgba(255,160,102,.06));border:1px solid rgba(250,62,110,.18)}.side-highlight>span{display:block;font-size:10px;letter-spacing:.07em;color:#ff9db8;font-weight:850}.side-highlight strong{font-size:13px;display:block;line-height:1.6;margin-top:6px}.side-highlight a{display:inline-block;margin-top:12px;font-size:12px;color:#ffc0cf;font-weight:800}.side-highlight a:hover{text-decoration:underline}.shelf{margin-top:35px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}.section-head .kicker,.kicker{font-size:10px;font-weight:850;letter-spacing:.14em;color:#e184a0}.section-head h2{font-size:21px;margin:3px 0 0}.section-head>a,.side-head>a{font-size:12px;color:#b1a9b7;white-space:nowrap}.section-head>a:hover,.side-head>a:hover{color:var(--peach)}.horizontal-rail{display:flex;gap:10px;overflow:auto;padding-bottom:11px;scrollbar-width:thin;scrollbar-color:#5c3748 #201b24;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.horizontal-rail>.video-card{flex:0 0 clamp(210px,24vw,320px);scroll-snap-align:start}.video-card{min-width:0;border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}.video-card:hover{border-color:rgba(250,62,110,.55);box-shadow:0 7px 29px rgba(0,0,0,.29),0 0 17px rgba(250,62,110,.09);transform:translateY(-2px)}.video-card .cover{display:block;position:relative;aspect-ratio:16/10;background:linear-gradient(130deg,#382a38,#201c24);overflow:hidden}.video-card .cover>img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}.video-card:hover .cover>img{transform:scale(1.055);filter:saturate(1.15)}.video-card .cover:after{content:"";position:absolute;inset:30% 0 0;pointer-events:none;background:linear-gradient(0deg,rgba(8,6,10,.54),transparent)}.duration{position:absolute;z-index:2;right:9px;bottom:8px;background:rgba(8,6,10,.82);color:#f8f3f7;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:750;letter-spacing:.03em}.badge{position:absolute;z-index:2;left:9px;top:8px;color:#fff;background:rgba(250,62,110,.91);padding:3px 7px;border-radius:4px;font-size:10px;font-weight:800;box-shadow:0 1px 9px rgba(0,0,0,.25)}.cover-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-45%) scale(.9);background:rgba(250,62,110,.91);backdrop-filter:blur(6px);box-shadow:0 0 0 6px rgba(255,255,255,.12);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:white;opacity:0;transition:opacity .18s,transform .18s}.video-card:hover .cover-play,.video-card:focus-within .cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-meta{padding:10px 11px 12px}.card-title{display:block;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title:hover{color:#ffb0c5}.creator{margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid{display:grid;gap:10px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-strip{margin-top:32px;border:1px solid rgba(250,62,110,.18);border-radius:11px;padding:19px 23px;background:radial-gradient(ellipse at 0% 0%,rgba(250,62,110,.17),transparent 45%),linear-gradient(110deg,#231d28,#19171e);display:flex;align-items:center;justify-content:space-between;gap:18px}.watch-strip>div{display:grid;grid-template-columns:20px 1fr;gap:0 12px}.strip-mark{grid-row:span 2;align-self:start;color:var(--pink);font-size:20px}.watch-strip strong{font-size:16px}.watch-strip p{font-size:12px;color:#bcb3c0;margin:4px 0 0;max-width:650px}.strip-cta{background:#4d293a;color:#ffdce5;border-color:#a23a5b}.strip-cta:hover{background:#713148;color:white}.page-intro{padding:12px 0 23px}.page-intro h1{font-size:clamp(27px,3vw,40px);margin:9px 0 12px;font-weight:880}.page-intro p{font-size:14px;max-width:760px;margin:0;color:#b3aab8}.filter-bar{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding:10px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.filter-scroll{display:flex;align-items:center;gap:7px;min-width:0;overflow:auto;scrollbar-width:none;white-space:nowrap}.filter-scroll::-webkit-scrollbar{display:none}.filter-pill{padding:7px 12px;background:#27232f;color:#b5aaba;border-radius:7px;font-size:12px;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.filter-pill:hover{border-color:#56444e;background:#342b37}.filter-pill.selected{background:#542639;color:#fff;border-color:rgba(250,62,110,.4)}.free-switch{white-space:nowrap;font-size:12px;font-weight:800;padding:8px 11px;border-radius:8px;color:#ffadbd;background:rgba(250,62,110,.09);border:1px solid rgba(250,62,110,.21)}.free-switch.selected{background:var(--pink);color:white}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:14px}.results-heading h2{font-size:19px;margin:0}.results-heading span{color:var(--muted);font-size:12px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rights-box{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;margin-top:40px;padding:27px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(105deg,#211d27,#19171e)}.rights-box h2{font-size:21px;margin:9px 0}.rights-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rights-content p{color:#bab1c0;font-size:12px;line-height:1.85;margin:0}.empty{padding:60px 25px;background:#1d1a23;border:1px solid var(--line);border-radius:10px;text-align:center}.empty h2{font-size:20px}.empty p{color:var(--muted)}.breadcrumbs{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:12px;color:#928b9b;margin:5px 0 20px}.breadcrumbs a:hover{color:var(--peach)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.detail-main{min-width:0}.player-box{width:100%;aspect-ratio:16/9;background:var(--night);overflow:hidden;border-radius:11px;border:1px solid var(--line)}.player-box video{width:100%;height:100%;object-fit:contain;background:#050507}.video-unavailable{width:100%;height:100%;position:relative;isolation:isolate}.video-unavailable>img{width:100%;height:100%;filter:brightness(.55) saturate(.77)}.video-unavailable::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(14,10,16,.35),rgba(12,10,14,.75));z-index:0}.unavailable-info{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;gap:7px}.unavailable-info strong{font-size:17px;font-weight:850}.unavailable-info small{font-size:11px;color:#d3c8d4}.circle-icon{width:50px;height:50px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;color:#fff;margin-bottom:9px;background:rgba(250,62,110,.27)}.detail-heading{padding:23px 1px 21px;border-bottom:1px solid var(--line)}.detail-heading h1{font-size:clamp(24px,2.9vw,36px);margin:8px 0 12px}.detail-heading p{font-size:14px;line-height:1.9;color:#bdb3c2;max-width:750px;margin:0 0 16px}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;color:#aea3b3}.chip{font-size:11px;border-radius:5px;background:#47283a;color:#ffabc0;padding:5px 9px;font-weight:700}.story-section{padding:26px 0}.story-section h2{font-size:21px}.story-section p{font-size:14px;line-height:2;color:#c7bfcc}.story-section .topic-summary{font-size:12px;color:#aaa2b0}.detail-side{padding:10px 0}.side-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}.side-head h2{margin:0;font-size:16px}.recommendations{display:grid;gap:5px;margin-top:11px}.recommend{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;padding:6px;border-radius:8px;transition:background .17s}.recommend:hover{background:#28232f}.recommend img{width:112px;aspect-ratio:1.5;border-radius:5px}.recommend span{min-width:0}.recommend strong{font-size:12px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.recommend small{color:var(--muted);display:block;font-size:10px;margin-top:6px}.tip-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:15px;margin-top:24px}.tip-card strong{font-size:13px}.tip-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:7px 0 0}.error-page{text-align:center;padding:90px 25px}.error-code{display:block;font-size:clamp(90px,12vw,170px);line-height:1.2;font-weight:900;color:#422633;letter-spacing:-.08em;text-shadow:0 0 75px rgba(250,62,110,.1)}.error-page h1{font-size:clamp(23px,3vw,36px);margin:8px 0 15px}.error-page p{color:var(--muted);margin-bottom:25px}.error-page .button{margin:4px}.footer{border-top:1px solid var(--line);background:#0e0d12;color:#aba3b3;padding:24px var(--space) 30px;display:grid;grid-template-columns:1fr auto;gap:14px 20px;font-size:12px}.footer strong{font-size:16px;color:white}.footer p{font-size:11px;margin:4px 0 0;line-height:1.6}.footer nav{display:flex;gap:20px}.footer nav a:hover{color:var(--peach)}.footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.04);padding-top:13px;font-size:10px;color:#6f6875}
@media(max-width:1450px){.home-feature{grid-template-columns:minmax(0,2fr) minmax(245px,1fr)}.hero-feature,.hero-overlay{min-height:365px}.hero-overlay{padding:27px}.hero-overlay h1{font-size:42px}.teaser{grid-template-columns:90px minmax(0,1fr)}.teaser img{height:65px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rights-box{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:1130px){:root{--sidebar-width:204px;--space:19px}.sidebar{padding:19px 12px}.logo{gap:7px}.logo strong{font-size:17px}.logo small{font-size:9px}.home-feature{grid-template-columns:minmax(0,1fr) 235px}.hero-feature,.hero-overlay{min-height:365px}.hero-overlay h1{font-size:35px}.hero-overlay>p:not(.hero-label){font-size:12px}.teaser{grid-template-columns:70px minmax(0,1fr);gap:8px}.teaser img{height:60px}.hero-side{gap:6px}.side-highlight{padding:12px}.side-highlight strong{font-size:12px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr) 240px;gap:13px}.recommend{grid-template-columns:85px minmax(0,1fr)}.recommend img{width:85px}.rights-box{display:block}.rights-content{margin-top:15px}}
@media(max-width:850px){:root{--space:16px}.site-shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-105%);transition:transform .24s ease;width:min(300px,85vw);height:100dvh;box-shadow:20px 0 35px rgba(0,0,0,.2);z-index:50}.sidebar.is-open{transform:translateX(0);box-shadow:80px 0 0 100vw rgba(0,0,0,.65)}.content-shell{min-width:0}.topbar{gap:13px;padding:11px 16px}.top-brand,.menu-toggle{display:inline-flex;align-items:center}.topbar .search{margin-left:auto;margin-right:0;width:min(350px,45vw)}.top-link{display:none}.content-shell main{padding-top:19px}.home-feature{grid-template-columns:minmax(0,1.8fr) minmax(200px,1fr)}.hero-feature,.hero-overlay{min-height:360px}.hero-overlay h1{font-size:36px}.teaser{grid-template-columns:75px minmax(0,1fr)}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-side{margin-top:5px}.recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.rights-content{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:630px){.topbar{flex-wrap:wrap;justify-content:space-between;min-height:60px;gap:8px}.topbar .search{order:3;width:100%;flex-basis:100%}.content-shell main{padding:15px 13px 35px}.eyebrow{font-size:9px;letter-spacing:.03em}.home-feature{grid-template-columns:minmax(0,1fr)}.hero-feature,.hero-overlay{min-height:365px}.hero-feature>img{object-position:center}.hero-feature:after{background:linear-gradient(90deg,rgba(10,9,14,.92),rgba(10,9,14,.39)),linear-gradient(0deg,rgba(10,9,14,.8),transparent)}.hero-overlay{padding:27px 23px}.hero-overlay h1{font-size:36px}.hero-overlay>p:not(.hero-label){font-size:13px}.hero-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-side h2{grid-column:1/-1;font-size:14px}.teaser{display:block;padding:3px}.teaser img{height:auto;aspect-ratio:1.6}.teaser b{font-size:11px;margin-top:7px}.teaser small{font-size:9px}.side-highlight{grid-column:1/-1}.side-highlight strong{font-size:13px}.shelf{margin-top:25px}.section-head{align-items:start}.section-head h2{font-size:19px}.section-head>a{font-size:11px;margin-top:18px}.horizontal-rail>.video-card{flex-basis:235px}.cards-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-card .cover{aspect-ratio:1.36}.video-card .cover-play{display:none}.video-card .card-meta{padding:9px 8px}.video-card .card-title{font-size:12px}.creator{font-size:10px}.badge{font-size:9px;top:5px;left:5px}.duration{font-size:9px;right:5px;bottom:5px}.watch-strip{align-items:stretch;flex-direction:column;padding:16px}.watch-strip strong{font-size:14px}.watch-strip p{font-size:11px}.watch-strip .button{align-self:flex-start}.page-intro{padding:14px 0 15px}.page-intro h1{font-size:26px}.page-intro p{font-size:12px}.filter-bar{flex-direction:column;align-items:stretch;gap:9px;padding:9px 0}.filter-scroll{width:100%}.free-switch{align-self:flex-start}.rights-box{padding:19px;margin-top:27px}.rights-content{grid-template-columns:1fr;gap:12px}.rights-content p{font-size:12px}.detail-heading{padding:19px 0}.detail-heading p{font-size:13px}.player-box{border-radius:8px}.unavailable-info strong{font-size:14px}.unavailable-info small{font-size:10px}.circle-icon{width:38px;height:38px}.recommendations{grid-template-columns:1fr}.recommend{grid-template-columns:110px minmax(0,1fr)}.recommend img{width:110px}.footer{padding:23px 14px;grid-template-columns:1fr}.footer nav{flex-wrap:wrap;gap:15px}.footer small{grid-column:1}}
@media(max-width:370px){.hero-overlay h1{font-size:31px}.hero-overlay .button{font-size:11px;padding:10px}.hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}.teaser:last-of-type{display:none}.cards-grid,.library-grid{grid-template-columns:1fr 1fr}.video-card .cover{aspect-ratio:1.22}.card-title{font-size:11px}.section-head h2{font-size:17px}.search button{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{html,body{background:white;color:black}.sidebar,.topbar,.footer,.cover-play,.filter-bar,.button{display:none!important}.site-shell{display:block}.content-shell main{padding:0}.hero-feature{min-height:220px}.hero-overlay{min-height:220px}.hero-feature:after{background:rgba(0,0,0,.6)}.video-card{break-inside:avoid}.page-intro p,.creator{color:#444}}