:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{overscroll-behavior:none;background:#000;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.feed{scroll-snap-type:y mandatory;scrollbar-width:none;background:#fff;height:100dvh;overflow-y:scroll}.brand-logo{top:max(14px, env(safe-area-inset-top,0px));z-index:10;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.card-logo{pointer-events:none;filter:drop-shadow(0 2px 6px #00000080);width:56px;height:56px;position:absolute;top:24px;left:24px}.card-logo svg{width:100%;height:100%;display:block}.feed::-webkit-scrollbar{display:none}.feed-stage{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;align-items:center;height:100dvh;display:flex;position:relative}.stage-brand{pointer-events:none;flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex}.stage-reel{flex:none;justify-content:center;align-items:center;display:flex}.stage-bottom{flex:1 1 0;min-height:0}.reel-card{aspect-ratio:9/16;cursor:pointer;background:#000;border-radius:16px;height:min(100dvh - 120px,177.778vw - 85.3333px);position:relative;overflow:hidden;box-shadow:0 8px 40px #0009}.reel-video{object-fit:cover;width:100%;height:100%;display:block}.action-rail{right:max(12px, env(safe-area-inset-right,0px));z-index:2;flex-direction:column;align-items:center;gap:34px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.action-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:44px;padding:0;transition:transform .15s;display:flex}.action-btn:active{transform:scale(.85)}.action-btn .heart{width:30px;height:30px}.action-icon{color:#fff;stroke-width:2.2px;width:28px;height:28px}.action-count{color:#fff;text-shadow:0 1px 3px #000c;min-height:16px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:600}.action-btn.liked .heart{animation:.3s pop}.play-hint{pointer-events:none;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.6s forwards fade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-hint svg{width:34px;height:34px;margin-left:4px}@keyframes fade{0%{opacity:1}to{opacity:0}}.like-burst{pointer-events:none;z-index:3;animation:.9s forwards burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.like-burst .heart{filter:drop-shadow(0 2px 8px #00000080);width:96px;height:96px}@keyframes burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (width<=640px){.reel-card{aspect-ratio:9/16;border-radius:18px;width:min(100vw - 72px,56.25dvh - 90px);height:auto;box-shadow:0 8px 24px #00000059}}@media (width>=641px) and (width<=1024px){.reel-card{aspect-ratio:9/16;border-radius:18px;width:min(100vw - 112px,56.25dvh - 101.25px);height:auto;box-shadow:0 8px 24px #00000059}}@media (width>=1025px) and (width<=1366px){.reel-card{aspect-ratio:9/16;border-radius:18px;width:min(100vw - 160px,56.25dvh - 112.5px);height:auto;box-shadow:0 8px 24px #00000059}}@media (width>=1367px) and (width<=1600px){.reel-card{aspect-ratio:9/16;border-radius:18px;width:min(100vw - 220px,56.25dvh - 123.75px);height:auto;box-shadow:0 8px 24px #00000059}}@media (width>=1601px){.reel-card{aspect-ratio:9/16;border-radius:18px;width:min(100vw - 300px,56.25dvh - 135px);height:auto;box-shadow:0 8px 24px #00000059}}.feed-message{color:#1a1a1a8c;background:#fff;justify-content:center;align-items:center;height:100dvh;font-size:15px;display:flex}.end-card{text-align:center;color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;padding:32px;display:flex}.end-title{margin:0;font-size:20px;font-weight:700}.end-sub{color:#1a1a1a8c;max-width:22ch;margin:0;font-size:14px;line-height:1.4}.end-frown{width:72px;height:72px}.end-spinner{border:3px solid #1a1a1a26;border-top-color:#1a1a1a;border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.end-spinner{animation-duration:3s}}.end-retry{font:inherit;color:#1a1a1a;cursor:pointer;background:0 0;border:1px solid #1a1a1a40;border-radius:999px;padding:8px 18px;font-size:14px}.end-retry:hover{background:#1a1a1a0f}