.videos-page{max-width:none;margin:0;--reel-bg:#0d1a16;--reel-h:calc(100dvh - var(--header-h));--reel-gap:var(--space-4);--rail-w:48px;--stage-w:min(calc((var(--reel-h) - 2 * var(--reel-gap)) * 9 / 16),calc(100vw - 2 * (var(--rail-w) + var(--space-6))))}.reels{position:relative;height:var(--reel-h)}.reels__track{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.reels__track::-webkit-scrollbar{display:none}.reel{display:grid;place-items:center;height:100%;padding:var(--reel-gap) 0;scroll-snap-align:start;scroll-snap-stop:always}.reel__stage{position:relative;width:var(--stage-w);aspect-ratio:9/16;max-height:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--reel-bg);color:#fff;box-shadow:var(--shadow-md)}.reel__video{display:block;width:100%;height:100%;object-fit:cover}.reel__surface{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;background:none;color:#fff;cursor:pointer}.reel__surface:focus-visible{outline-offset:-4px}.reel__paused{place-items:center;width:72px;height:72px;border-radius:var(--radius-full);background:rgb(0 0 0/40%)}.reel__paused,.reel__sound{display:grid;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reel__sound{position:absolute;top:var(--space-4);right:var(--space-4);place-items:center;width:44px;height:44px;border:0;border-radius:var(--radius-full);background:rgb(0 0 0/40%);color:#fff;cursor:pointer}.reel__sound:hover{background:rgb(0 0 0/60%)}.reel__copy{position:absolute;inset:auto 0 0;display:grid;gap:var(--space-2);padding:var(--space-7) var(--space-5) var(--space-5);background:linear-gradient(180deg,transparent,rgb(0 0 0/70%));pointer-events:none}.reel__title{font-size:clamp(22px,3.4vh,30px);line-height:1.15}.reel__caption{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;color:rgb(255 255 255/88%)}.reel__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0 0;padding:0;list-style:none}.reel__tags li{padding:2px 10px;border-radius:var(--radius-full);background:rgb(255 255 255/18%);font-size:12px;font-weight:600}.reel__hint{display:none;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:12px;color:rgb(255 255 255/75%)}.reel__progress{position:absolute;inset:auto 0 0;height:3px;background:rgb(255 255 255/85%);transform:scaleX(var(--progress));transform-origin:left;transition:transform .25s linear;pointer-events:none}.reel__stage--end{display:grid;place-items:center;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.reels__rail{position:absolute;top:50%;left:calc(50% + var(--stage-w) / 2 + var(--space-5));display:grid;justify-items:center;gap:var(--space-3);transform:translateY(-50%)}.reels__step{width:var(--rail-w);height:var(--rail-w);min-height:0;padding:0;border-radius:var(--radius-full)}.reels__counter{min-height:1.6em;color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reels-state{display:grid;place-items:center;min-height:calc(var(--reel-h) - var(--space-7));padding:var(--space-5)}.reels-state__loading{display:grid;justify-items:center;gap:var(--space-3);color:var(--muted);text-align:center}.reels-spinner{width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:var(--radius-full);animation:reels-spin .8s linear infinite}@keyframes reels-spin{to{transform:rotate(1turn)}}@media (max-width:760px){.videos-page{--reel-h:calc(100dvh - var(--header-h) - var(--tabbar-h) - env(safe-area-inset-bottom))}}@media (max-width:600px){.videos-page{--reel-gap:0px;--stage-w:100%}.reel__stage{height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}.reel__stage--end{border:0}.reels__rail{display:none}.reel__hint{display:flex}.reel__copy{padding:var(--space-7) var(--space-4) var(--space-5)}.reel__caption{-webkit-line-clamp:2}}@media (prefers-reduced-motion:reduce){.reels-spinner{animation-duration:2.4s}.reel__progress{transition:none}}.reel__menu{position:absolute;top:calc(var(--space-4) + 44px + var(--space-2));right:var(--space-4)}