.sv{position:relative;--sv-scrub:380vh}.sv-scroll{height:calc(100vh + var(--sv-scrub));height:calc(100svh + var(--sv-scrub))}.sv-stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;padding-top:72px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.sv-glow{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(38% 30% at 50% 45%,rgba(240,168,48,.16),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgba(20,11,60,.9),transparent 70%);filter:blur(10px)}.sv-frame{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;display:flex;align-items:center;justify-content:center}.sv-video{display:block;width:100%;height:100%;object-fit:contain;background:var(--bg)}.sv-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:hsla(42,45%,94%,.08)}.sv-bar i{display:block;height:100%;width:100%;transform-origin:left center;background:var(--gold-grad-h)}.sv-meta{position:absolute;top:86px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.sv-meta .sv-sep{color:var(--amber-deep);font-size:9px}.sv-meta .sv-chapter{color:var(--amber)}.sv-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:opacity .6s ease}.sv-hint i{width:1px;height:26px;background:linear-gradient(180deg,var(--amber),transparent);animation:sv-drop 1.6s ease-in-out infinite}.sv-hint.off{opacity:0}@keyframes sv-drop{0%{transform:scaleY(0);transform-origin:top;opacity:0}40%{opacity:1}to{transform:scaleY(1);transform-origin:top;opacity:0}}@media (min-width:900px){.sv-frame{height:calc(100vh - 72px - 48px);height:calc(100svh - 72px - 48px);border-radius:14px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(240,168,48,.12)}.sv-meta{top:84px}.sv-hint{bottom:12px}}@media (max-width:899px){.sv-frame{width:100%;height:100%;aspect-ratio:auto}.sv-video{object-fit:contain}}@media (prefers-reduced-motion:reduce){.sv-hint i{animation:none}}