.page{max-width:var(--sb-page);margin:0 auto;padding-inline:var(--sb-gutter)}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:var(--sb-topbar-h);padding:0 var(--sb-gutter);background:#0d0d10d1;backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s ease}.topbar[data-scrolled=true]{border-bottom-color:var(--sb-border)}.topbar__logo{grid-column:2;justify-self:center}.topbar__nav{grid-column:3;justify-self:end;display:flex;align-items:center;gap:22px}.topbar__link{color:var(--sb-muted);text-decoration:none;font-size:14px;transition:color .15s ease}.topbar__link:hover{color:var(--sb-text)}.topbar__menu{display:none;grid-column:3;justify-self:end;width:38px;height:38px;border-radius:10px;border:1px solid var(--sb-border);background:var(--sb-surface);color:var(--sb-text);cursor:pointer;padding:0;align-items:center;justify-content:center}.topbar__menu svg{width:18px;height:18px}.topbar__sheet{display:none;flex-direction:column;gap:4px;padding:8px var(--sb-gutter) 16px;background:#0d0d10f5;border-bottom:1px solid var(--sb-border);position:sticky;top:66px;z-index:29}.topbar__sheet a{color:var(--sb-text);text-decoration:none;padding:12px 4px;border-bottom:1px solid var(--sb-border);font-size:15px}.topbar__sheet[data-open=true]{display:flex}.hero{position:relative;padding:28px 0 8px;text-align:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:-120px 0 auto;height:620px;z-index:-1;background:radial-gradient(60% 70% at 30% 0%,rgb(0 255 187 / 12%),transparent 70%),radial-gradient(60% 70% at 78% 6%,rgb(254 0 135 / 16%),transparent 72%);pointer-events:none}.hero__viewport{position:relative}.hero__track{--slide-w: clamp(220px, 62vw, 680px);display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:calc((100% - var(--slide-w)) / 2);scrollbar-width:none}.hero__track::-webkit-scrollbar{display:none}.hero__slide{flex:0 0 var(--slide-w);scroll-snap-align:center;position:relative;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;background:var(--sb-surface);border:1px solid var(--sb-border);opacity:.45;transform:scale(.96);transition:opacity .3s ease,transform .3s ease}.hero__slide[data-active=true]{opacity:1;transform:scale(1)}.hero__slide img{width:100%;height:100%;object-fit:cover;display:block}.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--sb-border);background:#0d0d10b8;color:var(--sb-text);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:background .15s ease,border-color .15s ease}.hero__arrow:hover{background:var(--sb-surface-2);border-color:var(--sb-teal)}.hero__arrow svg{width:16px;height:16px}.hero__arrow--prev{left:max(8px,calc((100% - clamp(220px,62vw,680px))/2 - 54px))}.hero__arrow--next{right:max(8px,calc((100% - clamp(220px,62vw,680px))/2 - 54px))}.hero__title{font-family:Madimi One,sans-serif;font-size:clamp(20px,3vw,30px);margin:22px 0 0}.hero__tagline{color:var(--sb-muted);margin:8px 0 0;font-size:15px}.hero__cta{margin-top:18px;min-width:200px}.hero__dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.hero__dot{width:8px;height:8px;padding:0;border-radius:50%;border:0;background:var(--sb-surface-2);cursor:pointer;transition:background .2s ease,transform .2s ease}.hero__dot[data-active=true]{background:var(--sb-text);transform:scale(1.15)}.rail{margin-top:34px}.rail__title{font-family:Madimi One,sans-serif;font-size:clamp(17px,2vw,22px);margin:0 0 14px}.rail__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;margin-inline:calc(var(--sb-gutter) * -1);padding-inline:var(--sb-gutter);scroll-padding-inline:var(--sb-gutter)}.rail__track::-webkit-scrollbar{display:none}.card{flex:0 0 clamp(104px,26vw,190px);scroll-snap-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px}.card__poster{position:relative;aspect-ratio:2 / 3;border-radius:var(--sb-radius);overflow:hidden;background:var(--sb-surface);border:1px solid var(--sb-border);transition:transform .18s ease,border-color .18s ease}.card:hover .card__poster{transform:translateY(-3px);border-color:#00ffbb73}.card__poster img{width:100%;height:100%;object-fit:cover;display:block}.card__badge{position:absolute;top:5px;left:5px;font:700 7.5px/1 Roboto,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:4px 5px;border-radius:4px;color:#0d0d10;background:var(--sb-gradient)}.card__views{position:absolute;top:5px;right:5px;display:flex;align-items:center;gap:3px;font:500 8.5px/1 Roboto,system-ui,sans-serif;padding:4px 5px;border-radius:4px;color:var(--sb-text);background:#0d0d10b8;backdrop-filter:blur(4px)}.card__views svg{width:8px;height:8px}.card__title{font-size:13px;line-height:1.35;color:var(--sb-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showMore{display:block;margin:40px auto 0;min-width:260px}.state{color:var(--sb-muted);text-align:center;padding:80px 0}.state a{color:var(--sb-teal)}.skeleton{background:linear-gradient(90deg,var(--sb-surface),var(--sb-surface-2),var(--sb-surface));background-size:200% 100%;animation:sbPulse 1.4s ease-in-out infinite;border-radius:var(--sb-radius)}@keyframes sbPulse{0%,to{background-position:0% 0}50%{background-position:100% 0}}.footer{margin-top:72px;border-top:1px solid var(--sb-border);background:var(--sb-bg-soft)}.footer__inner{max-width:var(--sb-page);margin:0 auto;padding:26px var(--sb-gutter);display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap;color:var(--sb-muted);font-size:13px}.footer__links{display:flex;gap:20px;flex-wrap:wrap}.footer__links a{color:var(--sb-muted);text-decoration:none}.footer__links a:hover{color:var(--sb-text)}.footer__copy{margin-left:auto}@media(max-width:699px){.topbar__nav{display:none}.topbar__menu{display:flex}.footer__inner{flex-direction:column;align-items:flex-start}.footer__copy{margin-left:0}}@media(min-width:700px){.hero__slide{aspect-ratio:16 / 9}.card__badge{font-size:9px;padding:5px 7px}.card__views{font-size:10px;padding:5px 7px}.card__title{font-size:14px}}