:root{color-scheme:dark;font-family:system-ui,"Tahoma",sans-serif;background:#0a0911;color:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0911;color:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}.reels-top{height:62px;position:sticky;top:0;z-index:50;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:rgba(11,10,19,.94);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff1f}.reels-top strong{font-size:18px;white-space:nowrap}.reels-top strong span{color:#f08bbc}.reels-top strong small{font-size:10px;color:#cebfd4;display:block}.reels-back,.reels-top-actions a,.reels-top-actions button{border:1px solid #ffffff26;border-radius:99px;background:#ffffff10;padding:9px 12px;color:#fff;white-space:nowrap}.reels-top-actions{display:flex;gap:6px}#reels-create{background:#d6408a;border:0;font-weight:700}.reels-app{padding:10px 8px 20px}.reels-search{display:flex;gap:8px;max-width:760px;margin:0 auto 10px}.reels-search label{flex:1;min-width:0}.reels-search input,.reels-search select{width:100%;border:1px solid #ffffff26;background:#201a2c;border-radius:14px;color:#fff;padding:12px}.reels-search select{width:132px;font-size:13px}.reels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:760px;margin:0 auto}.reel-tile{position:relative;display:block;border-radius:18px;overflow:hidden;background:#161221;border:1px solid #ffffff12;min-height:220px;aspect-ratio:.72;box-shadow:0 10px 30px #0004}.reel-tile button{appearance:none;border:0;background:transparent;padding:0;display:block;width:100%;height:100%;cursor:pointer}.reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#060509;background-position:center;background-size:cover}.reel-poster::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.74))}.reel-poster.is-loading::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1a1525 25%,#2a2237 38%,#1a1525 52%);background-size:200% 100%;animation:arsiReelPulse 1.2s linear infinite}.reel-badge{position:absolute;top:10px;left:10px;z-index:2;padding:5px 8px;border-radius:999px;background:#00000070;border:1px solid #ffffff29;font-size:11px}.reel-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#00000078;border:1px solid #ffffff33;font-size:20px}.reel-meta{position:absolute;z-index:2;inset:auto 0 0;padding:10px 10px 12px;text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}.reel-meta strong,.reels-viewer-text strong{display:block;font-size:14px;font-weight:700}.reel-meta h3,.reels-viewer-text h2{margin:6px 0 4px;font-size:15px;line-height:1.4}.reel-meta p,.reels-viewer-text p{margin:0;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.reel-stats{font-size:11px;opacity:.95;margin-top:6px}.reels-empty{text-align:center;padding:60px 10px;color:#ddd;grid-column:1/-1}#reels-more{display:block;margin:16px auto 0;padding:12px 28px;background:#df478d;color:#fff;border:0;border-radius:14px}#reels-more[hidden]{display:none}.reels-viewer{position:fixed;inset:0;z-index:120;background:rgba(7,6,12,.985);display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;padding:max(12px,env(safe-area-inset-top)) 8px max(12px,env(safe-area-inset-bottom))}.reels-viewer[hidden]{display:none}.reels-viewer-stage{position:relative;display:grid;place-items:center;min-height:100dvh}.reels-viewer-media{width:min(100%,560px);height:min(100dvh - 36px,920px);border-radius:22px;overflow:hidden;background:#000;position:relative;box-shadow:0 20px 50px #0007}.reels-viewer-media video{width:100%;height:100%;object-fit:contain;background:#000}.reels-viewer-info{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-between;padding:18px}.reels-viewer-text{max-width:calc(100% - 86px);pointer-events:auto;text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9)}.reels-viewer-text p{max-height:120px;overflow:auto}.reels-viewer-text a{display:inline-flex;margin-top:8px;padding:9px 12px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff2b}.reel-rail{display:grid;gap:10px}.reel-rail button{display:grid;place-items:center;gap:2px;width:60px;min-height:58px;background:#17131cbe;color:#fff;border:1px solid #fff5;border-radius:18px;backdrop-filter:blur(12px);box-shadow:0 8px 18px #0005;cursor:pointer}.reel-rail button b{font-size:26px;line-height:1.1;font-weight:500}.reel-rail button small{font-size:10px}.reel-rail button.active{background:#bd3980d2;border-color:#ff91c9}.reel-rail .reel-infinity b{font-size:34px}.reel-rail-floating{pointer-events:auto}.reels-viewer-close,.reels-viewer-nav{appearance:none;border:1px solid #ffffff2f;background:#ffffff12;color:#fff;cursor:pointer}.reels-viewer-close{position:absolute;top:12px;right:12px;z-index:3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.reels-viewer-nav{width:44px;height:70px;border-radius:999px}.reels-dialog{border:0;padding:0;background:transparent;color:#fff;max-width:min(98vw,500px);max-height:95dvh;width:100%;overflow:visible}.reels-dialog::backdrop{background:#06040bd6;backdrop-filter:blur(7px)}.dialog-panel{position:relative;background:#201a2a;border:1px solid #fff3;border-radius:20px;padding:23px;display:grid;gap:13px;max-height:92dvh;overflow:auto}.dialog-panel h2{margin:0 35px 0 0}.dialog-panel p{font-size:13px;color:#d9ccdf}.dialog-panel label{display:grid;gap:7px}.dialog-panel input,.dialog-panel textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #ffffff47;background:#120e1a;color:#fff}.dialog-panel button,.dialog-panel a{cursor:pointer;background:#d74386;border:0;color:#fff;border-radius:14px;padding:12px;text-align:center}.dialog-panel .dialog-close{position:absolute;top:10px;right:10px;padding:7px 12px;background:#ffffff24}.comments-dialog{margin:auto auto 0;max-width:min(600px,100vw)}.comments-dialog .dialog-panel{border-radius:22px 22px 0 0;min-height:55dvh;max-height:85dvh}#reels-comments-list{overflow:auto;display:grid;gap:10px}#reels-comments-list article{background:#ffffff0b;padding:10px;border-radius:10px}#reels-comments-list article.is-reply{margin-right:26px;border-right:2px solid #e778a6}#reels-comments-list article p{color:#fff;overflow-wrap:anywhere}#reels-comment-form{display:flex;gap:8px;position:sticky;bottom:0;background:#201a2a;padding:7px 0}#reels-comment-form input{min-width:0}#reels-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:150;background:#35172d;color:#fff;border-radius:14px;padding:11px 18px;display:none}#reels-toast.show{display:block}@keyframes arsiReelPulse{from{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:600px){.reels-top{height:57px}.reels-top strong small,.reels-top-actions span,.reels-back span{display:none}.reels-top-actions a,.reels-top-actions button{padding:9px}.reels-search{gap:6px}.reels-viewer{grid-template-columns:1fr;padding-top:max(12px,env(safe-area-inset-top))}.reels-viewer-stage{min-height:100dvh}.reels-viewer-media{width:100%;height:100dvh;border-radius:0}.reels-viewer-nav{display:none}.reels-viewer-info{padding:14px 12px calc(18px + env(safe-area-inset-bottom))}.reels-viewer-text{max-width:calc(100% - 74px)}.reels-grid{gap:6px}.reel-tile{border-radius:14px;min-height:190px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* ARSI 19.7.192.60 — Reels controls, loading, stable viewport and compact interaction */
.reels-viewer{overscroll-behavior:contain}
.reels-viewer-stage{min-height:0;height:100%;max-height:100%;overflow:hidden}
.reels-viewer-media{height:min(100dvh - 36px,920px);max-height:100%;contain:layout paint;isolation:isolate}
.reels-viewer-media video{display:block}
.reels-player-loading{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(120deg,#0b0b11,#231627,#0b0b11);color:#fff;font-size:13px;pointer-events:none;transition:opacity .18s}
.reels-player-loading[hidden]{display:none}
.reels-loading-ring{width:32px;height:32px;border:3px solid #ffffff3a;border-top-color:#e87bb1;border-radius:50%;animation:arsiReelSpin .8s linear infinite}
@keyframes arsiReelSpin{to{transform:rotate(360deg)}}
.reels-player-controls{position:absolute;z-index:6;left:10px;right:10px;top:10px;display:flex;direction:ltr;gap:8px;align-items:center;padding:6px 9px;background:#050407a8;border:1px solid #ffffff24;border-radius:16px;backdrop-filter:blur(10px)}
.reels-player-controls button{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border:0;border-radius:11px;color:#fff;background:#ffffff1a;cursor:pointer;font-size:14px}
.reels-player-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.reels-player-time{font:600 11px/1.2 system-ui,sans-serif;white-space:nowrap;unicode-bidi:isolate}
#reels-player-progress{flex:1;min-width:20px;accent-color:#f07eb2;cursor:pointer;height:22px;touch-action:pan-x}
.reel-rail{gap:7px}.reel-rail button{width:52px;min-height:48px;border-radius:15px;gap:0;padding:3px}
.reel-rail button b{font-size:22px}.reel-rail .reel-infinity b{font-size:29px}.reel-rail button small{font-size:9px}
#reels-comment-form button{min-width:75px;display:flex;justify-content:center;gap:7px;align-items:center}
#reels-comment-form button:disabled{opacity:.7;cursor:wait}
.submit-spinner{width:14px;height:14px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:arsiReelSpin .7s linear infinite}
.submit-spinner[hidden]{display:none}
#reels-comment-status{margin:0;font-size:12px;min-height:0;color:#eac6da}
.reels-dialog .dialog-panel{gap:10px;padding:17px}
@media(max-width:600px){
 .reels-viewer{padding:0}.reels-viewer-stage{height:100dvh;max-height:100dvh}
 .reels-viewer-media{height:100dvh;max-height:100dvh;width:100%;border-radius:0}
 .reels-player-controls{top:calc(52px + env(safe-area-inset-top));left:8px;right:8px;gap:5px;padding:4px 6px}
 .reels-player-controls button{width:30px;height:30px;min-width:30px}
 .reels-player-time{font-size:10px}
 .reels-viewer-info{padding:12px 9px calc(22px + env(safe-area-inset-bottom))}
 .reel-rail button{width:48px;min-height:45px}
 .reels-viewer-text{max-width:calc(100% - 60px)}
 .reels-viewer-close{top:calc(8px + env(safe-area-inset-top));right:8px}
}
@media(prefers-reduced-motion:reduce){.reels-loading-ring,.submit-spinner{animation-duration:1.8s}}

/* ARSI 19.7.192.61 — a single bottom playback rail and compact conversation cards */
.reels-player-controls{top:auto!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;left:10px;right:10px;display:flex;flex-direction:column;gap:3px;padding:7px 10px 2px;background:linear-gradient(0deg,#08050dbf,#09040c4d);border-radius:16px;z-index:9}
.reels-player-actions{display:flex;align-items:center;gap:8px;width:100%;direction:ltr}.reels-player-actions .reels-player-time{margin-inline-start:auto}
#reels-player-progress{width:100%;height:20px;flex:none;margin:0;accent-color:#db468b;cursor:pointer}
.reels-viewer-info{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
.reels-viewer-text{padding:6px 0;text-shadow:0 2px 7px #000,0 0 13px #000}
.reels-viewer-views{display:inline-flex;align-items:center;gap:5px}.reels-viewer-views i{color:#f6bfd9}
.reel-rail button{color:white;border-color:#ffffff3a;background:#2d142fba;transition:transform .12s ease,background .12s ease;will-change:transform}
.reel-rail button:active{transform:scale(.92)}.reel-rail button.active{background:linear-gradient(140deg,#ce3480,#8c3876);border-color:#eeb1d2}
.reel-rail .reel-infinity.active b{animation:arsiInfinity .48s ease-out}
@keyframes arsiInfinity{0%{transform:scale(.65) rotate(-18deg)}55%{transform:scale(1.3) rotate(9deg)}100%{transform:scale(1) rotate(0)}}
.reel-rail button b{display:grid;place-items:center}.reel-rail button i{font-size:20px}.reel-rail .reel-infinity b{font-size:31px}
.comments-dialog{max-width:min(540px,100vw)}.comments-dialog .dialog-panel{padding:13px;gap:9px;background:#201523}
#reels-comments-list{gap:5px;scrollbar-width:thin;scrollbar-color:#9c456d transparent}
#reels-comments-list article{padding:8px 9px;border-radius:12px;background:#ffffff0b;border:1px solid #ffffff13;display:grid;gap:5px;min-width:0}
#reels-comments-list article.is-reply{margin-right:21px;border-right:2px solid #dd5895}
.reels-comment-heading{display:flex;align-items:center;gap:8px;min-width:0}.reels-comment-avatar{width:31px;height:31px;flex:none;border-radius:50%;object-fit:cover;border:1px solid #f5c1dd55;background:#743a64;display:grid;place-items:center;font-size:14px}
.reels-comment-byline{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;min-width:0}.reels-comment-byline strong{font-size:12px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reels-comment-byline time{font-size:10px;color:#cab4c3}
#reels-comments-list article p{font-size:12px;line-height:1.55;margin:0;padding-inline-start:39px}
.reels-comment-reply{justify-self:start;background:none!important;border:0!important;padding:2px 6px!important;color:#ebb2d1!important;font-size:11px}
#reels-comment-form{padding:7px 0 0}#reels-comment-form input{font-size:13px}#reels-comment-form button{font-size:12px}
.reels-live-reactions{position:absolute;z-index:7;left:8%;bottom:25%;width:25%;height:25%;pointer-events:none;overflow:hidden;contain:layout paint}
.reels-float{position:absolute;bottom:0;left:40%;font-size:27px;color:#f289c0;text-shadow:0 5px 20px #000;animation:arsiFloat 2.8s ease-out forwards}
.reels-float.is-comment{font-size:11px;max-width:100%;width:100%;left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#271324e6;border-radius:20px;padding:7px 9px;color:#fff}
@keyframes arsiFloat{0%{opacity:0;transform:translateY(8px) scale(.65)}15%{opacity:1}80%{opacity:.8}100%{opacity:0;transform:translateY(-160px) scale(1.05)}}
.reels-viewer-media video{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.reels-share-scene{position:fixed;inset:0;z-index:250;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#392044,#100919 62%,#09060e);overflow:hidden;color:#fff;padding:20px;isolation:isolate}
.reels-share-scene[hidden],.reels-share-content[hidden]{display:none}
.reels-share-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;z-index:5;width:43px;height:43px;border-radius:50%;border:1px solid #ffffff52;background:#ffffff20;color:#fff;font-size:20px;cursor:pointer}
.reels-share-art{position:relative;transform-style:preserve-3d;perspective:800px;width:min(70vw,310px);aspect-ratio:1;display:grid;place-items:center;animation:arsiArtEntrance 5s ease-in-out both}
.reels-share-orbit{position:absolute;width:90%;height:65%;border:2px solid #f18cc7a0;border-radius:50%;box-shadow:0 0 40px #dc3f8e55,inset 0 0 28px #9d55cc55;transform-style:preserve-3d}
.orbit-a{animation:arsiOrbitA 4.6s linear infinite}.orbit-b{border-color:#9c8cf1ad;animation:arsiOrbitB 4.1s linear infinite}
.reels-share-infinity{font-size:clamp(100px,34vw,210px);font-weight:800;line-height:1;color:#fbc7e3;text-shadow:0 0 28px #ed6ab4,0 0 60px #a964ff;transform:translateZ(60px)}
@keyframes arsiOrbitA{to{transform:rotateY(360deg) rotateX(70deg)}}@keyframes arsiOrbitB{to{transform:rotateX(-360deg) rotateY(55deg)}}@keyframes arsiArtEntrance{0%{opacity:0;transform:scale(.35) rotate(-18deg)}40%{opacity:1;transform:scale(1.12) rotate(10deg)}100%{opacity:1;transform:scale(1)}}
.reels-share-content{position:absolute;z-index:3;bottom:max(34px,env(safe-area-inset-bottom));width:min(100%,480px);text-align:center;display:grid;gap:9px;animation:arsiShareRise .3s ease-out}
.reels-share-content h2{font-size:20px;margin:0}.reels-share-content p{margin:0 0 8px;font-size:13px;color:#f4d5e8}.reels-share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.reels-share-buttons button,.reels-share-buttons a{padding:10px 12px;background:#b92b75;color:white;border:1px solid #ec8dbb;border-radius:12px;cursor:pointer;font-size:12px}
@keyframes arsiShareRise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.reels-player-controls{bottom:calc(5px + env(safe-area-inset-bottom))!important}.reels-viewer-info{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}.reel-rail button{width:47px;min-height:45px}.comments-dialog .dialog-panel{padding:11px}}
@media(prefers-reduced-motion:reduce){.reels-share-art,.reels-share-orbit,.reel-rail .reel-infinity.active b,.reels-float{animation:none!important}.reels-share-art{transform:none}.reels-float{display:none}}

/* ARSI 19.7.192.62 — mobile stability, compact progress and echoes */
.reels-viewer-media{background:#000}
.reels-viewer-media::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.52) 45%,transparent);pointer-events:none;z-index:1}
.reels-viewer-info{z-index:5;padding-bottom:calc(69px + env(safe-area-inset-bottom))!important}
.reels-viewer-text{position:relative;min-width:0;overflow-wrap:anywhere}
.reels-author-line{display:flex;align-items:center;gap:7px;min-width:0;min-height:31px}
.reels-author-avatar{width:31px;height:31px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.55);background:#45243a}
.reels-author-avatar[hidden]{display:none}
.reels-viewer-text.is-pending>*{color:transparent!important;pointer-events:none;border-radius:8px;background:linear-gradient(100deg,rgba(255,255,255,.08),rgba(255,255,255,.23),rgba(255,255,255,.08));background-size:200% 100%;animation:arsiReelPulse 1.25s linear infinite;min-height:13px}
.reels-viewer-text.is-pending .reels-author-avatar{visibility:hidden}
.reels-player-controls{bottom:calc(3px + env(safe-area-inset-bottom))!important;padding:4px 8px 3px;gap:1px;border-radius:10px;background:linear-gradient(0deg,rgba(0,0,0,.67),rgba(0,0,0,.1));border:0;backdrop-filter:none}
#reels-player-progress{height:11px;min-height:11px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
#reels-player-progress::-webkit-slider-runnable-track{height:3px;background:#ffffff6b;border-radius:10px}
#reels-player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border-radius:50%;background:#ef78b4}
#reels-player-progress::-moz-range-track{height:3px;background:#ffffff6b;border-radius:10px}
#reels-player-progress::-moz-range-thumb{width:9px;height:9px;border:0;background:#ef78b4;border-radius:50%}
.reels-player-actions{min-height:29px}.reels-player-actions button{height:27px;width:27px;min-width:27px;border-radius:8px}
.reels-live-reactions{z-index:8;left:7%;bottom:28%;width:30%;height:28%;overflow:hidden}
.reels-float.is-infinity{left:var(--x);font-size:var(--size);display:flex;align-items:center;gap:2px;color:#f48ec4;animation:arsiFloatBurst 2.4s var(--delay) cubic-bezier(.12,.58,.3,1) forwards;filter:drop-shadow(0 1px 8px #0008)}
.reels-float.is-infinity i{font-size:.55em;color:#ffd4eb;font-style:normal}
@keyframes arsiFloatBurst{0%{opacity:0;transform:translateY(10px) translateX(0) scale(.7)}20%{opacity:1}65%{opacity:.9}100%{opacity:0;transform:translateY(-150px) translateX(var(--drift)) scale(1.23)}}
.comments-dialog{max-width:min(470px,100vw)}
.comments-dialog .dialog-panel{max-height:min(78dvh,730px);min-height:42dvh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;padding:11px 12px;gap:7px}
.comments-dialog h2{font-size:16px}
#reels-comments-list{flex:1;min-height:130px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:5px}
#reels-comments-list article{flex-shrink:0;padding:7px 9px;border-radius:11px}
.reels-comment-skeleton{display:flex;gap:8px;align-items:center;padding:8px;height:59px;background:#ffffff0b;border:1px solid #ffffff16;border-radius:11px;animation:arsiReelPulse 1.5s ease-in-out infinite}
.reels-comment-skeleton span{width:29px;height:29px;flex:none;border-radius:50%;background:#ffffff25}
.reels-comment-skeleton div{width:70%;height:22px;border-radius:7px;background:#ffffff20}
.reels-comment-message{font-size:12px;color:#dccddd;text-align:center;padding:25px 10px}
#reels-comment-form{padding:5px 0 0;flex:none;gap:6px}
#reels-comment-input{height:39px;min-height:39px;font-size:12px;padding:8px 10px}
#reels-comment-submit{min-width:62px!important;padding:8px 10px!important;font-size:11px!important;height:39px}
#reels-comments-more{font-size:12px;padding:7px}
@media(max-width:600px){.reels-viewer-stage,.reels-viewer-media{height:100dvh;width:100%;max-height:100dvh}.reels-viewer-info{padding:9px 9px calc(66px + env(safe-area-inset-bottom))!important}.reels-viewer-text{max-width:calc(100% - 67px)}.reel-rail button{width:43px;min-height:43px}.comments-dialog{margin:auto auto 0}.reels-live-reactions{left:5%;width:36%}}
@media(prefers-reduced-motion:reduce){.reels-float.is-infinity,.reels-comment-skeleton,.reels-viewer-text.is-pending>*{animation:none!important}}

#reels-viewer-item{align-items:center;gap:6px}#reels-viewer-item .reels-author-avatar{width:25px;height:25px}

/* 19.7.192.63 — social reel interaction layer: no shadow on ∞ particles */
.reels-float.is-infinity,.reels-float.is-infinity b,.reels-float.is-infinity i{background:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}
.reels-live-reactions{z-index:35;left:8px;bottom:27%;width:155px;height:185px;overflow:visible;pointer-events:none;contain:layout}
.reels-float.is-infinity{position:absolute;inset:auto auto 30px 60px;display:flex;align-items:center;gap:3px;transform-origin:center;font-size:var(--size);color:#ee81bd;animation:arsiInfinityScatter 1.7s var(--delay) cubic-bezier(.2,.7,.2,1) forwards;will-change:transform,opacity}
.reels-float.is-infinity i{font-size:.5em;font-style:normal;color:#ffde9f}
@keyframes arsiInfinityScatter{0%{opacity:0;transform:translate3d(0,0,0) scale(.65)}16%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) scale(1.23)}}
.reels-float.is-comment{position:absolute;left:50%;bottom:5%;max-width:min(72vw,300px);width:max-content;min-width:65px;transform:translateX(-50%);font-size:12px;color:white;border:1px solid #ffffff24;background:rgba(22,14,27,.7);border-radius:18px;padding:7px 12px;box-shadow:none;text-shadow:0 1px 2px #000;animation:arsiEchoFloat 3.2s linear forwards;will-change:transform,opacity}
@keyframes arsiEchoFloat{0%{opacity:0;transform:translate3d(-50%,12px,0)}16%{opacity:1}68%{opacity:1}100%{opacity:0;transform:translate3d(-50%,-90px,0)}}
.reels-live-reactions:has(.is-comment){left:0;bottom:29%;width:100%;height:27%;overflow:hidden;contain:layout paint}
.reels-player-meta{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#fff;opacity:.94;white-space:nowrap;min-width:0}
.reels-player-meta i{font-size:11px}.reels-player-meta time{font-size:10px;opacity:.8;white-space:nowrap}
.reels-exit-confirm{z-index:220;max-width:min(340px,92vw)}.reels-exit-actions{display:flex;gap:8px;flex-wrap:wrap}.reels-exit-actions>*{flex:1;min-width:100px}
#reels-comment-form .submit-spinner[hidden]{display:none}
#reels-comments-list article.is-pending{opacity:.75;border:1px dashed #e2a0c0}
#reels-comments-list article.is-unsynced{opacity:1;border-color:#db7c94}
@media(max-width:600px){.reels-player-actions{gap:4px;flex-wrap:nowrap}.reels-player-time{font-size:10px}.reels-player-meta{gap:3px;font-size:9px}.reels-player-meta time{font-size:9px}.reels-live-reactions{left:0;width:140px}}
@media(prefers-reduced-motion:reduce){.reels-float.is-infinity,.reels-float.is-comment{animation:none!important;display:none!important}}

/* Overlay مستقل للأصداء، لا يؤثر على مسار نجوم اللانهاية. */
.reels-live-comments{position:absolute;z-index:34;left:0;right:0;bottom:29%;height:25%;overflow:hidden;pointer-events:none;contain:layout paint}
.reels-live-comments .reels-float.is-comment{left:50%;bottom:6%;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.65)}
