@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#08090d;--panel:#14161c;--muted:#92959e;--accent:#bdff62}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f6;font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header{position:absolute;z-index:3;top:0;width:100%;padding:28px 4.5%;display:flex;align-items:center;justify-content:space-between}.brand{font:700 32px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:5px;letter-spacing:-2px}.brand span{font-size:14px;letter-spacing:2px}.brand i{font-style:normal;color:var(--accent);font-size:23px}nav{display:flex;background:#111217d9;border:1px solid #ffffff19;border-radius:40px;padding:5px;gap:3px;backdrop-filter:blur(20px)}nav button{border:0;background:none;padding:12px 23px;border-radius:30px;font-weight:600;color:#a5a6ad}nav .selected{background:#fff;color:#141519}#savedCount{font-size:10px;margin-left:4px}#searchToggle{font-size:22px;padding:5px 20px}.hero{height:790px;min-height:650px;position:relative;background-size:cover;background-position:center 35%;transition:background-image .4s}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 45%),linear-gradient(90deg,#08090df5 0%,#08090db8 35%,#08090d20 75%),linear-gradient(180deg,#08090d88,transparent 30%)}.hero-copy{position:absolute;left:4.5%;top:28%;max-width:610px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--accent)}.eyebrow span{color:#a5a7ae;margin-left:22px}h1{font:700 clamp(44px,5vw,76px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:24px 0}.hero-meta{display:flex;gap:15px;align-items:center;font-size:13px}.hero-meta b{color:var(--accent)}.hero-meta span+span{border-left:1px solid #ffffff40;padding-left:15px}.hero-copy p{color:#c1c3ca;font-size:15px;line-height:1.8;max-width:490px;margin:23px 0 28px}.hero-actions{display:flex;gap:10px;align-items:center}.primary,.secondary,.circle{border:0;padding:14px 25px;border-radius:30px;font-weight:700}.primary{background:var(--accent);color:#10150a}.secondary,.circle{background:#ffffff16;border:1px solid #ffffff25}.circle{padding:12px 18px}.hero-bottom{position:absolute;bottom:55px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;color:#a1a3aa;font-size:9px;letter-spacing:2px}#heroDots{display:flex;gap:8px}#heroDots button{border:0;border-radius:8px;width:8px;height:8px;padding:0;background:#ffffff45}#heroDots .active{width:28px;background:var(--accent)}.discovery{padding:5px 4.5% 35px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font:600 24px 'Space Grotesk',sans-serif;letter-spacing:-.7px}.section-top h2 span{color:var(--accent)}.muted{color:var(--muted);font-size:12px}.toolbar{display:flex;gap:24px;align-items:center;margin-top:12px}.search{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#14161c;border:1px solid #ffffff12;border-radius:9px;width:310px}.search>span{font-size:23px;color:var(--muted)}.search input{width:100%;border:0;background:none;color:white;outline:0;font-size:12px}#filters{display:flex;gap:7px;flex-wrap:wrap}#filters button{border:1px solid #ffffff18;background:none;color:#a9abb3;padding:10px 17px;border-radius:25px;font-size:12px}#filters .active{background:var(--accent);border-color:var(--accent);color:#15200a}.shelf{padding:0 4.5% 42px}.shelf-heading{display:flex;align-items:center;justify-content:space-between}.shelf-heading h2{font-size:22px}.shelf-heading small{color:var(--muted);font-size:11px}.cards{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px)/6);gap:20px;overflow-x:auto;padding:5px 0 16px;scrollbar-width:thin;scrollbar-color:#34363d transparent}.poster{position:relative;aspect-ratio:2/3;background:linear-gradient(130deg,#262b3b,#5a3e56);border-radius:10px;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.poster:hover img{transform:scale(1.06)}.poster-open{border:0;padding:0;width:100%;height:100%;background:none;display:block}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0005;font-size:35px;opacity:0;transition:.2s;pointer-events:none}.poster:hover .play-overlay{opacity:1}.badge{position:absolute;left:9px;top:9px;background:#0c0d13dd;border:1px solid #ffffff22;padding:5px 8px;border-radius:5px;font-size:9px;pointer-events:none}.save{position:absolute;right:8px;bottom:9px;border:1px solid #ffffff40;background:#14151bbd;backdrop-filter:blur(10px);width:30px;height:30px;border-radius:50%;font-size:18px}.save.saved{background:var(--accent);color:#101508}.card h3{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:13px 0 7px}.card-meta{display:flex;justify-content:space-between;color:#999ca7;font-size:11px}.card-meta b{color:var(--accent);font-weight:500}.closing{margin:15px 4.5% 50px;padding:40px;text-align:center;border:1px solid #ffffff12;border-radius:15px;background:radial-gradient(ellipse at top,#bdff6210,transparent 70%)}.closing>span{font-size:9px;letter-spacing:3px;color:var(--accent)}.closing h2{font-size:30px}.closing a{font-size:12px;border-bottom:1px solid var(--accent);padding-bottom:6px}footer{padding:28px 4.5%;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:30px}footer p,footer small{color:var(--muted);font-size:11px}footer small{margin-left:auto}.empty{color:var(--muted);padding:25px;border:1px dashed #ffffff22;border-radius:10px}dialog{padding:0;border:1px solid #ffffff25;border-radius:18px;background:#111319;color:white;width:min(930px,94vw);max-height:92vh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}.close{position:absolute;z-index:2;right:14px;top:14px;background:#101116dd;border:1px solid #ffffff40;border-radius:50%;width:36px;height:36px}#playerArea{aspect-ratio:16/9;background:#06070b;display:grid;place-items:center;text-align:center}#playerArea video,#playerArea iframe{width:100%;height:100%;border:0}.player-placeholder{padding:30px;color:#b0b3bd}.player-placeholder b{display:block;color:var(--accent);font-size:40px;margin-bottom:15px}.watch-content{padding:28px}.watch-content h2{margin:12px 0}.watch-content p{color:#9fa3af;line-height:1.7}.selectors{display:flex;gap:30px;align-items:flex-start;margin-top:25px}.selectors label,.field-label{display:block;font-size:12px;color:#a8acb6}.selectors select{display:block;margin-top:10px;padding:10px;background:#20232c;border:1px solid #ffffff25;border-radius:6px;color:white}#serverButtons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}#serverButtons button{padding:10px 15px;background:#20232c;border:1px solid #ffffff25;border-radius:6px}#serverButtons .active{border-color:var(--accent);color:var(--accent)}#serverButtons button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}@media(min-width:1700px){.hero{height:900px}.cards{grid-auto-columns:calc((100% - 140px)/8)}}@media(max-width:950px){.cards{grid-auto-columns:calc((100% - 60px)/4)}.toolbar{align-items:stretch;flex-direction:column;gap:15px}.search{width:100%}.hero{height:720px}.hero-copy{max-width:75%}.section-top>.muted{display:none}nav button{padding:11px 15px}footer{flex-wrap:wrap}footer small{margin-left:0}}@media(max-width:600px){header{padding:22px 5%;align-items:flex-start}.brand{font-size:27px}.brand span{font-size:10px}nav{position:fixed;bottom:15px;left:4%;right:4%;justify-content:space-around;z-index:5;background:#16181ff2;box-shadow:0 5px 35px #0008}nav button{padding:12px;font-size:11px}#searchToggle{padding:5px 14px}.hero{height:680px;min-height:0;background-position:62% center}.hero-copy{top:26%;left:6%;max-width:88%}h1{font-size:47px;letter-spacing:-2px}.hero-copy p{font-size:13px;line-height:1.7}.hero-bottom{bottom:30px}.eyebrow{font-size:9px;letter-spacing:2px}.hero-meta{font-size:11px}.cards{grid-auto-columns:calc((100% - 28px)/2.45);gap:14px}.shelf{padding-bottom:25px}.section-top h2{font-size:23px}#filters{gap:7px}#filters button{padding:9px 12px;font-size:11px}.closing{padding:30px 15px}.closing h2{font-size:25px}footer{padding-bottom:100px;gap:10px}footer p{width:65%}footer small{line-height:1.8}.selectors{flex-direction:column;gap:15px}.hero-shade{background:linear-gradient(0deg,#08090d 0%,#08090d66 45%,#08090d88),linear-gradient(90deg,#08090dbb,transparent)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Compact cinematic layout */
:root{--accent:#ad91ff;--bg:#0b0c12}header{position:relative;padding:22px 5%;height:92px;background:#0b0c12;border-bottom:1px solid #ffffff0b}.brand{letter-spacing:-1px}.brand span{font-size:14px;letter-spacing:3px}.hero{margin:24px 5% 38px;height:540px;min-height:0;border:1px solid #ffffff15;border-radius:22px;overflow:hidden;background-position:center 35%;background-color:#171528}.hero-shade{background:linear-gradient(90deg,#10101ff5 0%,#10101ff0 40%,#10101f66 70%),linear-gradient(0deg,#10101f 0%,transparent 70%)}.hero-copy{top:16%;left:5%;width:47%;max-width:600px;z-index:2}h1{font-size:clamp(40px,4.5vw,65px);margin:22px 0;letter-spacing:-2.5px}.hero-copy p{font-size:14px;line-height:1.8;max-width:450px;margin:20px 0 25px}.hero-actions .primary{background:#b39aff;color:#1a1035}.hero-bottom{left:5%;right:5%;bottom:28px;z-index:2}.hero-poster-wall{position:absolute;right:-3%;top:0;width:51%;height:100%;display:flex;gap:20px;align-items:center;transform:rotate(10deg);opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 15%)}.hero-poster-wall img{width:44%;flex-shrink:0;height:78%;object-fit:cover;border-radius:14px;border:1px solid #ffffff40;box-shadow:0 20px 50px #0009}.hero-poster-wall img:nth-child(2){transform:translateY(65px)}.hero-poster-wall img:nth-child(3){transform:translateY(-40px)}.discovery,.shelf{padding-left:5%;padding-right:5%}.discovery{padding-bottom:25px}.section-top h2{font-size:27px}.shelf{padding-bottom:30px}.shelf-heading h2{font-size:22px}.cards{grid-auto-columns:calc((100% - 100px)/6);gap:20px}.poster{border:1px solid #ffffff12;border-radius:12px}.card h3{font-size:14px}.closing{margin-left:5%;margin-right:5%}.close{width:auto;padding:0 13px}.primary:hover{filter:brightness(1.13)}.secondary:hover{background:#ffffff27}.search{background:#14151e}.empty{background:#14151b}.brand i{font-size:20px}@media(min-width:1700px){.hero{height:570px}.hero-copy{top:18%}.cards{grid-auto-columns:calc((100% - 100px)/6)}}@media(max-width:950px){.hero{height:520px}.hero-copy{width:57%;max-width:65%}.hero-poster-wall{right:-13%;width:58%;opacity:.65}.cards{grid-auto-columns:calc((100% - 60px)/4)}h1{font-size:46px}.hero .eyebrow span{display:none}}@media(max-width:600px){header{height:74px;padding:20px 5%}.hero{margin:14px 4% 28px;height:560px;border-radius:16px;background-position:center}.hero-copy{top:27%;left:7%;width:86%;max-width:86%}.hero-poster-wall{right:-30%;top:-100px;width:95%;height:100%;opacity:.3;mask-image:linear-gradient(#000,transparent 85%)}.hero-poster-wall img{height:70%}.hero-shade{background:linear-gradient(0deg,#10101f 0%,#10101fe8 48%,#10101f55)}h1{font-size:44px}.hero-copy p{font-size:13px;max-width:320px}.hero-bottom>span{font-size:7px;letter-spacing:1px}.hero .eyebrow{font-size:9px}.hero-meta{gap:9px;font-size:11px}.hero-meta span+span{padding-left:9px}.hero-actions{gap:7px}.primary,.secondary{padding:12px 18px;font-size:12px}.circle{padding:10px 15px}.cards{grid-auto-columns:calc((100% - 14px)/2.3);gap:14px}.section-top h2{font-size:24px}.shelf-heading h2{font-size:20px}.brand{font-size:28px}.brand span{font-size:12px}.toolbar{margin-top:5px}.hero-bottom{bottom:22px}nav{border-color:#ffffff25}nav .selected{background:#b39aff;color:#1a1035}}

/* Full-screen cinematic presentation */
:root{--accent:#b1ff65;--bg:#090b10}body{background:#090b10;isolation:isolate}body::before{content:'';position:fixed;inset:-100px;z-index:-2;background-image:var(--ambient-image);background-size:cover;background-position:center;filter:blur(95px) saturate(.8);opacity:.28;pointer-events:none}header{position:fixed;top:0;left:0;height:100px;background:linear-gradient(#0003,transparent);border:0;padding:24px 3.35%;z-index:10;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:35px;color:white;filter:drop-shadow(0 2px 5px #0007)}.brand span{font-size:12px;letter-spacing:2px}.brand i{color:white}nav{background:#15171a66;backdrop-filter:blur(22px);border:1px solid #ffffff18;box-shadow:0 5px 20px #0002}nav button{padding:13px 25px;color:#dededec0}nav .selected{background:#fff;color:#131313}.hero{margin:0;width:100%;height:78vh;min-height:650px;max-height:950px;border:0;border-radius:0;background-position:center 35%;background-size:cover;overflow:hidden}.hero-shade{background:linear-gradient(90deg,#060a147a 0%,#060a142b 50%,transparent 80%),linear-gradient(0deg,#090b10 0%,#090b1033 35%,transparent 70%)}.hero-copy{top:auto;bottom:17%;left:3.35%;width:560px;max-width:43%;z-index:2;text-shadow:0 2px 20px #0007}h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(46px,4.6vw,76px);line-height:1.05;letter-spacing:-2px;margin:0 0 23px}.hero-meta{font-size:15px;font-weight:600;gap:15px}.hero-meta b{color:white}.hero-meta span+span{border:0;padding:0}.hero-meta span::before{content:'\2022';margin-right:15px;color:#ddd7}.hero-copy p{font-size:16px;line-height:1.65;margin:27px 0 26px;color:#f4f4f4;font-weight:500;max-width:550px}.hero-actions{gap:12px}.hero-actions .primary{background:#f5f5f5;color:#090909;border:0;min-width:130px;font-size:16px;padding:15px 26px}.secondary{min-width:59px;font-size:23px;font-weight:400;padding:10px 20px;border-radius:30px 0 0 30px;margin-right:-12px;border-right:0}.circle{font-size:19px;padding:13px 18px;border-radius:0 30px 30px 0;border-left:0}.hero-bottom{left:auto;right:3.35%;bottom:22%;width:auto}.providers{padding:5px 3.35% 27px;position:relative;margin-top:-25px}.providers h2{font-size:20px;margin:0 0 25px}.provider-row{display:flex;gap:30px;overflow-x:auto;padding:0 5px 8px;scrollbar-width:none}.provider{flex:0 0 82px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px;font-size:11px;font-weight:600;color:#b2b2b7}.provider-icon{width:80px;height:80px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;font-weight:700;letter-spacing:-1px;border:1px solid #ffffff25;transition:transform .2s}.provider:hover .provider-icon{transform:translateY(-4px)}.netflix{background:#050505;color:#ed0917;font-size:11px;letter-spacing:0}.prime{background:white;color:#0095e6;font-size:21px}.disney{background:linear-gradient(#01132d,#015b73);color:white;font-family:serif;font-size:22px}.apple{background:#090909;color:white;font-size:20px;letter-spacing:0}.crunchy{background:#f47722;color:white;font-size:12px;letter-spacing:-.5px}.youtube{background:white;color:#e21b27;font-size:14px}.hulu{background:#27bb7a;color:white;font-size:33px}.tubi{background:linear-gradient(120deg,#401b81,#9418dc);color:#f2eb05;font-size:32px}.provider-note{font-size:10px;color:#96989d;margin-top:13px;line-height:1.6}.shelf{padding:0 3.35% 58px;position:relative}.shelf-heading{margin-bottom:19px}.shelf-heading h2{font-family:'DM Sans',sans-serif;letter-spacing:-.6px;font-size:21px;font-weight:700;margin:15px 0}.shelf-controls{display:flex;align-items:center;gap:8px}.shelf-controls button{border:0;background:none;color:#ffffff90;font-size:12px;padding:7px}.shelf-controls [data-scroll]{font-size:25px;line-height:20px}.cards{grid-auto-columns:200px;gap:16px;overflow-x:auto;padding:10px 0 20px;scrollbar-width:none;scroll-snap-type:x proximity}.card{position:relative;scroll-snap-align:start}.poster{border:0;border-radius:12px;aspect-ratio:2/3;box-shadow:0 10px 20px #0003;transition:transform .22s;overflow:hidden}.poster:hover,.poster:focus-within{transform:scale(1.035);z-index:2}.poster-open{position:relative}.poster-open img{transition:transform .3s}.play-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:#0009;text-align:center;font-size:12px;line-height:1.4}.play-overlay strong{font-size:15px}.play-overlay b{color:#ffe55e}.play-disc{background:white;color:black;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;font-size:23px;padding-left:3px;margin-bottom:3px}.poster:focus-within .play-overlay{opacity:1}.card h3{display:none}.save{opacity:0;top:10px;bottom:auto;background:#0007}.poster:hover .save,.poster:focus-within .save{opacity:1}.cards.expanded{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));overflow:visible}.discovery{padding:15px 3.35% 35px}.section-top{display:none}.discovery .toolbar{margin:0}.back-top{position:fixed;bottom:30px;right:30px;border:2px solid var(--accent);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:23px;background:#16191b88;z-index:6}footer{display:flex;flex-direction:column;justify-content:center;text-align:center;border:0;padding:90px 20px 50px;gap:22px;min-height:320px}footer .brand{font-size:36px}footer .brand i{color:var(--accent)}footer p{max-width:480px;font-size:12px;line-height:1.8;margin:0}footer small{margin:0;color:#aaa;font-size:10px}#heroDots button{background:#ffffff50}#heroDots .active{background:white}.empty{background:#ffffff05;border-color:#ffffff15}.providers a:focus-visible{outline-offset:0}.primary:focus-visible{outline-color:white}.hero-actions .secondary,.hero-actions .circle{background:#ffffff1a;backdrop-filter:blur(10px)}
@media(min-width:1700px){.hero{height:78vh;min-height:700px}.cards{grid-auto-columns:200px}.hero-copy{max-width:560px}}
@media(max-width:950px){header{height:85px;padding:18px 4%}.hero{height:710px;min-height:0;max-height:none}.hero-copy{width:530px;max-width:67%;left:4%;bottom:16%}.hero-copy p{font-size:14px}.hero-poster-wall{display:none}.cards{grid-auto-columns:180px}.providers{padding-left:4%;padding-right:4%}.provider-row{gap:24px}.shelf{padding-left:4%;padding-right:4%}nav button{padding:12px 17px}.hero h1{font-size:55px}}
@media(max-width:600px){header{position:absolute;height:75px;padding:22px 5%;background:linear-gradient(#0004,transparent)}header .brand{font-size:30px}nav{position:fixed;bottom:15px;top:auto;left:4%;right:4%;background:#16191fe8;border:1px solid #ffffff25;z-index:12}nav button{padding:12px 13px;font-size:11px}nav .selected{background:white;color:#111}.hero{height:690px;min-height:0;margin:0;border:0;border-radius:0;background-position:59% center}.hero-copy{left:6%;bottom:13%;width:88%;max-width:88%}.hero h1{font-size:47px;letter-spacing:-1.5px}.hero-shade{background:linear-gradient(0deg,#090b10 0%,#090b10b8 35%,#090b1022 85%)}.hero-meta{font-size:12px}.hero-copy p{font-size:14px;line-height:1.65}.hero-bottom{right:6%;bottom:6%}.hero-actions .primary{font-size:14px;padding:14px 23px;min-width:115px}.secondary{font-size:22px;padding:10px 18px}.circle{font-size:18px;padding:12px 17px}.providers{margin-top:0;padding:5px 5% 25px}.providers h2{font-size:18px;margin-bottom:20px}.provider-row{gap:17px}.provider{flex-basis:65px;font-size:10px}.provider-icon{height:65px;width:65px;border-radius:14px}.provider-note{font-size:9px}.netflix{font-size:9px}.prime{font-size:18px}.crunchy{font-size:10px}.shelf{padding:0 5% 30px}.shelf-heading{margin-bottom:10px}.shelf-heading h2{font-size:19px}.shelf-controls button{font-size:10px}.cards{grid-auto-columns:145px;gap:13px}.save{opacity:1}.card h3{display:block;font-size:11px;margin:9px 0;color:#ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.play-overlay{padding:12px}.play-overlay strong{font-size:12px}.play-disc{width:43px;height:43px;font-size:18px}.cards.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.back-top{bottom:90px;right:18px;width:37px;height:37px;font-size:20px}footer{padding:55px 25px 120px;gap:15px;min-height:280px}footer p{width:auto}footer small{line-height:1.8}.discovery{padding:10px 5% 25px}}

body::before{opacity:.16}.providers{margin-top:-35px;background:transparent}.hero-shade{background:linear-gradient(90deg,#060a147a 0%,#060a142b 50%,transparent 80%),linear-gradient(0deg,#090b10bd 0%,#090b1033 35%,transparent 70%)}.hero{background-color:transparent}.provider-icon{box-shadow:0 5px 20px #0002}header nav button:hover{color:white}header nav .selected:hover{color:#111}@media(max-width:600px){.providers{margin-top:0}.hero-shade{background:linear-gradient(0deg,#090b10d9 0%,#090b10b8 35%,#090b1022 85%)}}

/* Latest anime slideshow */
.latest-label{font-size:11px;font-weight:700;letter-spacing:3px;color:#fff;margin-bottom:23px;display:flex;align-items:center;gap:22px}.latest-label::before{content:'';width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #b1ff6577}.latest-label span{font-size:10px;letter-spacing:2px;color:#ddd}.hero-bottom{display:flex;align-items:center;gap:15px}.slide-arrow{width:35px;height:35px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#1114;backdrop-filter:blur(10px);font-size:25px;line-height:1}.slide-arrow:hover{background:white;color:#111}.slide-pause{background:#1114;border:1px solid #ffffff40;backdrop-filter:blur(10px);font-size:10px;padding:8px 12px;border-radius:20px;color:white}.slide-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12}#slideProgress{height:100%;width:0%;background:#fff8;transition:width .1s linear}.hero:focus-visible{outline-offset:-4px}#heroDots button{width:8px;height:8px;box-sizing:content-box;border:6px solid transparent;background-clip:padding-box;min-height:8px}#heroDots{gap:0}#heroDots .active{width:25px}.hero-copy{bottom:17%}@media(max-width:600px){.hero-bottom{left:6%;right:6%;justify-content:space-between;gap:8px;bottom:5%}.slide-arrow{width:31px;height:31px}.slide-pause{padding:8px 10px}.latest-label{font-size:9px;letter-spacing:2px;margin-bottom:19px;gap:13px}.latest-label span{font-size:9px}.hero-copy{bottom:17%}.hero h1{font-size:42px}#heroDots button{border-width:5px}#heroDots .active{width:20px}}@media(prefers-reduced-motion:reduce){#slideProgress{transition:none}}

.language-badge{position:absolute;top:10px;left:9px;z-index:2;background:#b1ff65;color:#142009;font-size:9px;font-weight:700;letter-spacing:.5px;border-radius:4px;padding:5px 7px;pointer-events:none}#sourceCredit{font-size:11px}#sourceCredit a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* Genre browsing */
.discovery{padding-top:30px;padding-bottom:30px}.discovery .section-top{display:flex;margin-bottom:20px}.discovery .section-top h2{font-size:24px;margin:0}.discovery .section-top .muted{color:#aaa}.discovery .toolbar{align-items:center}.discovery #filters{gap:8px}.discovery #filters .active{background:#fff;border-color:#fff;color:#151515}.shelf-heading h2{scroll-margin-top:100px}@media(max-width:950px){.discovery .toolbar{align-items:stretch}}@media(max-width:600px){.discovery{padding-top:24px;padding-bottom:25px}.discovery .section-top h2{font-size:23px}.discovery .section-top{margin-bottom:18px}.discovery #filters{flex-wrap:nowrap;overflow-x:auto;padding:3px 0 10px;scrollbar-width:none}.discovery #filters button{flex-shrink:0}.discovery .section-top .muted{display:none}}

.sound-tools{display:flex;align-items:center;gap:14px;margin-top:24px}.sound-tools button{border:1px solid #b1ff6566;border-radius:8px;background:#b1ff6515;color:#dbffc0;padding:10px 14px;white-space:nowrap}.sound-tools span{font-size:11px;color:#aaa;line-height:1.6}@media(max-width:600px){.sound-tools{align-items:flex-start;flex-direction:column;gap:10px}}

/* Responsive artwork without stretching low-resolution previews */
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:0}.hero-shade{z-index:1}.hero-copy,.hero-bottom{z-index:2}.slide-track{z-index:3}.poster img{height:100%;width:100%;object-fit:cover}@media(max-width:600px){.hero-image{object-position:59% center}}

.quality-hint{font-size:11px;color:#a9adb8;margin:15px 0 0}.selectors{flex-wrap:wrap}.selectors select:disabled{opacity:.7;cursor:default}#qualitySelect{min-width:150px}

@media(max-width:600px){nav{gap:0;padding:5px 3px}nav button{padding:12px 8px;font-size:10px}#searchToggle{padding:5px 9px}#savedCount{font-size:9px;margin-left:2px}}

/* Search and genres above the slideshow */
main>.discovery{position:relative;padding:105px 3.35% 22px;background:#10121bd9;z-index:2}main>.discovery .section-top{display:none}main>.discovery .toolbar{margin:0;align-items:flex-start}main>.discovery .search{flex:0 0 300px}main>.discovery #filters{flex:1;max-height:90px;overflow-y:auto;padding:2px 4px}main>.discovery #filters button{white-space:nowrap}main>.hero{scroll-margin-top:90px}@media(max-width:950px){main>.discovery{padding-top:100px}main>.discovery .toolbar{flex-direction:column;align-items:stretch;gap:15px}main>.discovery .search{flex:auto;width:100%}main>.discovery #filters{max-height:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;flex:auto;padding-bottom:6px}main>.discovery #filters button{flex-shrink:0}}@media(max-width:600px){main>.discovery{padding:85px 5% 15px}main>.discovery .toolbar{gap:12px}main>.discovery .search{flex:auto}main>.hero{scroll-margin-top:0}}