:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#03070d;color:#f6f7fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #91b8ff;outline-offset:4px}.login-screen{min-height:100svh;display:grid;place-items:center;background:linear-gradient(0deg,#02060ddd,transparent 50%,#02060d44),url('movies-collage.png') center/cover;padding:36px 20px}.login-wrap{width:min(470px,100%);text-align:center}.login-brand{display:grid;justify-items:center;font-size:46px;font-weight:650;letter-spacing:-2px}.mark{font-size:45px;line-height:1;background:linear-gradient(145deg,#b54aff,#1bbfff);background-clip:text;color:transparent;font-weight:800}.login-brand .mark{font-size:100px;margin-bottom:10px}.lettered{font-size:12px;letter-spacing:5px;line-height:1.8;color:#c5cfdf}.glass{margin-top:26px;padding:30px 38px 20px;border:1px solid #ffffff32;border-radius:24px;background:linear-gradient(140deg,#131721e8,#080c14e6);box-shadow:0 25px 75px #0009,inset 0 1px #ffffff18;backdrop-filter:blur(16px)}.glass h1{font-size:32px;letter-spacing:-1px;margin:4px 0 8px}.glass>p{color:#b6bbc5;margin:0 0 22px}.glass label{display:block;text-align:left;font-size:12px;color:#aeb6c5;margin:16px 0}.glass input,.content input{width:100%;padding:15px 16px;border:1px solid #ffffff18;border-radius:11px;background:#ffffff0c;color:#fff;margin-top:7px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b3bccb;margin:10px 0}.login-options input{width:auto;margin:0}.login-options button{background:none;font-size:12px}.gradient{width:100%;padding:16px;border-radius:30px;background:linear-gradient(105deg,#179eff,#8238ff);font-weight:650;box-shadow:0 8px 28px #386af733}.glass #loginStatus{font-size:13px;margin:16px 0 0;line-height:1.6}.login-categories{display:flex;justify-content:space-around;padding:26px 0;color:#c5c9d6;font-size:14px}header{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 3%;background:linear-gradient(#02060d99,transparent)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.5px}nav{display:flex;background:#090e18df;border-radius:40px;padding:5px;box-shadow:0 6px 24px #0004}nav a{font-size:14px;white-space:nowrap;padding:12px 23px;border-radius:30px;color:#c5c9d2}nav a.active{background:linear-gradient(135deg,#88b4ff,#4269b5);color:white;font-weight:650}.tools{display:flex;gap:14px}.tools button{width:38px;height:38px;border-radius:50%;background:#132033ab;font-size:25px}.hero{height:580px;position:relative;display:flex;align-items:center;background:url('movies-collage.png') center 35%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02060da8,transparent 75%),linear-gradient(0deg,#03070d,transparent 45%)}.hero-copy{position:relative;margin:100px 3% 35px;max-width:630px}.hero h1{font-size:clamp(40px,5.5vw,80px);line-height:1.06;letter-spacing:-2px;margin:20px 0;text-wrap:balance;text-shadow:0 3px 30px #0008}.hero-copy>p:not(.lettered){max-width:510px;color:#d0d7e3;line-height:1.6;font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.actions{display:flex;gap:12px;margin-top:24px}.primary,.secondary{padding:13px 28px;border-radius:30px;font-weight:650}.primary{background:#f7f9ff;color:#080d17;box-shadow:0 5px 25px #b9d7ff35}.secondary{background:#18202ce0;border:1px solid #ffffff22}.content{position:relative;margin-top:-58px;padding:0 3% 65px}.rail{margin-bottom:24px}.rail h2{font-size:19px;font-weight:600;margin:0 0 12px}.rail h2 span{padding-left:12px;color:#aebcd1}.cards{display:flex;gap:12px;overflow-x:auto;padding:4px 3px 13px;scrollbar-width:thin}.card{flex:0 0 clamp(180px,14.5vw,255px);padding:0;text-align:left;background:#111a28;border:1px solid #ffffff20;border-radius:11px;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #c1daff,0 0 18px #649dff77}.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.card strong{display:block;padding:10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.progress{height:3px;background:#3f4b62}.progress i{display:block;height:3px;background:#86b6ff}.empty{padding:35px;border:1px solid #ffffff17;border-radius:16px;background:#0b111a;color:#9caec4;line-height:1.8}.content #status{font-size:13px;color:#b5c4d9}.content form{display:flex;gap:12px;margin:15px 0 25px}.content input{margin:0}.content form button{flex-shrink:0}#profileMenu{position:absolute;right:3%;top:78px;z-index:8;border:1px solid #ffffff25;background:#101723;padding:22px;border-radius:16px;box-shadow:0 15px 40px #0008}#profileMenu p{font-size:12px;color:#9cacc1}#profileMenu button{padding:10px 20px;background:#27334a;border-radius:20px}dialog{width:min(760px,94vw);max-height:88svh;padding:30px;border:1px solid #ffffff25;border-radius:22px;background:#0c131f;color:white}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close{float:right;background:#263044;border-radius:50%;width:34px;height:34px;font-size:25px}.detail-art{width:100%;max-height:290px;object-fit:cover;border-radius:12px}dialog p{color:#acbad0;line-height:1.7}.episode{display:block;padding:14px;margin:8px 0;width:100%;text-align:left;background:#192234;border-radius:9px}@media(max-width:850px){header{flex-wrap:wrap;padding:16px 5%}.brand{font-size:18px}nav{order:3;width:100%;overflow:auto;justify-content:center}nav a{padding:10px 13px;font-size:12px}.hero{height:590px;background-position:65% center}.hero-copy{margin:165px 5% 50px}.content{padding-left:5%;padding-right:5%}.hero h1{font-size:46px}.login-brand{font-size:38px}.glass{padding:26px}.login-screen{background-position:60% center}.lettered{letter-spacing:3px}#profileMenu{top:65px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
dialog form{display:grid;gap:16px;margin-top:22px}dialog form label{display:grid;gap:8px;color:#c8d2e2;font-size:13px;font-weight:600}dialog form input{width:100%;min-width:0;padding:14px 16px;border:1px solid #ffffff20;border-radius:11px;background:#111927;color:#fff}dialog form .primary,dialog form .gradient{width:100%;margin-top:4px}#firstLoginDialog{width:min(560px,calc(100vw - 32px));padding:34px 38px;text-align:left}#firstLoginDialog h2{margin:0 0 12px}#firstLoginDialog .gradient{text-align:center}#settingsDialog{width:min(620px,calc(100vw - 32px))}#settingsDialog hr{margin:28px 0;border:0;border-top:1px solid #ffffff18}@media(max-width:600px){#firstLoginDialog,#settingsDialog{padding:26px 22px}}
#profile img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}#profile{overflow:hidden;padding:0}

.player{overflow:hidden}.player video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:calc(72svh - 160px);object-fit:contain;background:#000;border-radius:12px}.player-loading{display:grid;place-items:center;width:100%;aspect-ratio:16/9;border-radius:12px;background:#05080e;color:#b9c9e1}.player-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0}.player-control{min-width:82px;padding:11px 14px;border:1px solid #ffffff28;border-radius:999px;background:#172238;color:#f5f7ff;font-weight:700}.player-toggle{min-width:132px}.player-timeline{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;color:#b9c9e1;font-size:13px}.player-timeline input{accent-color:#6ea3ff;width:100%}.player-copy{padding:18px 3px 0}.player-copy h2{margin:6px 0}.player-copy p{margin:0}#details:has(.player){padding:22px;overflow:hidden}@media(max-width:600px){.player{width:100%}.player video{max-height:44svh}.player-controls{gap:8px}.player-control{min-width:68px;padding:10px}.player-toggle{min-width:112px}.player-timeline{grid-template-columns:1fr}.player-timeline span{justify-self:end}}
.player-controls,.player-timeline{display:none!important}
.player-captions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:10px 2px 0;color:#dce6f7;font-size:13px;font-weight:750}.player-captions span{display:grid;place-items:center;min-width:34px;height:28px;border:1px solid #ffffff38;border-radius:7px;background:#111a28;letter-spacing:.5px}.player-captions select{max-width:min(260px,70vw);min-height:36px;padding:6px 34px 6px 11px;border:1px solid #ffffff28;border-radius:9px;background:#172238;color:#f5f7ff;font:inherit}
