.reelstrip{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:.7rem;padding-bottom:.4rem;overflow-x:auto;grid-template-columns:none!important;display:flex!important}.reelcard{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:9/16;background:var(--surface-2,#26292d);border:1px solid var(--line);scroll-snap-align:start;border-radius:18px;flex:0 0 clamp(140px,30%,210px);position:relative;overflow:hidden}.reelcard img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reelcard:after{content:"";background:linear-gradient(#0000 55%,#08090ad9);position:absolute;inset:0}.reelcard__play{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0f118c;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reelcard__play svg{width:20px;height:20px;fill:var(--text);margin-left:3px}.reelcard__who{z-index:2;font:600 .8rem/1 var(--font);color:var(--text);position:absolute;bottom:10px;left:10px}.reelcard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reels-open,.reels-open body{overflow:hidden}.reels{z-index:2000;background:#060708;position:fixed;inset:0}.reels__track{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100%;overflow-y:auto}.reels__track::-webkit-scrollbar{display:none}.reels__slide{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;height:100%;display:grid;position:relative}.reels__media{aspect-ratio:9/16;background:#0e0f11;max-width:100%;height:100%;position:relative;overflow:hidden}.reels__media img,.reels__media video,.reels__media iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.reels__info{padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(#0000,#060708eb 40%);gap:6px;max-width:560px;margin:0 auto;display:grid;position:absolute;bottom:0;left:0;right:0}.reels__info b{font:600 1.05rem/1.1 var(--font-head)}.reels__info p{color:#c3c8cd;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.reels__book{pointer-events:auto;justify-self:start}.reels__close{z-index:3;top:calc(12px + env(safe-area-inset-top,0px));cursor:pointer;background:#0e0f1199;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:12px}.reels__close svg{stroke:#fff;stroke-width:2px;fill:none;stroke-linecap:round;width:20px;height:20px}.reels .reels__book{background:var(--accent);color:#0e0f11;min-height:44px;font:700 .95rem/1 var(--font);border-radius:999px;align-items:center;padding:0 1.2rem;text-decoration:none;display:inline-flex;box-shadow:0 0 22px #d6dade8c}