.reels{gap:var(--space-3,12px);scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(180px,23%);grid-auto-flow:column;padding-bottom:8px;display:grid;overflow-x:auto}@media (width<=700px){.reels{grid-auto-columns:62%}}.reels__card{aspect-ratio:9/16;cursor:pointer;border-radius:var(--radius-lg,10px);background:var(--c-surface,#eee);scroll-snap-align:start;color:#fff;border:0;padding:0;position:relative;overflow:hidden}.reels__preview{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease,ease);position:absolute;inset:0}.reels__card:hover .reels__preview,.reels__card:focus-visible .reels__preview{transform:scale(1.04)}.reels__card:focus-visible{outline:2px solid var(--c-accent,#f60);outline-offset:3px}.reels__play{backdrop-filter:blur(6px);background:#00000073;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:12px;left:12px}.reels__title{text-align:left;font-size:var(--fs-sm,14px);background:linear-gradient(#0000,#000000a6);padding:40px 12px 12px;line-height:1.3;position:absolute;inset:auto 0 0}.reels-box{color:#fff;background:#000;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.reels-box::backdrop{background:#000}.rb-bg{filter:blur(40px)brightness(.45)saturate(1.2);background:50%/cover no-repeat;position:absolute;inset:-40px;transform:scale(1.1)}.rb-frame{aspect-ratio:9/16;touch-action:pan-x;background:#000;height:min(100dvh,177.778vw);position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}@media (width>=701px){.rb-frame{border-radius:18px;height:calc(100dvh - 48px);box-shadow:0 30px 80px #00000080}}@media (width<=700px){.rb-frame{aspect-ratio:auto;background:0 0;width:100%;height:100%;inset:0;translate:none}.rb-frame video{object-fit:contain}.rb-top{padding-top:max(14px, env(safe-area-inset-top))}.rb-bottom{padding-bottom:max(18px, env(safe-area-inset-bottom))}}.rb-frame video{object-fit:cover;width:100%;height:100%;display:block}.rb-shade{pointer-events:none;background:linear-gradient(#00000073,#0000 18% 75%,#0009);transition:opacity .3s;position:absolute;inset:0}.rb-tap{cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.rb-big{backdrop-filter:blur(8px);pointer-events:none;opacity:0;background:#0006;border-radius:50%;place-items:center;width:76px;height:76px;transition:opacity .2s,scale .2s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.8}.reels-box.is-paused .rb-big{opacity:1;scale:1}.rb-spin{pointer-events:none;opacity:0;border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:38px;height:38px;margin:-19px;transition:opacity .2s;animation:.8s linear infinite rb-spin;position:absolute;top:50%;left:50%}.reels-box.is-loading .rb-spin{opacity:1}@keyframes rb-spin{to{rotate:360deg}}.rb-top{align-items:center;gap:8px;padding:14px;display:flex;position:absolute;inset:0 0 auto}.rb-title{font-size:var(--fs-sm,14px);text-shadow:0 1px 8px #00000080;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.rb-btn{cursor:pointer;color:#fff;backdrop-filter:blur(8px);background:#00000059;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:background .2s,scale .2s;display:grid}.rb-btn:hover{background:#ffffff38}.rb-btn:active{scale:.92}.rb-btn:focus-visible,.rb-bar:focus-visible{outline:2px solid var(--c-accent,#ff632b);outline-offset:2px}.rb-btn svg{width:20px;height:20px}.reels-box:not(.is-muted) .rb-ico-off,.reels-box.is-muted .rb-ico-on{display:none}.rb-bottom{gap:8px;padding:0 14px 14px;display:grid;position:absolute;inset:auto 0 0}.rb-time{font:500 12px/1 var(--font-mono,monospace);letter-spacing:var(--mono-track,0);opacity:.85;text-shadow:0 1px 6px #0009}.rb-bar{cursor:pointer;touch-action:none;height:18px;position:relative}.rb-bar:before,.rb-fill{content:"";border-radius:2px;height:4px;position:absolute;top:7px;left:0}.rb-bar:before{background:#ffffff4d;right:0}.rb-fill{background:var(--c-accent,#ff632b);width:0}.rb-fill:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:scale .15s;position:absolute;top:-4px;right:-6px;scale:0}.rb-bar:hover .rb-fill:after,.rb-bar.is-drag .rb-fill:after{scale:1}.rb-side{gap:12px;display:grid;position:absolute;top:50%;right:24px;translate:0 -50%}.rb-side .rb-btn{background:#ffffff1f;width:48px;height:48px}.rb-count{font:500 12px/1 var(--font-mono,monospace);opacity:.6;position:absolute;top:50%;left:24px;translate:0 -50%}@media (width<=700px){.rb-side,.rb-count{display:none}}.reels-box.is-idle .rb-top,.reels-box.is-idle .rb-bottom,.reels-box.is-idle .rb-shade{opacity:0}.rb-top,.rb-bottom{transition:opacity .3s}