/* The official player appears only after a click. The poster rail stays native. */
.reels-rail.is-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grabbing;user-select:none}
.reels-rail.is-dragging a{cursor:grabbing}
.reel-viewer{width:min(440px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 120px #0e183055}
.reel-viewer::backdrop{background:#0e1830b8;backdrop-filter:blur(8px)}
.reel-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:var(--paper);position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}
.reel-viewer-account{font:500 11px/1.5 var(--en);letter-spacing:.02em;color:var(--slate)}
.reel-viewer h2{font-size:15px;line-height:1.6;font-weight:600;margin-top:3px}
.reel-viewer-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink)}
.reel-viewer-close:hover{background:var(--mist)}
.reel-frame{min-height:320px;background:var(--paper)}
.reel-frame iframe{display:block;border:0;width:100%;height:720px;background:var(--paper)}
.reel-loading{font-size:12px;padding:16px 18px;color:var(--slate);background:var(--mist)}
.reel-loading[hidden]{display:none}
.reel-viewer-foot{padding:14px 18px;border-top:1px solid var(--line)}
.reel-fallback{font-size:11px;color:var(--slate);line-height:1.7}
.reel-original{display:inline-flex;align-items:center;min-height:44px;color:var(--cobalt);font-size:13px;font-weight:600}
.reel-original:hover{text-decoration:underline}
.reel-viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:var(--mist)}
.reel-viewer-nav button{min-height:44px;padding:8px 6px;border:0;background:none;font-size:12px;font-weight:500;color:var(--cobalt)}
.reel-viewer-nav button:disabled{color:var(--slate);opacity:.5;cursor:default}
.reel-viewer-position{font:500 12px var(--en);color:var(--slate)}
@media(max-width:480px){.reel-viewer{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.reel-viewer-head{padding:10px 12px}.reel-viewer h2{font-size:14px}}