@font-face{font-family:'Inter';src:url(Inter-Regular.eot);src:url(Inter-Regular.eot?#iefix) format("embedded-opentype"),url(Inter-Regular.woff2) format("woff2"),url(Inter-Regular.woff) format("woff"),url(Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:'Inter'}body{background:#000}.rotate-message{position:fixed;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:20px;background:#26306dfa;color:#fff;z-index:9999;font-size:20px;line-height:1.4}body.portrait .rotate-message{display:flex}.hero{position:relative;height:100vh;overflow:hidden;background:#000}video{width:100%;height:100%;display:block}.thumb-area{position:fixed;left:0;right:0;bottom:20px;padding:0 12px;display:flex;justify-content:center;align-items:center;gap:15px;pointer-events:auto}.thumb-viewport{width:360px;height:auto;overflow:hidden;border-radius:10px;touch-action:pan-y;user-select:none}.thumb-rail{display:flex;align-items:center;transition:transform 360ms cubic-bezier(.2,.8,.2,1);will-change:transform}.thumb{flex:0 0 auto;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;background:#fff6;border-radius:50px;padding:10px 20px;border:1px solid #fff;color:#fff;font-size:18px}.thumb img{width:45px;margin-right:15px}.arrow{width:54px;height:54px;border-radius:54px;display:flex;align-items:center;justify-content:center;background:#fff6;cursor:pointer;border:1px solid #fff}.arrow svg{width:36px;height:36px;fill:#fff}@media (max-width:420px){.thumb-viewport{width:260px;height:88px}}