body:has(>.st-page){background:#0a0b0e}html:has(.st-page){overflow-x:clip}.st-page{--bg:#0a0b0e;--bg-2:#101217;--card:#161920;--card-2:#1d2129;--line:#ffffff14;--text:#f3f4f6;--muted:#9aa1ad;--accent:#8b7bff;--accent-2:#a99dff;--accent-glow:#8b7bff73;--radius:16px;--radius-sm:10px;--pad:clamp(16px, 3vw, 40px);--ease:cubic-bezier(.22, 1, .36, 1);background:var(--bg);width:100%;min-height:100vh;color:var(--text);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}.st-page :where(a,button,input){font:inherit;color:inherit}.st-page :where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:8px}.st-srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.st-bar{z-index:50;height:64px;padding:0 var(--pad);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--line);background:#0a0b0eb8;align-items:center;gap:24px;display:flex;position:sticky;top:0}.st-brand{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.st-mark{background:linear-gradient(135deg, var(--accent), #5b8cff);width:30px;height:30px;box-shadow:0 0 20px var(--accent-glow);border-radius:9px;place-items:center;display:grid}.st-mark svg{width:16px;height:16px}.st-tabs{gap:4px;display:flex}.st-tabs a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .16s,background-color .16s}.st-tabs a:hover{color:var(--text);background:#ffffff0f}.st-tabs a[aria-current=page]{color:var(--text);background:#ffffff1a}.st-barRight{align-items:center;gap:12px;margin-left:auto;display:flex}.st-search{border:1px solid var(--line);width:clamp(160px,22vw,300px);height:38px;color:var(--muted);background:#ffffff12;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:border-color .16s,background-color .16s;display:flex}.st-search:focus-within{border-color:var(--accent);background:#ffffff1a}.st-search svg{flex:none;width:16px;height:16px}.st-search input{width:100%;color:var(--text);background:0 0;border:0;outline:none;font-size:14px}.st-search input::placeholder{color:var(--muted)}.st-avatar{background:var(--card-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;text-decoration:none;display:grid}.st-btn{white-space:nowrap;cursor:pointer;height:44px;transition:transform .16s var(--ease), background-color .16s, box-shadow .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.st-btn svg{width:18px;height:18px}.st-btn:active{transform:scale(.97)}.st-btnPrimary{background:var(--accent);color:#fff;box-shadow:0 8px 28px -8px var(--accent-glow)}.st-btnPrimary:hover{background:var(--accent-2);box-shadow:0 10px 34px -6px var(--accent-glow)}.st-btnGlass{color:var(--text);-webkit-backdrop-filter:blur(12px);background:#ffffff1f}.st-btnGlass:hover{background:#fff3}.st-btnSmall{height:38px;padding:0 16px;font-size:14px}.st-hero{margin:20px var(--pad) 0;background:var(--bg-2);border-radius:24px;height:clamp(440px,64vh,700px);position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000c}.st-slide{opacity:0;visibility:hidden;transition:opacity .7s var(--ease), visibility 0s .7s;position:absolute;inset:0}.st-slide[data-active=true]{opacity:1;visibility:visible;transition:opacity .7s var(--ease)}.st-slideArt{object-fit:cover;object-position:var(--focus,60% 50%);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.06)}.st-slide[data-active=true] .st-slideArt{animation:9s linear forwards st-kenburns}@keyframes st-kenburns{0%{transform:scale(1.06)}to{transform:scale(1.14)translate(-1.5%)}}.st-scrim{background:linear-gradient(90deg,#0a0b0ef0 0%,#0a0b0eb8 32%,#0a0b0e1a 62%,#0000 75%),linear-gradient(#0000 62%,#0a0b0ed9 100%);position:absolute;inset:0}.st-slideBody{max-width:min(560px,80%);position:absolute;bottom:clamp(28px,5vw,64px);left:clamp(24px,4vw,64px)}.st-slide[data-active=true] .st-slideBody>*{animation:st-rise .7s var(--ease) both}.st-slide[data-active=true] .st-slideBody>:nth-child(2){animation-delay:60ms}.st-slide[data-active=true] .st-slideBody>:nth-child(3){animation-delay:.12s}.st-slide[data-active=true] .st-slideBody>:nth-child(4){animation-delay:.18s}.st-slide[data-active=true] .st-slideBody>:nth-child(5){animation-delay:.24s}@keyframes st-rise{0%{opacity:0;transform:translateY(16px)}}.st-badges{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.st-badge{-webkit-backdrop-filter:blur(10px);letter-spacing:.02em;background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.st-badgeAccent{background:var(--accent);color:#fff}.st-badgeLive:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4ade80}.st-slideTitle{letter-spacing:-.035em;margin:0;font-size:clamp(2.6rem,1.4rem + 4.4vw,5.2rem);font-weight:800;line-height:.98}.st-slideSub{color:var(--muted);margin:10px 0 0;font-size:15px;font-weight:500}.st-slideText{color:#f3f4f6e6;margin:14px 0 0;font-size:clamp(15px,1vw + 8px,18px);line-height:1.5}.st-slideActions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.st-thumbs{z-index:2;gap:10px;display:flex;position:absolute;bottom:clamp(20px,3vw,40px);right:clamp(16px,2.5vw,36px)}.st-thumb{aspect-ratio:16/9;background:var(--card);cursor:pointer;opacity:.6;width:clamp(88px,8vw,132px);transition:opacity .2s, border-color .2s, transform .2s var(--ease);border:2px solid #0000;border-radius:10px;padding:0;position:relative;overflow:hidden}.st-thumb:hover{opacity:.9;transform:translateY(-2px)}.st-thumb[aria-current=true]{opacity:1;border-color:#ffffffe6}.st-thumb img{object-fit:cover;width:100%;height:100%;display:block}.st-thumbBar{background:var(--accent-2);width:0;height:3px;position:absolute;bottom:0;left:0}.st-thumb[aria-current=true] .st-thumbBar{animation:st-progress var(--dur,7s) linear forwards}.st-hero:hover .st-thumb[aria-current=true] .st-thumbBar,.st-hero:focus-within .st-thumb[aria-current=true] .st-thumbBar{animation-play-state:paused}@keyframes st-progress{to{width:100%}}.st-arrow{z-index:2;-webkit-backdrop-filter:blur(10px);cursor:pointer;opacity:0;background:#0a0b0e8c;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin-top:-22px;transition:opacity .2s,background-color .16s;display:grid;position:absolute;top:50%}.st-arrow svg{width:20px;height:20px}.st-arrow:hover{background:#0a0b0ecc}.st-hero:hover .st-arrow,.st-arrow:focus-visible{opacity:1}.st-arrowPrev{left:16px}.st-arrowNext{right:16px}.st-row{margin-top:clamp(32px,4vw,52px)}.st-rowHead{padding:0 var(--pad);justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.st-rowTitle{letter-spacing:-.02em;margin:0;font-size:clamp(19px,1vw + 12px,24px);font-weight:700}.st-rowNav{gap:8px;display:flex}.st-rowNav button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;transition:background-color .16s,opacity .16s;display:grid}.st-rowNav button:hover:not(:disabled){background:var(--card-2)}.st-rowNav button:disabled{opacity:.35;cursor:default}.st-rowNav svg{width:18px;height:18px}.st-track{padding:10px var(--pad) 24px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;grid-auto-columns:clamp(240px,22vw,340px);grid-auto-flow:column;gap:16px;display:grid;overflow-x:auto}.st-track::-webkit-scrollbar{display:none}.st-empty{padding:0 var(--pad);color:var(--muted)}.st-tile{scroll-snap-align:start;border-radius:var(--radius);outline-offset:4px;text-decoration:none;position:relative}.st-tileArt{aspect-ratio:16/9;border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .26s var(--ease), box-shadow .26s var(--ease);position:relative;overflow:hidden}.st-tileArt img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease), filter .26s;display:block}.st-tile:hover .st-tileArt,.st-tile:focus-visible .st-tileArt{box-shadow:0 0 0 2px #ffffffd9, 0 22px 44px -16px #000000e6, 0 0 40px -8px var(--accent-glow);transform:translateY(-6px)scale(1.03)}.st-tile:hover .st-tileArt img{transform:scale(1.06)}.st-tile[data-locked=true] .st-tileArt img{filter:saturate(.55)brightness(.7)}.st-tileBadge{z-index:1;position:absolute;top:10px;left:10px}.st-tilePlay{background:var(--accent);color:#fff;width:42px;height:42px;box-shadow:0 8px 24px -6px var(--accent-glow);opacity:0;transition:opacity .22s, transform .26s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(8px)scale(.9)}.st-tilePlay svg{width:18px;height:18px;margin-left:2px}.st-tile:hover .st-tilePlay,.st-tile:focus-visible .st-tilePlay{opacity:1;transform:none}.st-lock{place-items:center;display:grid;position:absolute;inset:0}.st-lock svg{opacity:.85;width:28px;height:28px}.st-tileTitle{margin:12px 2px 0;font-size:15px;font-weight:600}.st-tileMeta{color:var(--muted);margin:4px 2px 0;font-size:13px}@media (max-width:860px){.st-tabs,.st-search{display:none}.st-bar{gap:12px}.st-hero{border-radius:18px;height:76svh;margin-top:12px}.st-slideArt{object-position:var(--focus-m,50% 50%)}.st-scrim{background:linear-gradient(#0a0b0e0d 25%,#0a0b0eb3 55%,#0a0b0ef5 100%)}.st-slideBody{max-width:none;bottom:84px;left:20px;right:20px}.st-thumbs{bottom:20px;left:20px;right:auto}.st-thumb{width:64px}.st-arrow,.st-rowNav{display:none}.st-track{grid-auto-columns:72vw}}@media (prefers-reduced-motion:reduce){.st-slide[data-active=true] .st-slideArt,.st-slide[data-active=true] .st-slideBody>*{animation:none}.st-slide,.st-tileArt,.st-tileArt img,.st-tilePlay{transition-duration:1ms}.st-thumb[aria-current=true] .st-thumbBar{width:100%;animation:none}}.st-grid3{padding:10px var(--pad) 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.st-vote{border-radius:var(--radius);background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .26s var(--ease), box-shadow .26s var(--ease);overflow:hidden}.st-vote:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #fff3,0 22px 44px -18px #000000e6}.st-poster{aspect-ratio:16/8;align-items:flex-end;padding:18px;display:flex;position:relative;overflow:hidden}.st-poster:after{content:"";background:linear-gradient(#0000 40%,#0a0b0e8c);position:absolute;inset:0}.st-posterTitle{z-index:1;letter-spacing:-.02em;max-width:14ch;margin:0;font-size:clamp(20px,1.2vw + 10px,28px);font-weight:800;line-height:1.05;position:relative}.st-posterIce{background:radial-gradient(120% 90% at 85% 10%,#9fd8ff 0%,#0000 55%),linear-gradient(135deg,#1b3f8f,#0e1a3a 70%)}.st-posterNeon{background:radial-gradient(110% 90% at 80% 15%,#ffcc4d 0%,#0000 45%),radial-gradient(90% 80% at 10% 100%,#ff3d8b 0%,#0000 60%),linear-gradient(135deg,#3a0f3f,#120818)}.st-posterArcane{background:radial-gradient(100% 80% at 80% 10%,#b49bff 0%,#0000 50%),radial-gradient(90% 90% at 0 100%,#2fd3a6 0%,#0000 55%),linear-gradient(135deg,#1d1440,#0b0a18)}.st-voteBody{padding:14px 16px 16px}.st-voteLine{color:var(--text);margin:0;font-size:14px}.st-meter{background:#ffffff14;border-radius:999px;height:4px;margin-top:14px;overflow:hidden}.st-meter>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #5b8cff);height:100%;transition:width .6s var(--ease);display:block}.st-voteFoot{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.st-voteFoot .st-tileMeta{font-variant-numeric:tabular-nums;margin:0}.st-btnDone{color:#86efac;cursor:default;background:#4ade8024}.st-btn:disabled{opacity:.6;cursor:default}.st-btnDone:disabled{opacity:1}.st-creators{margin:clamp(40px, 5vw, 64px) var(--pad) 0;background:var(--bg-2);isolation:isolate;border-radius:24px;min-height:380px;position:relative;overflow:hidden}.st-creatorsArt{object-fit:cover;object-position:70% 50%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.st-creators:before{content:"";z-index:-1;background:linear-gradient(90deg,#0a0b0ef5 0%,#0a0b0ecc 45%,#0a0b0e40 80%);position:absolute;inset:0}.st-creatorsBody{max-width:620px;padding:clamp(28px,4vw,56px)}.st-creatorsTitle{letter-spacing:-.03em;margin:14px 0 0;font-size:clamp(2rem,1.2rem + 2.4vw,3.4rem);font-weight:800;line-height:1}.st-sent{color:#86efac;margin:20px 0 0;font-weight:600}.st-form{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.st-form label{color:var(--muted);gap:6px;font-size:13px;font-weight:600;display:grid}.st-formWide{grid-column:1/-1}.st-field{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0f;border-radius:12px;outline:none;padding:11px 14px;font-size:15px;font-weight:400;transition:border-color .16s,background-color .16s}.st-field:focus{border-color:var(--accent);background:#ffffff17}textarea.st-field{resize:none}.st-count{font-variant-numeric:tabular-nums;justify-self:end;font-weight:400}.st-formError{color:#fca5a5;grid-column:1/-1;margin:0}.st-form .st-slideActions{margin-top:4px}.st-footer{padding:28px var(--pad) 40px;border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(48px,6vw,80px);font-size:14px;display:flex}.st-footer p{margin:0}.st-footerText{gap:4px;display:grid}.st-footer strong{color:var(--text)}.st-footer nav{flex-wrap:wrap;gap:18px;display:flex}.st-footer a{text-decoration:none;transition:color .16s}.st-footer a:hover{color:var(--text)}@media (max-width:860px){.st-grid3,.st-form{grid-template-columns:1fr}.st-creators:before{background:linear-gradient(#0a0b0e66,#0a0b0ed9 40%,#0a0b0ef7 100%)}}.st-tileBadge:not(.st-badgeAccent){color:var(--text);background:#0a0b0e9e}@media (max-width:420px){.st-bar .st-btnSmall{display:none}.st-brand{font-size:15px}}.st-page section[id]{scroll-margin-top:80px}.st-play{z-index:1000;pointer-events:none;opacity:0;position:fixed;inset:0}.st-play[data-phase=warm]{visibility:hidden}.st-play[data-phase=dive],.st-play[data-phase=cover]{opacity:1;pointer-events:auto;animation:.28s ease-out both st-playIn}.st-play[data-phase=reveal]{opacity:0;transition:opacity .7s}@keyframes st-playIn{0%{opacity:0}}.st-playSky{background:linear-gradient(#070a16,#141c36 55%,#232a4a);position:absolute;inset:0}.st-playTown{opacity:0;transition:opacity .4s;position:absolute;inset:0}.st-playTown[data-ready=true]{opacity:1}.st-playPoster{object-fit:cover;width:100%;height:100%;animation:2.1s cubic-bezier(.65,0,.35,1) both st-posterDive;position:absolute;inset:0}@keyframes st-posterDive{to{transform:scale(2.8)}}.st-playGlow{opacity:0;will-change:transform, opacity;animation:st-glow .8s cubic-bezier(.55, 0, .2, 1) var(--glow-at,1.5s) forwards;background:radial-gradient(circle,#fff3d6 0%,#ffcf7a 22%,#ff9a3cbf 40%,#ff9a3c00 62%);position:absolute;inset:-25%;transform:scale(.08)}@keyframes st-glow{0%{opacity:0;transform:scale(.08)}30%{opacity:1}to{opacity:1;transform:scale(2.6)}}.st-playRoom{animation:.24s ease-in both st-room;position:absolute;inset:0}@keyframes st-room{0%{opacity:0}}.st-account{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0}.st-account .st-avatar{object-fit:cover}.st-accountGuest{border:1px solid var(--line);white-space:nowrap;background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 14px 0 6px;font-size:14px;font-weight:600;transition:background-color .16s,border-color .16s;display:inline-flex}.st-accountGuest:not(:has(.st-accountDot)){padding-left:14px}.st-account:hover .st-accountGuest{background:#ffffff1f;border-color:#fff3}.st-accountDot{background:var(--card-2);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}
