@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #08080b;--ash: #131318;--frost: #f2f3f8;--mute: rgba(242, 243, 248, .55);--faint: rgba(242, 243, 248, .14);--star: #ffc53d;--star-hot: #ff8a2b;--pulse: #ff2d6f;--brand: #c4122f;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--content-top: 0px;--display: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--snap: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--frost);font-family:var(--body);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--star);outline-offset:3px;border-radius:6px}.top-row{position:fixed;top:calc(var(--safe-top) + var(--content-top) + 14px);left:15px;right:14px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.logo{display:inline-flex;align-items:baseline;font-family:var(--display);font-weight:800;font-size:20px;line-height:1;letter-spacing:-.055em;text-shadow:0 1px 12px rgba(0,0,0,.6)}.logo-x{color:var(--brand);text-shadow:0 0 18px rgba(196,18,47,.55),0 1px 10px rgba(0,0,0,.7)}.logo-rest{color:var(--frost)}.feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.snap{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always}.card{position:relative;height:100%;background:#000;overflow:hidden}.stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-y;isolation:isolate}.stage video,.stage .poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease),opacity .4s ease}.stage video{position:relative;z-index:1}.stage .poster{position:absolute;inset:0;z-index:0;filter:blur(0);transition:opacity .22s ease}.stage .poster.spent{opacity:0}.gate-veil{position:absolute;inset:0;z-index:2;background:var(--ink) center / cover no-repeat;filter:blur(22px) brightness(.45) saturate(.4);transform:scale(1.12);opacity:0;animation:veilIn .56s var(--ease) forwards;pointer-events:none}@keyframes veilIn{to{opacity:1}}.stage.gated video,.stage.gated .poster{transform:scale(1.06)}.stage.held video{filter:brightness(.78);transition:filter .2s var(--ease)}.stage.hint-swipe{animation:hintSwipe 2.3s var(--snap) infinite}@keyframes hintSwipe{0%,14%{transform:translateY(0) scale(1);border-radius:0}34%{transform:translateY(-10%) scale(.965);border-radius:22px}52%{transform:translateY(-10%) scale(.965);border-radius:22px}70%,to{transform:translateY(0) scale(1);border-radius:0}}.gate-line{position:absolute;inset-inline:0;z-index:3;height:1px;background:linear-gradient(90deg,transparent,var(--star),transparent);box-shadow:0 0 24px 2px #ffc53d80;animation:sweep .9s var(--ease) forwards;pointer-events:none}@keyframes sweep{0%{top:0;opacity:0}25%{opacity:1}to{top:100%;opacity:0}}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.progress{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 26px);height:2px;background:#ffffff29;pointer-events:none;transition:height .2s var(--ease),background .2s var(--ease)}.progress span{display:block;height:100%;background:var(--frost);transform-origin:left;transform:scaleX(0)}.progress.scrubbing{height:5px;background:#ffffff42}.progress.scrubbing span{background:var(--star)}.scrim{position:absolute;left:0;right:0;bottom:0;height:15dvh;background:linear-gradient(180deg,#08080b00,#08080b29 42%,#08080b9e);pointer-events:none;transition:opacity .46s var(--ease)}.caption{position:absolute;left:15px;right:76px;bottom:calc(var(--safe-bottom) + 48px);pointer-events:none;transition:opacity .46s var(--ease),transform .46s var(--ease)}.scrim.down,.caption.down{opacity:0}.caption.down{transform:translateY(6px)}.caption p{margin:0;font-family:var(--display);font-weight:600;font-size:15px;line-height:1.32;letter-spacing:-.02em;text-shadow:0 1px 10px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.paused-mark,.scrub-readout{position:absolute;left:50%;top:50%;pointer-events:none;animation:fade .18s var(--ease)}.paused-mark{width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:999px;background:#08080b66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.paused-mark:before,.paused-mark:after{content:"";position:absolute;top:50%;width:5px;height:20px;margin-top:-10px;border-radius:2px;background:#f2f3f8eb}.paused-mark:before{left:20px}.paused-mark:after{right:20px}.scrub-readout{transform:translate(-50%,-50%);padding:10px 16px;border-radius:14px;font-family:var(--display);font-weight:600;font-size:28px;letter-spacing:-.035em;font-variant-numeric:tabular-nums;background:#08080b80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@keyframes fade{0%{opacity:0}}.rail{position:absolute;right:12px;bottom:calc(var(--safe-bottom) + 134px);display:grid;gap:18px;justify-items:center}.pill,.star-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#08080b80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--faint);font-size:12px;letter-spacing:.01em;color:var(--frost);animation:drop .4s var(--ease) both}.pill{position:absolute;top:calc(var(--safe-top) + var(--content-top) + 14px);right:14px}.star-pill{color:var(--star);border-color:#ffc53d4d}.pill svg,.star-pill svg{width:12px;height:12px;fill:currentColor}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.like{position:relative;width:52px;height:52px;display:grid;place-items:center}.like svg{width:34px;height:34px;overflow:visible;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}.like path{fill:transparent;stroke:var(--frost);stroke-width:1.6;transition:fill .22s var(--ease),stroke .22s var(--ease)}.like.on path{fill:var(--pulse);stroke:var(--pulse)}.like.pop svg{animation:pop .52s var(--ease)}@keyframes pop{0%{transform:scale(1)}22%{transform:scale(.78)}48%{transform:scale(1.28)}70%{transform:scale(.94)}to{transform:scale(1)}}.spark{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:999px;background:var(--pulse);animation:spark .62s var(--ease) forwards}@keyframes spark{0%{transform:rotate(var(--a)) translate(6px) scale(1);opacity:1}to{transform:rotate(var(--a)) translate(34px) scale(0);opacity:0}}.burst{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;pointer-events:none;color:var(--pulse);fill:currentColor;animation:burst .78s var(--ease) forwards}@keyframes burst{0%{transform:scale(.3) rotate(var(--tilt, -8deg));opacity:0}18%{transform:scale(1.15) rotate(var(--tilt, -8deg));opacity:1}40%{transform:scale(.95) rotate(var(--tilt, -8deg));opacity:1}to{transform:scale(1.35) translateY(-46px) rotate(var(--tilt, -8deg));opacity:0}}.onboard{position:fixed;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 24px calc(var(--safe-bottom) + 88px);background:radial-gradient(130% 62% at 50% 100%,rgba(8,8,11,.88) 0%,rgba(8,8,11,.4) 52%,transparent 100%);animation:fade .42s var(--ease) both}.onboard.leaving{animation:onboardOut .4s var(--ease) forwards}@keyframes onboardOut{to{opacity:0;transform:translateY(12px)}}.onboard-copy{display:grid;justify-items:center;gap:5px;text-align:center;animation:onboardStep .46s var(--ease) both}@keyframes onboardStep{0%{opacity:0;transform:translateY(14px)}}.onboard-mark{width:42px;height:54px;margin-bottom:12px}.onboard h2{margin:0;font-family:var(--display);font-weight:700;font-size:27px;letter-spacing:-.045em}.onboard p{margin:0;font-size:13.5px;line-height:1.45;color:var(--mute);max-width:27ch}.onboard-dots{display:flex;gap:6px;margin-top:24px}.onboard-dots i{width:5px;height:5px;border-radius:999px;background:var(--faint);transition:width .32s var(--ease),background .32s var(--ease)}.onboard-dots i.on{width:17px;background:var(--frost)}.swipe-mark rect{fill:none;stroke:#f2f3f873;stroke-width:1.6}.swipe-mark .swipe-dot,.swipe-mark .swipe-arrow,.tap-mark .tap-ring{transform-box:fill-box;transform-origin:center}.swipe-mark .swipe-dot{fill:var(--frost);animation:swipeDot 2.1s var(--snap) infinite}.swipe-mark .swipe-arrow{fill:none;stroke:var(--frost);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:swipeArrow 2.1s var(--snap) infinite}@keyframes swipeDot{0%,12%{transform:translateY(0);opacity:1}46%{transform:translateY(-15px);opacity:.12}64%,to{transform:translateY(0);opacity:1}}@keyframes swipeArrow{0%,12%{opacity:.25;transform:translateY(2px)}46%{opacity:1;transform:translateY(-1px)}72%,to{opacity:.25;transform:translateY(2px)}}.onboard-mark.drag-mark{width:62px;height:53px}.drag-mark .drag-track{fill:#f2f3f833}.drag-mark .drag-arrow{fill:none;stroke:#f2f3f89e;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.drag-mark .drag-grip{fill:var(--frost);transform-box:fill-box;transform-origin:center;animation:dragGrip 2.6s var(--snap) infinite}@keyframes dragGrip{0%,8%{transform:translate(0) scale(1)}22%{transform:translate(0) scale(.86)}46%{transform:translate(-15px) scale(.86)}70%{transform:translate(15px) scale(.86)}86%{transform:translate(0) scale(.86)}to{transform:translate(0) scale(1)}}.tap-mark path{fill:var(--frost)}.tap-mark .tap-ring{fill:none;stroke:#f2f3f873;stroke-width:1.4;animation:tapRing 1.9s var(--ease) infinite}.tap-mark .tap-ring.delay{animation-delay:.65s}.tap-mark .tap-wave{fill:none;stroke:var(--star);stroke-width:2;stroke-linecap:round;animation:tapWave 1.9s var(--ease) infinite}@keyframes tapRing{0%{transform:scale(.55);opacity:.85}70%,to{transform:scale(1.5);opacity:0}}@keyframes tapWave{0%,to{opacity:.15}50%{opacity:1}}.paywall{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 22px calc(var(--safe-bottom) + 26px);background:linear-gradient(180deg,#08080b1a,#08080bdb 62%,#08080b);animation:rise .62s .18s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}.gate-mark{width:34px;height:34px;margin-bottom:20px}.gate-mark path{fill:none;stroke:var(--star);stroke-width:1.4;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;animation:draw .9s .4s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.gate-title{font-family:var(--display);font-weight:600;font-size:clamp(26px,8vw,34px);line-height:1.05;letter-spacing:-.03em;margin:0 0 8px}.gate-note{margin:0 0 26px;font-size:14px;line-height:1.45;color:var(--mute);max-width:30ch}.offers{display:grid;gap:10px}.offer{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:18px;border:1px solid var(--faint);background:#ffffff0b;text-align:left;transition:transform .16s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.offer:active{transform:scale(.985)}.offer[disabled]{opacity:.55;pointer-events:none}.offer.primary{background:linear-gradient(135deg,var(--star) 0%,var(--star-hot) 100%);border-color:transparent;color:#1b1200}.price{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px;flex:none;min-width:62px}.offer:not(.primary) .price{color:var(--star)}.price svg{width:17px;height:17px;fill:currentColor}.offer-copy{display:grid;gap:2px;min-width:0}.offer-copy b{font-weight:600;font-size:15px;letter-spacing:-.01em}.offer-copy span{font-size:12.5px;opacity:.68}.gate-foot{margin:16px 2px 0;font-size:11.5px;color:#f2f3f85c;letter-spacing:.02em}.gate-error{margin:14px 2px 0;font-size:13px;color:#ff8b8b}.boot{height:100dvh;display:grid;place-content:center;justify-items:center;gap:16px;padding:32px;text-align:center}.boot .logo{font-size:30px}.boot h1{font-family:var(--display);font-weight:600;font-size:23px;letter-spacing:-.035em;margin:0}.boot p{margin:0;color:var(--mute);font-size:14px;line-height:1.5;max-width:34ch}.boot button{margin-top:6px;padding:12px 22px;border-radius:999px;background:var(--frost);color:var(--ink);font-weight:600;font-size:14px}.boot-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.04em;color:#f2f3f84d;user-select:all}.spinner{width:26px;height:26px;border-radius:999px;border:2px solid var(--faint);border-top-color:var(--star);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.buffering{position:absolute;left:50%;top:50%;margin:-13px 0 0 -13px;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.stage.gated video,.stage.gated .poster{transform:none}.stage.hint-swipe{animation:none}}