.sound-toggle{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;width:44px;height:44px;padding:11px;border-radius:50%;color:#824356;background:#f7f8fc;border:1px solid #e1cad4;box-shadow:0 4px 16px #29334b12}
.sound-toggle svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sound-toggle .sound-slash{display:none}.sound-toggle[data-sound=off] .sound-waves{display:none}.sound-toggle[data-sound=off] .sound-slash{display:initial}
.mouse-nook.is-cinema{padding:16px 20px}.mouse-nook.is-cinema>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mouse-nook.is-cinema .nook-cinema{margin:0 0 12px}.mouse-nook.is-cinema .nook-actions .secondary-button{min-height:44px;padding:10px 25px;font-size:14px}
.mouse-nook.is-cinema>#close-nook{padding:10px 48px;font-size:14px;margin-top:4px}
.reels-shell{position:relative;height:min(660px,calc(100svh - 204px));width:auto;aspect-ratio:9/16;max-width:90vw;overflow:hidden;border-radius:18px;background:#171b27;color:#fff;isolation:isolate}
.reels-feed{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;outline:none;user-select:none}
.reels-feed::-webkit-scrollbar{display:none}.reels-feed:focus-visible{outline:3px solid #afbbea;outline-offset:-4px}
.reel{position:relative;width:100%;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#171b27}
.reel-backdrop{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(18px);transform:scale(1.15);opacity:.38;pointer-events:none}
.reels-shell .reel-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;background:transparent;object-fit:contain;aspect-ratio:auto}
.reel-caption{position:absolute;bottom:84px;left:18px;right:18px;margin:0;text-align:left;font:600 27px/1.1 var(--hand);text-wrap:balance;white-space:pre-line;color:#fff;text-shadow:0 2px 9px #10121f;pointer-events:none}
.reels-title{position:absolute;top:17px;left:18px;right:18px;margin:0;text-align:left;font-size:15px;font-weight:700;color:#fff;text-shadow:0 2px 10px #10121f;pointer-events:none}
.reels-hint{position:absolute;top:45px;left:18px;margin:0;font-size:12px;line-height:1.4;color:#f1e7ec;text-shadow:0 1px 8px #10121f;pointer-events:none}
.reels-controls{position:absolute;left:13px;right:13px;bottom:19px;display:flex;align-items:center;gap:10px}
.reel-control{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;padding:9px;border-radius:50%;background:#141823b8;color:white;transition:background .15s}
.reel-control:hover{background:#3d4359e6}.reel-control:disabled{opacity:.35;cursor:default}.reel-control:focus-visible{outline-color:#f1c4cc;outline-offset:3px}
.reel-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
#reel-play .play-icon{display:none}#reel-play[data-paused=true] .play-icon{display:block}#reel-play[data-paused=true] .pause-icon{display:none}#reel-play .play-icon path{fill:currentColor;stroke-width:1}
.reel-count{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff}.reel-arrows{margin-left:auto;display:flex;gap:7px}
.reel-progress{position:absolute;left:17px;right:17px;bottom:9px;width:calc(100% - 34px);height:3px;border:0;border-radius:4px;overflow:hidden;appearance:none;background:#ffffff40;color:#f1c4cc}
.reel-progress::-webkit-progress-bar{background:#ffffff40}.reel-progress::-webkit-progress-value{background:#f1c4cc}.reel-progress::-moz-progress-bar{background:#f1c4cc}
.reel-credits{display:inline-block;margin-top:8px;color:#73798c;font-size:11px;text-underline-offset:3px}
@media(max-width:650px){.reels-shell{max-width:90vw}.reel-caption{font-size:27px}.sound-toggle{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.reels-feed{scroll-behavior:auto}.reel-control{transition:none}}
