:root{--bg:#09090f;--text:#f6f4fb;--muted:#a6a1b6;--purple:#9b5cff;--pink:#e958b7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c39aff;outline-offset:3px}.topbar{height:76px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:44px;padding:0 clamp(18px,5vw,75px);background:#09090fe8;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px;white-space:nowrap}.brand span{color:#c5a5ff;font-weight:500;margin-left:-9px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#bd8aff,#7736f1);box-shadow:0 0 24px #8b49ff44;font-size:21px;font-style:italic}.topbar nav{display:flex;align-items:stretch;height:100%;gap:25px}.nav{position:relative;border:0;background:none;color:#a9a4b7;font-size:13px;font-weight:650}.nav:hover,.nav.active{color:white}.nav.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,var(--purple),var(--pink))}.nav small{background:#2b2039;color:#d8bdff;padding:2px 5px;border-radius:6px}.actions{display:flex;align-items:center;gap:14px;margin-left:auto}#search-form{display:flex;align-items:center;gap:8px;width:220px;height:38px;padding:0 10px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff08}#search-form span{font-size:22px;color:#aaa}#search-form input{width:100%;min-width:0;border:0;outline:0;background:none;color:white;font-size:12px}#search-form input::placeholder{color:#8d879b}#search-form button{border:0;background:none;color:white}.avatar{width:36px;height:36px;border-radius:11px;border:1px solid #00aaff77;background:#241a32;color:#dfcaff;font-size:11px;font-weight:900}.hero{height:min(680px,66vw);min-height:490px;position:relative;overflow:hidden;background:linear-gradient(120deg,#21162f,#11111b)}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-position:center 35%;background-size:cover;transition:background-image .4s}.hero-shade{background:linear-gradient(90deg,#09090ff7 0%,#09090fc9 34%,#09090f22 76%),linear-gradient(0deg,#09090f 0%,transparent 27%,#09090f55 100%)}.hero-content{position:relative;z-index:1;padding:clamp(54px,8vw,110px) clamp(24px,7vw,105px);max-width:800px}.eyebrow,.kicker,.section-head small,.detail-copy>small,.player-head small,.prefs>small{font-size:9px;font-weight:850;letter-spacing:2px;color:#c3a1ff}.eyebrow{margin-bottom:25px}.kicker{color:#e0d6f1;margin-bottom:13px}.hero h1{font-size:clamp(45px,6.3vw,82px);line-height:.98;letter-spacing:-3px;margin:0 0 22px;font-weight:850}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#fff,#d8bdff 50%,#168cff);background-clip:text;color:transparent}.hero-content>p{max-width:470px;color:#c3bece;font-size:14px;line-height:1.75}.meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0 25px;color:#bdb6cb;font-size:11px}.meta span{border:1px solid #ffffff24;background:#ffffff0b;border-radius:5px;padding:5px 8px}.buttons{display:flex;gap:11px;flex-wrap:wrap}.primary,.secondary{min-height:44px;padding:0 19px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:12px;font-weight:800;transition:.2s}.primary{background:linear-gradient(110deg,#995aff,#bd4bdf);color:white;box-shadow:0 8px 28px #008cff32}.primary:hover,.secondary:hover{transform:translateY(-2px)}.secondary{background:#ffffff10;border-color:#ffffff22;color:white}.hero-bottom{position:absolute;bottom:31px;left:clamp(24px,7vw,105px);display:flex;align-items:center;gap:12px;color:#aaa3b7;font-size:9px;letter-spacing:2px}.hero-bottom span{height:1px;width:65px;background:linear-gradient(90deg,var(--purple),var(--pink))}.content{max-width:1450px;margin:auto;padding:0 clamp(18px,5vw,75px) 65px}.status{display:flex;align-items:center;gap:9px;margin-top:24px;color:#b6a9cb;font-size:12px}.status:empty{display:none}.status.error{color:#ffb7c5}.status i{width:14px;height:14px;border:2px solid #ffffff25;border-top-color:#bd8aff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shelf{margin-top:36px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}.section-head small{display:block;margin-bottom:7px;color:#67cfff}.section-head h2{margin:0;font-size:22px;letter-spacing:-.6px}.section-head h2 b{color:#c79bff;font-size:16px}.section-head label{font-size:11px;color:#8e899e}.row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5);gap:20px;overflow-x:auto;padding:3px 2px 15px;scroll-snap-type:x mandatory;scrollbar-color:#443050 transparent}.poster{min-width:0;cursor:pointer;scroll-snap-align:start;transition:transform .22s}.poster:hover{transform:translateY(-5px)}.poster-art{position:relative;aspect-ratio:2/3;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#30203f,#11111b);border:1px solid #ffffff12;box-shadow:0 9px 25px #0003}.poster-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.poster:hover img{transform:scale(1.045)}.poster-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#08080db0,transparent);pointer-events:none}.rating{position:absolute;z-index:2;left:8px;top:8px;padding:4px 6px;background:#09090fc9;border:1px solid #ffffff20;border-radius:5px;color:#ffe0a4;font-size:10px}.list-add{position:absolute;z-index:3;right:8px;top:8px;width:29px;height:29px;border:1px solid #ffffff38;border-radius:9px;background:#09090fc9;color:white;font-size:20px;opacity:0;transition:.2s}.poster:hover .list-add,.list-add.in-list{opacity:1}.list-add.in-list{color:#8ce7ff;border-color:#48cfff}.poster-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px;font-weight:750}.poster-sub{display:flex;justify-content:space-between;gap:8px;color:#9792a7;font-size:10px}.poster-sub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 18px}.grid .list-add{opacity:1}.skeleton{aspect-ratio:2/3;border-radius:11px;background:linear-gradient(100deg,#171522 25%,#242033 38%,#171522 55%);background-size:300% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position-x:-150%}}.load{text-align:center;margin:28px}.empty{padding:40px;text-align:center;color:#aaa1b8;border:1px dashed #ffffff22;border-radius:12px}footer{border-top:1px solid #ffffff0c;padding:30px clamp(18px,5vw,75px);display:flex;align-items:center;gap:18px;flex-wrap:wrap}footer .brand{font-size:14px}footer .brand-mark{width:24px;height:24px;font-size:16px}footer p,footer>small{font-size:11px;color:#8e879d}footer>small{margin-left:auto;max-width:350px;text-align:right;line-height:1.6}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal[hidden],[hidden]{display:none!important}.backdrop{position:absolute;inset:0;background:#050509dc;backdrop-filter:blur(12px)}.panel{position:relative;z-index:1;border:1px solid #ffffff18;background:#11111b;border-radius:17px;overflow:hidden;box-shadow:0 30px 100px #0009}.detail{width:min(850px,100%);min-height:510px}.detail-bg{position:absolute;inset:0 0 auto;height:330px;background:center/cover no-repeat}.detail:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11111b 10%,#11111bcc 53%,#11111b05);pointer-events:none}.detail-copy{position:relative;z-index:1;padding:235px clamp(22px,5vw,48px) 36px}.detail-copy h2{font-size:clamp(30px,4vw,45px);letter-spacing:-1.5px;margin:8px 0}.detail-copy p,.prefs>p{max-width:650px;color:#c0bbcd;line-height:1.7;font-size:13px}.close{position:absolute;right:15px;top:15px;z-index:5;width:37px;height:37px;border:1px solid #ffffff26;border-radius:50%;background:#08080dc9;color:white;font-size:25px}.player{width:min(1150px,100%);padding:18px;background:#0d0d14}.player-head{display:flex;align-items:center;justify-content:space-between;padding:0 45px 15px 3px}.player-head h2{font-size:18px;margin:5px 0}.player-head .close{top:18px;right:18px}.stage{aspect-ratio:16/9;max-height:72vh;background:#030305;border-radius:10px;overflow:hidden;display:grid;place-items:center}.stage iframe,.stage video{width:100%;height:100%;border:0;display:block;background:#000}.stage p{color:#aaa4ba;text-align:center;font-size:12px}.player-message{font-size:11px;line-height:1.6;color:#928ba0;margin:12px 3px 0}.prefs{width:min(550px,100%);padding:35px}.prefs h2{margin:7px 0}.prefs>p{font-size:12px;color:#a7a1b5}.setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-block:1px solid #ffffff12;margin:22px 0}.setting b,.setting small{display:block}.setting b{font-size:12px}.setting small{font-size:10px;color:#9690a6;line-height:1.5;margin-top:5px;max-width:260px}.setting select{max-width:180px;background:#1d1a29;border:1px solid #ffffff20;color:white;border-radius:8px;padding:9px;font-size:11px}.prefs .fine{font-size:10px;color:#817b91}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#21182f;border:1px solid #00bfff55;border-radius:10px;padding:12px 17px;color:#f0e7ff;font-size:12px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.topbar{gap:22px}.topbar nav{gap:17px}.row{grid-auto-columns:calc((100% - 60px)/4)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.topbar{height:auto;min-height:68px;padding:12px 18px;gap:15px;flex-wrap:wrap}.topbar nav{order:3;width:100%;height:34px;gap:22px;overflow:auto}.nav{font-size:12px}.actions{margin-left:auto}#search-form{width:min(37vw,190px);height:34px}.hero{height:570px;min-height:0}.hero-shade{background:linear-gradient(90deg,#09090ff2,#09090fa8 60%,#09090f35),linear-gradient(0deg,#09090f,transparent 30%)}.hero-content{padding:65px 23px 80px}.hero h1{font-size:51px;letter-spacing:-2px}.hero-content>p{font-size:13px;max-width:380px}.hero-bottom{left:23px;bottom:23px}.content{padding:0 18px 45px}.shelf{margin-top:31px}.section-head h2{font-size:19px}.row{grid-auto-columns:calc((100% - 28px)/3);gap:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}footer{padding:25px 18px}footer>small{width:100%;max-width:none;margin:0;text-align:left}.detail{min-height:470px}.detail-bg{height:270px}.detail-copy{padding-top:195px}.detail-copy h2{font-size:32px}}@media(max-width:430px){#search-form{width:140px}.topbar nav{gap:18px}.hero h1{font-size:45px}.row{grid-auto-columns:calc((100% - 22px)/2.4)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:17px}.setting{align-items:stretch;flex-direction:column}.setting select{max-width:none;width:100%}}

/* Blue/cyan brand logo */
.brand-image{display:inline-flex;align-items:center;justify-content:flex-start;width:clamp(145px,15vw,225px);height:54px;flex:none;letter-spacing:0}.brand-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.footer-brand.brand-image{width:170px;height:43px}.footer-brand.brand-image img{object-position:left center}
