:root{--bg:#05060b;--panel:#0b0f18;--field:#131724;--text:#fbfcff;--muted:#91a1b8;--cyan:#12d1f0;--blue:#1f63ff;--purple:#7836f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg)}body{min-width:320px}button,input,select{font:inherit}button{color:inherit;border:0;cursor:pointer}svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8}.brand{font-size:1.5rem;font-weight:800;background:none;letter-spacing:-.04em}.brand small{font-size:.62rem;color:var(--cyan);letter-spacing:0}.eyebrow,h4{font-size:.7rem;color:var(--cyan);font-weight:800;letter-spacing:.02em}.nav{height:76px;display:flex;align-items:center;padding:0 4.7%;gap:4.5rem;background:#04060af5;position:sticky;top:0;z-index:20}.nav nav{display:flex;gap:2.6rem}.nav nav button{background:none;color:var(--muted);font-size:.8rem}.nav nav .active{color:#fff}.search-pill{margin-left:auto;width:238px;height:42px;border-radius:12px;background:var(--field);display:flex;align-items:center;padding:0 16px;gap:12px;color:var(--muted);font-size:.72rem}.search-pill kbd{margin-left:auto}.cloud-button{background:none}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(120deg,var(--cyan),var(--purple))}.connect{min-height:100vh;background:radial-gradient(circle at 76% 30%,#12d1f022 0 15%,transparent 15.3%),radial-gradient(circle at 75% 65%,#7836f526,transparent 25%),linear-gradient(121deg,#05080f,#0f1c33 55%,#380f38);position:relative;overflow:hidden;padding:3rem 6.25%}.connect-brand{position:absolute;top:2.6rem;left:4%}.connect-copy{padding-top:10.5rem;width:48%}.connect-copy h1{font-size:clamp(3rem,4.4vw,5rem);line-height:.98;letter-spacing:-.05em;margin:1.5rem 0}.connect-copy>p:not(.eyebrow){color:var(--muted);max-width:570px;font-size:1.08rem}.feature-row{display:flex;gap:3rem;margin-top:8rem}.feature-row span{display:grid;color:var(--muted);font-size:.68rem;gap:.6rem}.feature-row b{color:#fff;font-size:.8rem}.connect-card{position:absolute;right:11%;top:17.5%;width:min(500px,40%);padding:2.6rem 2.75rem 1.2rem;border-radius:24px;background:#090c14f0;box-shadow:0 24px 60px #0008}.connect-card h2{margin:0;font-size:1.65rem}.connect-card>p{color:var(--muted);font-size:.72rem;margin-bottom:2rem}.connect-card label:not(.check){display:grid;gap:.65rem;color:var(--muted);font-size:.67rem;font-weight:700;margin-top:1.25rem}.connect-card input,.connect-card select{height:54px;border:0;border-radius:12px;background:var(--field);color:#fff;padding:0 1.25rem}.check{display:flex;align-items:center;gap:.7rem;font-size:.72rem;margin:1.5rem 0}.check input{accent-color:var(--cyan)}.primary{height:54px;border-radius:13px;width:100%;background:linear-gradient(90deg,var(--blue),var(--purple));font-weight:700;font-size:.82rem}.connect-card>small{display:block;color:var(--muted);font-size:.63rem;text-align:center;margin-top:1rem}.hero{height:524px;padding:9rem 4.5%;position:relative;overflow:hidden;background:linear-gradient(180deg,#060f1f,#143d61 55%,#611440)}.hero>div:first-child{position:relative;z-index:2}.hero h1,.detail h1{font-size:3rem;margin:.8rem 0}.hero p:not(.eyebrow){max-width:560px}.meta{font-weight:600;font-size:.86rem}.planet,.detail-planet{position:absolute;width:316px;height:316px;border-radius:50%;right:10%;top:56px;background:#12d1f028}.orb{position:absolute;width:220px;height:220px;border-radius:50%;right:28%;bottom:70px;background:#7836f533}.actions{display:flex;gap:.75rem;margin:2.5rem 0 1.5rem;align-items:center}.actions button,.light,.glass,.download{height:48px;padding:0 1.6rem;border-radius:11px;font-weight:700;display:flex;align-items:center;gap:.55rem}.light{background:#fff;color:#05060b}.glass{background:#fbfcff28}.download{background:transparent;border:1px solid #ffffff33}.cloud-badge{display:inline-flex;gap:.6rem;align-items:center;padding:.55rem 1rem;border-radius:99px;background:#05060b99;font-size:.7rem}.shelf{padding:1.5rem 3.4% 4rem}.shelf h2,.more-cloud h2{font-size:1.35rem;margin:1rem 0}.row,.poster-row{display:flex;gap:1.4rem;overflow-x:auto;padding-bottom:.6rem}.continue-card{flex:0 0 304px;height:150px;border-radius:12px;position:relative;text-align:left;overflow:hidden}.continue-card span,.poster span{position:absolute;inset:auto 0 0;padding:2.4rem .9rem .8rem;background:linear-gradient(transparent,#000d);display:grid;gap:.28rem}.continue-card small,.poster small{color:#b9c3d3;font-size:.65rem}.continue-card i{height:4px;background:#ffffff3b;border-radius:5px}.continue-card em{display:block;height:100%;background:var(--cyan)}.poster{flex:0 0 198px;height:260px;border-radius:12px;position:relative;text-align:left;overflow:hidden}.blue{background:linear-gradient(120deg,#1f63ff,#7836f5)}.violet{background:linear-gradient(120deg,#7836f5,#f02947)}.rose{background:linear-gradient(120deg,#f02947,#7836f5)}.green{background:linear-gradient(120deg,#33d696,#1f63ff)}.orange{background:linear-gradient(120deg,#ffb22e,#f02947)}.search-page{padding:2.8rem 3.4%;min-height:838px}.search-page>h1{font-size:2.2rem;margin-bottom:.4rem}.search-page>p{color:var(--muted);font-size:.8rem}.search-controls{display:flex;gap:.8rem;margin:2rem 0 3rem}.search-controls label{height:62px;flex:1;display:flex;align-items:center;gap:1rem;background:var(--field);border-radius:16px;padding:0 1.3rem}.search-controls input{flex:1;background:none;border:0;outline:none;color:#fff}.search-controls label button{background:none;color:var(--muted);font-size:1.4rem}.filter{height:62px;min-width:92px;border-radius:16px;background:var(--panel)}.filter.selected{background:var(--cyan);color:#05060b}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.results article{height:220px;background:var(--panel);border-radius:16px;display:grid;grid-template-columns:150px 1fr;overflow:hidden}.result-art{border-radius:16px}.results article>div{padding:1rem 1.4rem;position:relative}.results h2{font-size:1.05rem}.results small,.results p{color:var(--muted);font-size:.68rem;line-height:1.35}.mini-play{position:absolute;bottom:1rem;left:1.4rem;border-radius:10px;height:36px;padding:0 1rem;background:#fff;color:#05060b;display:flex;align-items:center;gap:.4rem;font-size:.68rem}.mini-play svg{width:1rem}.more{position:absolute;right:1.2rem;bottom:1rem;background:none}.search-page+footer,footer{height:110px;background:#030508;padding:2rem 3.4%;display:grid;gap:.5rem;position:relative;font-size:.8rem}.search-page+footer span{color:var(--muted);font-size:.65rem}.search-page+footer small{position:absolute;right:4%;top:50%;color:var(--muted)}.detail{min-height:calc(100vh - 76px);padding:5.5rem 4.5% 2rem;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#12d1f020 0 15%,transparent 15.2%),radial-gradient(circle at 55% 52%,#7836f52b,transparent 28%),linear-gradient(130deg,#080b18,#281031 65%,#140a19)}.detail>section{max-width:650px;position:relative;z-index:2}.detail h1{font-size:3.4rem}.synopsis{max-width:600px}.detail-planet{width:368px;height:368px;right:9%;top:65px}.detail h4{margin-top:2.2rem}.cast{display:flex;gap:2rem}.cast span{width:150px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;column-gap:.8rem;align-items:end;font-size:.7rem}.cast i{grid-row:1/3;width:48px;height:48px;border-radius:50%}.cast small{color:var(--muted);font-size:.58rem;align-self:start}.f0{background:linear-gradient(120deg,var(--cyan),var(--purple))}.f1{background:linear-gradient(120deg,var(--blue),#08121e)}.f2{background:linear-gradient(120deg,var(--purple),var(--blue))}.f3{background:linear-gradient(120deg,#f02947,#ffb22e)}dl{display:grid;grid-template-columns:70px 1fr;gap:.8rem;font-size:.67rem}dt{color:var(--muted)}dd{margin:0}.version-panel,.episode-panel{position:absolute;right:7%;top:48%;width:440px;padding:1.7rem;border-radius:20px;background:#090c16ef}.version-panel h2,.episode-panel h2{margin:.1rem 0}.version-panel>p,.episode-panel>p{color:var(--muted);font-size:.7rem}.version{width:100%;display:grid;grid-template-columns:1.4fr 1fr .8fr;padding:.85rem;border-radius:10px;background:var(--field);margin:.6rem 0;text-align:left;font-size:.65rem}.version.selected{background:#0d3443}.season-tabs{display:flex;gap:.5rem;margin:1.2rem 0}.season-tabs button{background:var(--field);padding:.6rem .8rem;border-radius:8px;font-size:.72rem}.season-tabs .selected{background:var(--cyan);color:#05060b}.episode{width:100%;background:var(--field);border-radius:10px;margin:.6rem 0;padding:.8rem;display:flex;align-items:center;justify-content:space-between;text-align:left}.episode span{display:grid;gap:.25rem}.episode small{color:var(--muted);font-size:.62rem}.more-cloud{margin-top:4rem}.more-cloud .continue-card{flex-basis:216px;height:122px}.accounts{min-height:calc(100vh - 76px);padding:8% 9%;display:grid;grid-template-columns:1fr 1fr;gap:8rem;background:radial-gradient(circle at 25% 20%,#12d1f01a,transparent 30%)}.accounts h1{font-size:3.5rem;margin:.7rem 0}.accounts p{color:var(--muted);max-width:520px}.accounts section{background:var(--panel);padding:1.6rem;border-radius:24px;height:max-content}.accounts article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #ffffff12}.accounts article div{display:grid}.accounts small{color:var(--muted);font-size:.7rem}.accounts article i{font-style:normal;color:var(--muted);font-size:.72rem}.provider-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#12d1f026;color:var(--cyan)}.provider-icon.purple{background:#7836f526;color:#a77cff}.add-account{width:100%;height:52px;background:linear-gradient(90deg,var(--blue),var(--purple));border-radius:12px;margin-top:1.4rem}.player{height:100vh;overflow:hidden;position:relative;background:linear-gradient(135deg,#090d20,#271031 65%,#100817)}.player video{display:none}.player-scene{position:absolute;inset:76px 0 148px}.player-scene .planet{width:380px;height:380px;right:10%;top:30px}.player-scene .orb{width:260px;height:260px;right:28%;bottom:35px}.player-top{height:108px;display:flex;align-items:center;gap:1.2rem;padding:0 3%;background:linear-gradient(#02040ae8,transparent);position:relative;z-index:2}.player-top button{background:none}.player-top span{display:grid}.player-top small{color:var(--muted);font-size:.62rem}.player-top #speed{margin-left:auto}.center-controls{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8rem}.center-controls button{width:68px;height:68px;border-radius:50%;background:#080711a6;font-weight:700}.center-controls .main-play{width:92px;height:92px;background:#fff;color:#05060b;display:grid;place-items:center}.center-controls .main-play svg{width:2rem;height:2rem}.caption{position:absolute;bottom:25%;left:50%;transform:translate(-50%);font-weight:700}.player-bottom{height:210px;position:absolute;bottom:0;left:0;right:0;padding:2.5rem 3%;background:linear-gradient(transparent,#020308 34%);z-index:3}.player-bottom>input{width:100%;accent-color:var(--cyan)}.time{display:flex;justify-content:space-between;font-size:.7rem}.bottom-actions{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;margin-top:1.5rem;font-size:.68rem}.bottom-actions>span:first-child{display:flex;align-items:center;gap:.7rem}.bottom-actions>span:nth-child(2){text-align:center;color:var(--muted)}.bottom-actions>span:nth-child(3){text-align:right}.bottom-actions button{background:#ffffff16;border-radius:12px;width:70px;height:48px;margin-left:2rem}dialog{background:var(--panel);color:#fff;border:1px solid #ffffff19;border-radius:16px;width:320px}dialog form{display:grid;gap:.5rem}dialog button{background:var(--field);border-radius:8px;padding:.8rem;text-align:left}dialog button.selected{background:#0d3443;color:var(--cyan)}@media(max-width:900px){.nav{gap:1.2rem}.nav nav{display:none}.search-pill{width:46px}.search-pill span,.search-pill kbd{display:none}.connect{padding:7rem 1.5rem 3rem}.connect-copy{width:100%;padding-top:1rem}.connect-card{position:relative;inset:auto;width:100%;margin-top:3rem}.feature-row{margin-top:3rem;flex-wrap:wrap}.results{grid-template-columns:1fr}.search-controls{flex-wrap:wrap}.search-controls label{flex-basis:100%}.detail{padding:3rem 1.5rem}.version-panel,.episode-panel{position:relative;inset:auto;width:100%;margin-top:3rem}.detail-planet{opacity:.35}.cast{flex-wrap:wrap}.accounts{grid-template-columns:1fr;padding:4rem 1.5rem;gap:2rem}.center-controls{gap:2rem}.bottom-actions{grid-template-columns:1fr auto}.bottom-actions>span:nth-child(2),.bottom-actions>span:nth-child(3){display:none}}
