body{--text:var(--fg);--panel:var(--surface)}
/* Motion is a visual language: portals, kinetic type, floating film, tactile controls. */
#night-field{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.38}.header,#app,.footer{position:relative}#app{z-index:1}.header{z-index:70;position:sticky;top:0;transition:height .35s,background .35s,box-shadow .35s}.header.is-scrolled{height:70px;box-shadow:0 10px 30px #0003}.header:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:var(--scroll-progress,0%);background:linear-gradient(90deg,#69d8dc,#68b1ff,#cee4ff);box-shadow:0 0 12px #68b1ff50;transition:width .08s linear}#app:before{content:'';position:fixed;top:0;left:0;right:0;height:100vh;background:radial-gradient(ellipse at 10% 10%,#42c8a806,transparent 55%);z-index:-1;pointer-events:none}.hero{min-height:540px;isolation:isolate;box-shadow:0 30px 100px #0004}.hero:after{background:linear-gradient(90deg,#08151bf2 8%,#08151b9c 40%,#08151b15 80%),linear-gradient(0deg,#08151bd9,transparent 70%)}.hero-art{animation:worldDrift 18s ease-in-out infinite alternate;transform-origin:65% 50%;will-change:transform}.hero-copy{max-width:620px!important}.hero-copy h1{animation:titleLift 1s cubic-bezier(.2,.8,.2,1) both;font-size:clamp(38px,5vw,68px);letter-spacing:-2px}.hero-logo-heading{width:100%;min-height:90px;margin:24px 0!important}.hero-logo-heading img{max-height:130px;max-width:420px;width:100%;object-fit:contain;object-position:left;filter:drop-shadow(0 12px 25px #0008)}.hero-copy p{animation:titleLift 1s .12s both}.hero-actions{animation:titleLift 1s .22s both}.hero-top{z-index:3}.hero-orbits{position:absolute;right:-6%;top:-26%;width:66%;height:145%;z-index:1;pointer-events:none;opacity:.45}.hero-orbits i{position:absolute;border:1px solid #ccecab40;border-radius:50%;inset:5%;transform:rotate(-30deg) rotateY(50deg);animation:orbitalWarp 18s linear infinite}.hero-orbits i:nth-child(2){inset:15%;border-color:#ff987650;animation-duration:25s;animation-direction:reverse}.hero-orbits i:nth-child(3){inset:25%;border-style:dashed;border-color:#8ddbd938;animation-duration:35s}.hero-orbits span{position:absolute;top:40%;right:15%;font-size:70px;color:#efffd6;animation:starlight 5s ease-in-out infinite;filter:drop-shadow(0 0 30px #dcff9f)}.hero-grain{z-index:2;opacity:.055}.n-welcome h2{font-size:clamp(34px,4.3vw,57px);line-height:1.05;letter-spacing:-2.5px}.n-welcome h2 em{position:relative}.n-welcome h2 em:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:7px;background:var(--accent);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 9'%3E%3Cpath d='M1 7Q150-4 299 6' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E");mask-size:100% 100%;animation:lineDraw 1.3s .4s both;transform-origin:left}.n-spark{display:inline-block;animation:starOrbit 12s linear infinite}.n-eyebrow i{animation:statePing 2.5s infinite}.hero-progress i.active:after{animation:heroClock 9s linear infinite}.world-ticker{border-block:1px solid var(--line);margin:28px 0 32px;overflow:hidden;padding:15px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.world-ticker>div{display:flex;gap:32px;width:max-content;animation:nightMarquee 40s linear infinite}.world-ticker span{font:500 9px monospace;letter-spacing:3px;color:var(--muted)}.world-ticker i{font-style:normal;color:var(--accent);font-size:11px}.poster-link{position:relative;isolation:isolate;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.poster-link:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,0%),#ecffe92e,transparent 60%);opacity:0;transition:opacity .4s;z-index:4;pointer-events:none}.anime-card:hover .poster-link:after{opacity:1}.anime-card{perspective:900px;transition:transform .4s;min-width:0}.anime-card:hover{z-index:5;transform:translateY(-7px)}.anime-card:hover .poster-link{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 22px 45px #0007,0 0 0 1px #68b1ff40}.poster-img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.anime-card:hover .poster-img{transform:scale(1.09);filter:saturate(1.15)}.card-play{transition:opacity .3s,transform .5s cubic-bezier(.2,1.7,.4,1)!important;transform:translate(-50%,-30%) scale(.5)!important}.anime-card:hover .card-play{transform:translate(-50%,-50%) scale(1)!important}.anime-card:hover .card-play svg{animation:playPulse 2s infinite}.save-small.saved{animation:savePop .5s cubic-bezier(.2,1.8,.4,1)}.pill{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s!important}.pill:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.pill.primary:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff8 50%,transparent 75%);transform:translateX(-140%) skew(-20deg);transition:transform .65s;pointer-events:none}.pill.primary:hover:before{transform:translateX(140%) skew(-20deg)}button:active,.pill:active{transform:scale(.94)!important}.click-wave{position:absolute;pointer-events:none;border:1px solid currentColor;background:currentColor;border-radius:50%;opacity:.13;transform:translate(-50%,-50%);animation:rippleOut .65s ease-out forwards;z-index:8}.click-spark{position:fixed;width:4px;height:4px;background:var(--accent);border-radius:1px;pointer-events:none;z-index:500;animation:sparkOut .65s cubic-bezier(.1,.6,.4,1) forwards;box-shadow:0 0 9px var(--accent)}.realm-bar a{position:relative;overflow:hidden;transition:.35s!important}.realm-bar a.active:after{content:'';position:absolute;bottom:3px;left:35%;width:30%;height:2px;background:var(--accent);animation:lineDraw .4s both}.genre-chip:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:0 10px 25px #0004}.genre-chip:nth-child(even):hover{transform:translateY(-4px) rotate(2deg)}.genre-arrow:hover svg,.n-browse:hover svg,.back-link:hover svg{transform:translateX(4px)}.genre-arrow svg,.n-browse svg,.back-link svg{transition:transform .3s}.n-orbit-decoration{animation:slowSpin 45s linear infinite}.modal{animation:sheetSpring .55s cubic-bezier(.16,1,.3,1)!important;transform-origin:50% 80%}.modal-backdrop{animation:veilIn .35s both;backdrop-filter:blur(14px)}.drawer{transition:transform .55s cubic-bezier(.2,.9,.2,1)!important}.drawer.open nav a{animation:drawerLink .6s both}.drawer.open nav a:nth-child(2){animation-delay:40ms}.drawer.open nav a:nth-child(3){animation-delay:80ms}.drawer.open nav a:nth-child(4){animation-delay:120ms}.drawer.open nav a:nth-child(5){animation-delay:160ms}.drawer.open nav a:nth-child(6){animation-delay:200ms}.toast.show{animation:toastBounce .55s cubic-bezier(.2,1.4,.4,1) both}.episode-playing i{transform-origin:bottom;animation:equalize .8s ease-in-out infinite alternate}.episode-playing i:nth-child(2){animation-delay:.25s}.episode-playing i:nth-child(3){animation-delay:.45s}.episode-row{transition:transform .25s,background .25s,border-color .25s}.episode-row:hover{transform:translateX(5px)}.episode-row.active{box-shadow:inset 3px 0 var(--accent)}.episode-row.active .episode-thumb img{animation:episodeBreathe 8s ease-in-out infinite alternate}.source-choice{transition:background .3s,transform .3s,border-color .3s}.source-choice:hover:not(:disabled){transform:translateY(-3px);border-color:#84aa91}.auto-source>svg{animation:starOrbit 14s linear infinite}.source-choice[data-state=checking]{background:linear-gradient(100deg,var(--bg),#68b1ff0c,var(--bg));background-size:200%;animation:skeletonFlow 2s linear infinite}.cinema-backdrop{animation:cinemaZoom 25s ease-in-out infinite alternate}.cinema-light{position:absolute;inset:-70%;z-index:1;background:conic-gradient(from 40deg,transparent 0 65%,#ffd7a60f 68%,transparent 72%);animation:slowSpin 35s linear infinite;pointer-events:none}.cinema-hero h1{animation:filmType 1s cubic-bezier(.15,.8,.15,1) both}.cinema-hero h1 em{display:inline-block;animation:filmType 1.2s .1s both}.cinema-feature,.cinema-hero .hero-actions{animation:titleLift 1s .25s both}.screen-title-logo{animation:logoEntrance .9s both}.screen-poster{animation:posterEntrance 1s cubic-bezier(.2,.8,.2,1) both}.motion-reveal{opacity:0;transform:translateY(34px) scale(.97);filter:blur(3px);transition:opacity .8s var(--reveal-delay,0ms),transform .8s var(--reveal-delay,0ms) cubic-bezier(.2,.8,.2,1),filter .8s var(--reveal-delay,0ms)}.motion-reveal.is-visible{opacity:1;transform:none;filter:none}.route-enter{animation:routeReveal .65s cubic-bezier(.2,.8,.2,1) both}.logo .orbit-line{stroke-dasharray:130 8;animation:orbitDash 14s linear infinite}.logo:hover .orbit-dot{animation:starlight 1s infinite}.night-boot{position:fixed;inset:0;z-index:999;background:#091216;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;animation:bootExit .65s 1.55s cubic-bezier(.76,0,.24,1) forwards}.boot-portal{position:absolute;width:min(80vw,650px);height:min(80vw,650px);border:1px solid #68b1ff38;border-radius:50%;animation:portalExpand 1.7s cubic-bezier(.3,0,.2,1) both;box-shadow:0 0 100px #7ad5b31b,inset 0 0 100px #7ad5b31b}.boot-portal:before,.boot-portal:after{content:'';position:absolute;inset:8%;border:1px dashed #68b1ff40;border-radius:50%;animation:slowSpin 7s linear infinite}.boot-portal:after{inset:22%;border-color:#cee4ff40;animation-direction:reverse}.boot-word{font-size:clamp(35px,9vw,100px);font-weight:700;letter-spacing:.2em;padding-left:.2em;color:#68b1ff;animation:bootWord 1.3s both}.night-boot>small{font:9px monospace;letter-spacing:4px;color:#91aaa5;margin-top:18px;animation:titleLift .8s .4s both}.night-boot>button{position:absolute;bottom:28px;right:30px;background:none;border:1px solid #a6c8b530;color:#afc0b6;font:10px inherit;padding:10px 18px;border-radius:30px;cursor:pointer}.motion-panel p{color:var(--muted);font-size:13px;line-height:1.8}.motion-options{display:grid;gap:10px;margin:25px 0}.motion-options button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer}.motion-options button.selected{border-color:var(--accent);background:var(--accent-soft)}.motion-options strong{display:block;font-size:14px}.motion-options small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.motion-panel .motion-demo{height:85px;display:flex;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse,#68b1ff10,transparent);margin:12px 0}.motion-demo i{width:15px;height:15px;border:1px solid var(--accent);transform:rotate(45deg);animation:motionDemo 1.5s ease-in-out infinite}.motion-demo i:nth-child(2){animation-delay:.15s}.motion-demo i:nth-child(3){animation-delay:.3s}
@keyframes worldDrift{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.13) translate(-1.3%,1%)}}@keyframes titleLift{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes filmType{from{opacity:0;transform:translateY(55px) rotate(-3deg);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes logoEntrance{from{opacity:0;transform:scale(.82) translateY(20px);filter:blur(14px)}70%{filter:blur(0)}to{opacity:1;transform:none}}@keyframes posterEntrance{from{opacity:0;transform:perspective(900px) rotateY(-18deg) translateY(30px)}to{opacity:1;transform:none}}@keyframes orbitalWarp{to{transform:rotate(330deg) rotateY(50deg)}}@keyframes starOrbit{to{transform:rotate(360deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes starlight{0%,100%{opacity:.4;transform:scale(.85) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}@keyframes statePing{0%,100%{opacity:1;box-shadow:0 0 0 0 #68b1ff30}50%{opacity:.6;box-shadow:0 0 0 5px #68b1ff00}}@keyframes lineDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes heroClock{from{width:0}to{width:100%}}@keyframes nightMarquee{to{transform:translateX(-50%)}}@keyframes playPulse{50%{filter:drop-shadow(0 0 15px #68b1ff99)}}@keyframes savePop{from{transform:scale(.5) rotate(-35deg)}to{transform:scale(1) rotate(0)}}@keyframes rippleOut{from{width:0;height:0;opacity:.25}to{width:320px;height:320px;opacity:0}}@keyframes sparkOut{to{transform:translate(var(--dx),var(--dy)) rotate(120deg) scale(.1);opacity:0}}@keyframes sheetSpring{from{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}@keyframes veilIn{from{opacity:0}to{opacity:1}}@keyframes drawerLink{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes toastBounce{from{opacity:0;translate:0 20px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes equalize{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes episodeBreathe{to{transform:scale(1.1)}}@keyframes cinemaZoom{to{transform:scale(1.1) translateX(-1%)}}@keyframes routeReveal{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes orbitDash{to{stroke-dashoffset:-138}}@keyframes portalExpand{from{opacity:0;transform:scale(.25) rotate(-90deg)}30%{opacity:1}to{opacity:.7;transform:scale(1.3) rotate(45deg)}}@keyframes bootWord{from{opacity:0;filter:blur(16px);letter-spacing:.5em;transform:scale(.9)}60%{opacity:1;filter:none;letter-spacing:.2em}to{opacity:1}}@keyframes bootExit{to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes motionDemo{50%{transform:translateY(-16px) rotate(135deg);border-radius:50%;background:#68b1ff20}}@keyframes floatInSpace{50%{transform:translateY(-10px)}}@keyframes portalTurn{to{transform:rotateX(65deg) rotate(330deg)}}@keyframes introArtwork{from{transform:scale(1.2)}to{transform:scale(1)}}@keyframes scanLine{from{transform:translateX(-100%)}to{transform:translateX(400%)}}@keyframes skeletonFlow{to{background-position:-200% 0}}@keyframes posterBob{to{translate:0 -18px}}
body[data-motion=soft] .hero-art,body[data-motion=soft] .hero-orbits,body[data-motion=soft] .cinema-backdrop,body[data-motion=soft] .world-ticker>div,body[data-motion=soft] .cinema-invite-art img{animation:none}body[data-motion=reduced] *,body[data-motion=reduced] *:before,body[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body[data-motion=reduced] .motion-reveal{opacity:1;transform:none;filter:none}body[data-motion=reduced] #night-field,body[data-motion=soft] #night-field{display:none}body[data-motion=reduced] .night-boot{display:none}body[data-motion=reduced] .hero-art{transform:none}body[data-motion=reduced] .anime-card:hover{transform:none}body[data-motion=reduced] .hero-orbits{opacity:.25}
@media(prefers-reduced-motion:reduce){body:not([data-motion=full]) *,body:not([data-motion=full]) *:before,body:not([data-motion=full]) *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body:not([data-motion=full]) .motion-reveal{opacity:1;transform:none;filter:none}body:not([data-motion=full]) #night-field{display:none}}
@media(max-width:760px){.header.is-scrolled{height:65px}.hero{min-height:490px}.hero-logo-heading{min-height:65px}.hero-logo-heading img{max-height:90px;max-width:290px}.hero-orbits{width:100%;right:-25%;opacity:.35}.hero-copy{max-width:95%!important}.n-welcome h2{font-size:34px;letter-spacing:-1.5px}.world-ticker{padding:13px 0;margin-top:22px}.world-ticker span{font-size:8px}.cinema-invite-art img{animation-duration:8s}.motion-reveal{transform:translateY(20px)}.night-boot>small{font-size:7px;letter-spacing:2px}.hero-copy p{font-size:12px}}