html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',Inter,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}:root{--bg:#fff;--fg:rgba(0,0,0,.88);--fg-muted:rgba(0,0,0,.45);--accent:#0071e3;--overlay:rgba(0,0,0,.04);--border:rgba(0,0,0,.06);--card-bg:rgba(255,255,255,.72);--radius:.75rem;--nav-height:3.5rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--text-on-image:0 1px 2px rgba(0,0,0,.9),0 2px 12px rgba(0,0,0,.65),0 0 1px rgba(0,0,0,.8)}[data-theme=dark]{--bg:#000;--fg:rgba(255,255,255,.92);--fg-muted:rgba(255,255,255,.5);--accent:#0a84ff;--overlay:rgba(255,255,255,.06);--border:rgba(255,255,255,.08);--card-bg:rgba(28,28,30,.85)}*,*::before,*::after{box-sizing:border-box}.hidden{display:none!important}html.theme-reveal-transition::view-transition-old(root),html.theme-reveal-transition::view-transition-new(root){animation:none;mix-blend-mode:normal}html.theme-reveal-transition::view-transition-old(root){z-index:0}html.theme-reveal-transition::view-transition-new(root){z-index:1}.theme-ripple-overlay{position:fixed;inset:0;z-index:2147483647;pointer-events:none;will-change:clip-path,opacity}#app{position:absolute;inset:0;padding-top:calc(var(--nav-height) + 1.5rem + var(--safe-top));padding-bottom:var(--safe-bottom);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#navbar{position:fixed;top:.5rem;left:1rem;right:1rem;height:calc(var(--nav-height) + var(--safe-top));padding:var(--safe-top) 1rem 0;display:flex;align-items:center;gap:1rem;background:var(--card-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:.5px solid var(--border);border-radius:1rem;z-index:100}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{display:block;height:1.6rem;width:2.7rem;background:var(--fg);-webkit-mask:url('/icons/logo.svg') no-repeat center/contain;mask:url('/icons/logo.svg') no-repeat center/contain}.nav-tabs{display:flex;gap:.25rem;flex:1}.nav-tab{padding:.4rem .75rem;border-radius:2rem;font-size:.85rem;font-weight:500;color:var(--fg);opacity:.5;text-decoration:none}.nav-tab.active{opacity:1;background:var(--overlay)}.nav-actions{display:flex;gap:.25rem;position:relative}.nav-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--fg);opacity:.6;cursor:pointer;border-radius:.5rem}#bottom-nav{display:none}.home-hero{position:relative;width:100%;height:64vh;min-height:26rem;max-height:44rem;margin:calc(-1*(var(--nav-height) + 1.5rem + var(--safe-top))) 0 1.5rem;overflow:hidden;background:#111}.home-hero.hero-loading::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(0,0,0,.18) 45%,transparent 75%),linear-gradient(110deg,#101010 0%,#1d1d1f 45%,#151515 100%)}.hero-slides,.hero-slide,.hero-bg{position:absolute;inset:0}.hero-slide{display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.hero-slide.active{opacity:1;visibility:visible}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .22s ease;backface-visibility:hidden}.hero-bg img.loaded{opacity:1}.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0%,rgba(0,0,0,.1) 45%,transparent 75%),linear-gradient(to right,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 45%,transparent 70%)}.hero-content{position:relative;z-index:1;padding:calc(var(--nav-height) + var(--safe-top)) 3.5rem 3.5rem;max-width:42rem}.hero-logo{max-height:8rem;max-width:22rem;object-fit:contain;margin-bottom:1.25rem;filter:drop-shadow(0 2px 12px rgba(0,0,0,.5))}.hero-title{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:0 0 .85rem;color:#fff;text-shadow:var(--text-on-image)}.hero-meta{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#fff;opacity:.95;margin-bottom:1rem;text-shadow:var(--text-on-image)}.hero-rating{color:#ffb700;font-weight:600}.hero-type{padding:.15rem .6rem;border-radius:.4rem;background:rgba(255,255,255,.18);font-size:.78rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero-desc{font-size:.98rem;line-height:1.65;color:#fff;opacity:.9;margin:0 0 1.5rem;text-shadow:var(--text-on-image);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-play{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 2.25rem;border:0;border-radius:2rem;background:#fff;color:#000;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.35)}.hero-dots{position:absolute;z-index:2;bottom:1.5rem;right:3.5rem;display:flex;gap:.5rem}.hero-dot{width:.5rem;height:.5rem;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.35)}.hero-dot.active{background:#fff;width:1.5rem;border-radius:.5rem}.catalog-section{margin-bottom:2.75rem}.section-title{font-size:1.4rem;font-weight:700;letter-spacing:-.03em;padding:0 1.5rem;margin:0 0 1rem}poster-grid,.poster-grid{display:flex;flex-wrap:wrap;padding:0 1.5rem}.poster-item{flex:0 0 calc(100%/8 - .9rem);max-width:calc(100%/8 - .9rem);padding:.6rem;cursor:pointer;text-decoration:none;color:var(--fg)}.poster-img-wrap{position:relative;width:100%;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:var(--overlay);box-shadow:0 2px 8px rgba(0,0,0,.12)}.poster-img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease}.poster-img.loaded,.poster-img.skeleton{opacity:1}.poster-title{margin-top:.6rem;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85;padding:0 .1rem}poster-grid.poster-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:1rem 1.5rem 1.5rem;scroll-snap-type:x proximity;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}poster-grid.poster-row::-webkit-scrollbar{display:none}poster-grid.poster-row .poster-item{flex:0 0 auto;width:calc(100%/8 - .9rem);max-width:none;scroll-snap-align:start}.skeleton{background:linear-gradient(90deg,var(--overlay) 25%,rgba(255,255,255,.08) 50%,var(--overlay) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius);aspect-ratio:2/3}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(max-width:1600px){.poster-item{flex-basis:calc(100%/6 - .9rem);max-width:calc(100%/6 - .9rem)}poster-grid.poster-row .poster-item{width:calc(100%/6 - .9rem)}}@media(max-width:1300px){.poster-item{flex-basis:calc(100%/5 - .9rem);max-width:calc(100%/5 - .9rem)}poster-grid.poster-row .poster-item{width:calc(100%/5 - .9rem)}}@media(max-width:1000px){.poster-item{flex-basis:calc(100%/4 - .8rem);max-width:calc(100%/4 - .8rem)}poster-grid.poster-row .poster-item{width:calc(100%/4 - .8rem)}}@media(max-width:900px){.home-hero{height:56vh;min-height:22rem}.hero-content{padding:calc(var(--nav-height) + var(--safe-top)) 1.75rem 2.5rem}.hero-logo{max-height:5.5rem;max-width:16rem}.hero-desc{-webkit-line-clamp:2;font-size:.9rem}.hero-dots{right:1.75rem;bottom:1rem}}@media(max-width:640px){html,body{height:100dvh}#app{padding-bottom:calc(3.5rem + var(--safe-bottom))}#navbar{left:calc(.4rem + env(safe-area-inset-left,0px));right:calc(.4rem + env(safe-area-inset-right,0px));top:.3rem;padding:0 .6rem;border-radius:.75rem}.nav-tabs{display:none}.nav-logo{flex:1}.nav-btn{width:2.5rem;height:2.5rem}#bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:stretch;padding-bottom:var(--safe-bottom);background:var(--card-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--border)}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem .25rem;min-height:3.25rem;color:var(--fg);opacity:.5;text-decoration:none;font-size:.65rem;font-weight:500}.bottom-tab svg{width:1.4rem;height:1.4rem}.bottom-tab.active{opacity:1;color:var(--accent)}.home-hero{height:50vh;height:50dvh;min-height:19rem}.hero-meta{font-size:.8rem;gap:.6rem}.hero-play{padding:.8rem 2rem;font-size:.95rem}.hero-content{padding:calc(var(--nav-height) + var(--safe-top)) 1.25rem 1.75rem;max-width:100%}.hero-desc{font-size:.85rem;-webkit-line-clamp:2}.hero-title{font-size:clamp(1.6rem,7vw,2.4rem)}.hero-bg::after{background:linear-gradient(to top,var(--bg) 0%,rgba(0,0,0,.35) 35%,transparent 70%)}.hero-dots{right:50%;transform:translateX(50%);bottom:.75rem}.section-title{font-size:1.15rem;padding:0 1rem;margin-bottom:.6rem}.catalog-section{margin-bottom:1.75rem}poster-grid,.poster-grid{padding:0 1rem}.poster-item{flex-basis:calc(100%/3 - .6rem);max-width:calc(100%/3 - .6rem)}poster-grid.poster-row{padding:.5rem 1rem 1rem;scroll-padding-left:1rem}poster-grid.poster-row .poster-item{width:calc(100%/2.6 - .6rem)}.poster-title{font-size:.8rem}}@media(max-width:380px){.poster-item{flex-basis:calc(100%/3 - .45rem);max-width:calc(100%/3 - .45rem);padding:.4rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}