/* AppNegar V28.3 — compact premium reel rail.  Reels are click-to-load only. */
#videos.reels-v283{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,7vw,96px) 0;background:
radial-gradient(circle at 85% 8%,rgba(16,171,211,.17),transparent 27rem),
radial-gradient(circle at 10% 92%,rgba(100,69,200,.17),transparent 31rem),
linear-gradient(145deg,#06162f 0%,#071d3c 54%,#06152c 100%);color:#fff;border-block:1px solid rgba(116,166,222,.16)}
#videos.reels-v283:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}
#videos.reels-v283:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(73,210,238,.55),transparent)}
.reels-v283-shell{position:relative;width:min(1280px,calc(100% - 32px));margin-inline:auto}
.reels-v283-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;margin-bottom:30px}
.reels-v283-copy{text-align:right;max-width:760px}
.reels-v283-kicker{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 13px;border:1px solid rgba(88,216,240,.22);border-radius:999px;background:rgba(26,184,219,.08);color:#c7f5ff;font-size:12px;font-weight:900;backdrop-filter:blur(12px)}
.reels-v283-kicker svg{width:15px;height:15px;color:#67e8f9}
.reels-v283-title{margin:13px 0 0;color:#fff;font-size:clamp(28px,3.3vw,43px);font-weight:950;line-height:1.55;letter-spacing:-.025em}
.reels-v283-subtitle{max-width:720px;margin:9px 0 0;color:rgba(219,234,254,.76);font-size:clamp(13px,1.2vw,16px);font-weight:600;line-height:2}
.reels-v283-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.reels-v283-count,.reels-v283-safe{display:inline-flex;align-items:center;min-height:39px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);color:rgba(219,234,254,.74);font-size:11px;font-weight:850;white-space:nowrap}
.reels-v283-arrows{display:flex;gap:8px;direction:ltr}
.reels-v283-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.075);color:#fff;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.12);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.reels-v283-arrow:hover{transform:translateY(-2px);background:rgba(255,255,255,.14);border-color:rgba(103,232,249,.3)}
.reels-v283-arrow svg{width:20px;height:20px}
.reels-v283-rail-wrap{position:relative;width:min(1160px,100%);margin-inline:auto}
.reels-v283-fade{position:absolute;z-index:6;top:20px;bottom:28px;width:72px;pointer-events:none}
.reels-v283-fade.left{left:0;background:linear-gradient(90deg,#06162f,transparent)}
.reels-v283-fade.right{right:0;background:linear-gradient(270deg,#06162f,transparent)}
.reels-v283-rail{display:flex;align-items:stretch;gap:20px;overflow-x:auto;overflow-y:hidden;direction:ltr;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:15px 58px 30px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.reels-v283-rail::-webkit-scrollbar{display:none}
.reels-v283-rail.is-short{justify-content:center}
.reels-v283-card{position:relative;flex:0 0 clamp(272px,23vw,304px);scroll-snap-align:center;direction:rtl;outline:none}
.reels-v283-frame{position:relative;padding:4px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.035));box-shadow:0 30px 85px rgba(1,8,25,.34);transition:transform .28s ease,box-shadow .28s ease}
.reels-v283-card:hover .reels-v283-frame{transform:translateY(-6px);box-shadow:0 38px 95px rgba(1,8,25,.48)}
.reels-v283-media{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 25% 18%,rgba(35,211,238,.48),transparent 31%),radial-gradient(circle at 76% 78%,rgba(120,81,210,.38),transparent 35%),linear-gradient(160deg,#0a315f,#07162f 50%,#170e34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.reels-v283-poster,.reels-v283-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.reels-v283-video{opacity:0;transition:opacity .25s ease}
.reels-v283-card.is-loaded .reels-v283-video{opacity:1}
.reels-v283-grid{position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px}
.reels-v283-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(1,8,23,.54) 0%,transparent 25%,transparent 53%,rgba(1,7,20,.94) 100%)}
.reels-v283-top{position:absolute;z-index:4;top:14px;inset-inline:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.reels-v283-chip,.reels-v283-index{display:inline-flex;align-items:center;min-height:31px;border:1px solid rgba(255,255,255,.14);background:rgba(2,15,35,.58);color:#fff;border-radius:999px;backdrop-filter:blur(12px);font-size:10px;font-weight:900}
.reels-v283-chip{gap:6px;padding:0 11px}.reels-v283-chip svg{width:13px;height:13px;color:#67e8f9}.reels-v283-index{justify-content:center;min-width:31px;padding:0 8px;direction:ltr;color:rgba(255,255,255,.86)}
.reels-v283-play{position:absolute;z-index:5;left:50%;top:44%;display:grid;place-items:center;width:68px;height:68px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#fff;color:#072b63;cursor:pointer;box-shadow:0 20px 54px rgba(0,0,0,.36);transition:transform .2s ease,box-shadow .2s ease}
.reels-v283-play:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 23px 64px rgba(0,0,0,.46)}
.reels-v283-play svg{width:25px;height:25px}
.reels-v283-info{position:absolute;z-index:4;inset-inline:14px;bottom:14px;padding:14px;border:1px solid rgba(255,255,255,.115);border-radius:20px;background:rgba(2,15,35,.68);backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(0,0,0,.2)}
.reels-v283-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:rgba(219,234,254,.73);font-size:9.5px;font-weight:850}
.reels-v283-sound,.reels-v283-duration{display:inline-flex;align-items:center;gap:5px}.reels-v283-sound svg,.reels-v283-duration svg{width:13px;height:13px}.reels-v283-sound svg{color:#67e8f9}.reels-v283-duration{direction:ltr;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.06)}
.reels-v283-card-title{margin:0;color:#fff;font-size:15px;font-weight:950;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.reels-v283-desc{margin:4px 0 0;color:rgba(226,232,240,.74);font-size:10.5px;font-weight:600;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.reels-v283-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:5px;color:rgba(219,234,254,.5);font-size:10.5px;font-weight:750;text-align:center}.reels-v283-note:before{content:"";width:34px;height:2px;border-radius:99px;background:rgba(103,232,249,.45)}
@media(max-width:900px){.reels-v283-head{grid-template-columns:1fr;align-items:start;gap:18px}.reels-v283-actions{justify-content:space-between}.reels-v283-fade{display:none}.reels-v283-rail{padding-inline:5px}.reels-v283-rail.is-short{justify-content:flex-start}.reels-v283-safe{display:none}}
@media(max-width:640px){#videos.reels-v283{padding:58px 0}.reels-v283-shell{width:calc(100% - 22px)}.reels-v283-title{font-size:27px}.reels-v283-subtitle{font-size:13px}.reels-v283-count{display:none}.reels-v283-arrows{display:none}.reels-v283-card{flex-basis:min(78vw,292px)}.reels-v283-rail{gap:14px;padding-bottom:22px}.reels-v283-frame{border-radius:32px}.reels-v283-media{border-radius:28px}.reels-v283-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.reels-v283-frame,.reels-v283-play,.reels-v283-video,.reels-v283-arrow{transition:none!important}}
