/* Reels have their own compact portrait viewer; the editorial dialog is unchanged. */
#reel-viewer{padding:0;border:1px solid #d0e5ee24;border-radius:24px;background:#06131d;color:#fff;width:min(420px,calc((100dvh - 48px) * .5625),calc(100vw - 36px));max-width:none;max-height:none;overflow:visible;box-shadow:0 22px 90px #020b1666;outline:none;direction:rtl}
#reel-viewer::backdrop{background:#04131bd9;backdrop-filter:blur(12px)}
.reel-stage{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:23px;background:#06131d;isolation:isolate}
.reel-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;margin:0;background:#06131d}
.reel-topbar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:linear-gradient(#020b18a8,transparent);z-index:5}
.reel-brand{font-size:12px;display:flex;align-items:center;gap:7px;color:#f3fafc;text-shadow:0 1px 8px #0008}.reel-brand>i{width:6px;height:6px;border-radius:50%;background:#9ad7e6;box-shadow:0 0 10px #8bd1e399}.reel-top-actions{display:flex;gap:7px}
.reel-control{width:38px;height:38px;padding:9px;border:1px solid #ffffff24;border-radius:50%;background:#061b2c8c;color:white;display:grid;place-items:center;flex-shrink:0;cursor:pointer;backdrop-filter:blur(8px);line-height:1}
.reel-control>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.reel-control:disabled{opacity:.3;cursor:default}.reel-control:hover:not(:disabled){background:#175d76c9;border-color:#ffffff66}.reel-control:focus-visible,.reel-footer a:focus-visible,.reel-seek:focus-visible,.reel-tap:focus-visible{outline:2px solid #bce5ed;outline-offset:3px}
.reel-tap{position:absolute;inset:64px 0 180px;width:100%;border:0;background:transparent;z-index:2;cursor:pointer;color:white;display:grid;place-items:center;border-radius:0}.reel-play-mark{width:64px;height:64px;display:grid;place-items:center;background:#07182680;border:1px solid #ffffff60;border-radius:50%;backdrop-filter:blur(6px);opacity:0;scale:.88;pointer-events:none}.reel-play-mark svg{width:28px;height:28px;fill:white;stroke:none;margin-inline-start:4px}#reel-viewer[data-paused=true] .reel-play-mark{opacity:1;scale:1}
.reel-caption{position:absolute;bottom:0;right:0;left:0;padding:72px 20px 17px;background:linear-gradient(transparent,#020d1ae8 37%,#020d1afc);z-index:4;pointer-events:none}.reel-caption>*{pointer-events:auto}.reel-title{font-size:19px!important;color:white!important;line-height:1.75;margin:0 0 7px;text-shadow:0 2px 12px #0004;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.reel-description{font-size:12px!important;color:#c4d7e1;line-height:1.9;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-transport{display:flex;align-items:center;gap:10px;margin:12px 0 2px}.reel-transport .reel-control{width:31px;height:31px;padding:7px;border:0;background:transparent;backdrop-filter:none}.reel-transport .reel-control svg{width:18px;height:18px}.reel-time{font:11px Arial,sans-serif;color:#d1e0e9;direction:ltr;margin-inline-start:auto;white-space:nowrap}
.reel-seek{display:block;direction:ltr;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:20px;padding:0;margin:4px 0 8px;border:0;box-shadow:none;border-radius:0;background:transparent;cursor:pointer;accent-color:#bce5ed}.reel-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#bce5ed var(--reel-progress,0%),#ffffff35 var(--reel-progress,0%));border-radius:3px}.reel-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;background:#e3f7fc;border-radius:50%;margin-top:-3.5px}.reel-seek::-moz-range-track{height:3px;background:#ffffff35;border-radius:3px}.reel-seek::-moz-range-progress{height:3px;background:#bce5ed}.reel-seek::-moz-range-thumb{width:10px;height:10px;background:#e3f7fc;border:0;border-radius:50%}
.reel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;border-top:1px solid #ffffff16}.reel-footer a{font-size:11px;color:#d3e9f1;text-decoration:none;padding:7px 0;display:inline-flex;align-items:center;gap:6px}.reel-footer a>svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.reel-footer a:hover{color:white}.reel-position{font-size:10px;color:#acc4d1;white-space:nowrap}
.reel-navigation{position:absolute;left:-64px;top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:12px}.reel-navigation .reel-control{width:44px;height:44px;background:#102a3dd9;border-color:#ffffff35}.reel-navigation small{font-size:10px;color:#b5cedb;text-align:center;margin-top:2px;white-space:nowrap}.reel-message{position:absolute;inset:64px 12px 190px;display:grid;align-content:center;justify-items:center;text-align:center;gap:14px;pointer-events:none;z-index:3}.reel-message:empty{display:none}.reel-message p{font-size:13px;line-height:1.9;color:#e0edf4;padding:10px 16px;border-radius:12px;background:#06131dbe;margin:0}.reel-message button{pointer-events:auto;color:white;background:#175d76;padding:10px 17px;border-radius:10px;font:inherit;font-size:13px}.reel-share-status{position:absolute;top:66px;left:14px;right:14px;text-align:center;z-index:6;font-size:12px;color:white;pointer-events:none}.reel-share-status:not(:empty){padding:8px 12px;border-radius:10px;background:#0b273ddb}
html:has(#reel-viewer[open]){overflow:hidden;scrollbar-gutter:stable}
@media(prefers-reduced-motion:no-preference){#reel-viewer[open]{animation:reel-viewer-in .28s cubic-bezier(.22,1,.36,1)}.reel-control,.reel-play-mark{transition:background .2s,border-color .2s,opacity .2s,scale .25s}.reel-control:active{scale:.94}}
@keyframes reel-viewer-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){#reel-viewer{width:min(calc((100dvh - 24px) * .5625),calc(100vw - 24px));border-radius:20px}.reel-stage{border-radius:19px}.reel-navigation{left:10px;top:43%;gap:10px;z-index:5}.reel-navigation .reel-control{width:34px;height:34px;padding:7px;background:#061b2c8c;backdrop-filter:blur(8px)}.reel-navigation small{display:none}.reel-topbar{padding:11px}.reel-control{width:35px;height:35px;padding:8px}.reel-caption{padding:65px 16px 12px}.reel-title{font-size:18px!important}.reel-description{font-size:12px!important}.reel-footer a{font-size:11px}.reel-tap{inset:60px 0 174px}}
@media(max-height:590px){.reel-caption{padding:36px 12px 8px}.reel-description{display:none}.reel-title{font-size:15px!important;-webkit-line-clamp:1;margin-bottom:2px}.reel-topbar{padding:8px}.reel-brand{font-size:10px}.reel-top-actions{gap:5px}.reel-control{width:29px;height:29px;padding:6px}.reel-control>svg{width:16px;height:16px}.reel-transport{margin:6px 0 0}.reel-footer a{font-size:10px}.reel-position{font-size:9px}.reel-tap{inset:46px 0 126px}.reel-message{inset:46px 10px 140px}}
.reel-tap{touch-action:none}