.sms-reels-rail-slot{inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow:hidden}
.sms-reels-rail{
  --sms-reels-primary:#7a4dff;
  --sms-reels-secondary:#20dda0;
  --sms-reels-highlight:#ffffff;
  --sms-reels-primary-rgb:122,77,255;
  --sms-reels-secondary-rgb:32,221,160;
  --sms-reels-highlight-rgb:255,255,255;
  --sms-reels-ink:#172033;
  position:relative;
  inline-size:100%;
  max-inline-size:100%;
  min-inline-size:0;
  isolation:isolate;
  margin:0 0 18px;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(var(--sms-reels-highlight-rgb),.84);
  border-radius:22px;
  color:var(--sms-reels-ink);
  background:linear-gradient(135deg,#fff 0%,#fafbff 48%,#fff 100%);
  box-shadow:0 14px 34px rgba(23,32,51,.10),inset 0 1px 0 rgba(255,255,255,.92);
}
.sms-reels-rail[data-sms-reels-neon="1"]{
  background:
    radial-gradient(circle at 8% 10%,rgba(var(--sms-reels-primary-rgb),.36) 0,rgba(var(--sms-reels-primary-rgb),.16) 22%,transparent 47%),
    radial-gradient(circle at 92% 12%,rgba(var(--sms-reels-secondary-rgb),.34) 0,rgba(var(--sms-reels-secondary-rgb),.14) 24%,transparent 49%),
    radial-gradient(circle at 52% 110%,rgba(var(--sms-reels-highlight-rgb),.94) 0,rgba(var(--sms-reels-highlight-rgb),.28) 37%,transparent 64%),
    linear-gradient(125deg,rgba(var(--sms-reels-highlight-rgb),.98) 0%,rgba(var(--sms-reels-primary-rgb),.10) 31%,rgba(var(--sms-reels-secondary-rgb),.11) 66%,rgba(var(--sms-reels-highlight-rgb),.97) 100%);
  background-size:145% 145%,150% 150%,135% 135%,100% 100%;
  box-shadow:
    0 18px 46px rgba(var(--sms-reels-primary-rgb),.14),
    0 10px 34px rgba(var(--sms-reels-secondary-rgb),.10),
    0 0 0 1px rgba(var(--sms-reels-primary-rgb),.13),
    0 0 30px rgba(var(--sms-reels-secondary-rgb),.08),
    inset 0 1px 0 rgba(var(--sms-reels-highlight-rgb),.96),
    inset 0 -1px 0 rgba(var(--sms-reels-secondary-rgb),.16);
  animation:smsReelsAuraFlow 9s ease-in-out infinite alternate;
}
.sms-reels-rail::before{
  content:"";
  position:absolute;
  inset:-78%;
  z-index:0;
  pointer-events:none;
  border-radius:38%;
  opacity:0;
  transform:rotate(0deg) scale(1.02);
  background:conic-gradient(
    from 0deg,
    transparent 0deg 22deg,
    rgba(var(--sms-reels-primary-rgb),.08) 34deg,
    rgba(var(--sms-reels-primary-rgb),.52) 57deg,
    rgba(var(--sms-reels-highlight-rgb),.82) 73deg,
    rgba(var(--sms-reels-primary-rgb),.14) 92deg,
    transparent 118deg 150deg,
    rgba(var(--sms-reels-secondary-rgb),.12) 166deg,
    rgba(var(--sms-reels-secondary-rgb),.55) 193deg,
    rgba(var(--sms-reels-highlight-rgb),.72) 210deg,
    rgba(var(--sms-reels-secondary-rgb),.13) 232deg,
    transparent 258deg 294deg,
    rgba(var(--sms-reels-primary-rgb),.30) 316deg,
    rgba(var(--sms-reels-secondary-rgb),.36) 338deg,
    transparent 360deg
  );
  filter:blur(28px) saturate(1.25);
  will-change:transform;
}
.sms-reels-rail[data-sms-reels-neon="1"]::before{
  opacity:.68;
  animation:smsReelsAuraSpin 12s linear infinite;
}
@keyframes smsReelsAuraFlow{
  0%{background-position:0% 15%,100% 0%,50% 100%,0 0}
  50%{background-position:25% 0%,78% 24%,58% 88%,0 0}
  100%{background-position:42% 25%,60% 0%,42% 72%,0 0}
}
@keyframes smsReelsAuraSpin{
  0%{transform:rotate(0deg) scale(1.02)}
  50%{transform:rotate(180deg) scale(1.08)}
  100%{transform:rotate(360deg) scale(1.02)}
}
.sms-reels-rail[data-sms-reels-neon="0"]::before{display:none}
.sms-reels-rail__header,.sms-reels-rail__viewport,.sms-reels-rail__track{position:relative;z-index:2}
.sms-reels-rail__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 12px}
.sms-reels-rail__header div{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:nowrap}
.sms-reels-rail__header span{font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--sms-reels-primary);text-shadow:0 0 15px rgba(var(--sms-reels-primary-rgb),.28)}
.sms-reels-rail__header h2{margin:0;font-size:20px;line-height:1.15;color:var(--sms-reels-ink)}
.sms-reels-rail__header small{color:#667085}
.sms-reels-rail__viewport{position:relative;min-inline-size:0;max-inline-size:100%}
.sms-reels-rail__nav{position:absolute;top:50%;z-index:7;width:42px;height:42px;margin-top:-21px;border:1px solid rgba(var(--sms-reels-highlight-rgb),.74);border-radius:999px;display:grid;place-items:center;background:rgba(20,22,31,.72);color:#fff;box-shadow:0 8px 24px rgba(13,13,18,.25),0 0 18px rgba(var(--sms-reels-primary-rgb),.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .18s ease,transform .18s ease,background .18s ease}
.sms-reels-rail__nav span{font-size:30px;line-height:1;transform:translateY(-1px)}
.sms-reels-rail__nav--prev{left:8px}
.sms-reels-rail__nav--next{right:8px}
.sms-reels-rail[data-sms-reels-overflow="1"] .sms-reels-rail__nav{opacity:.94;pointer-events:auto;transform:scale(1)}
.sms-reels-rail__nav:hover:not(:disabled){background:rgba(20,22,31,.88)}
.sms-reels-rail__nav:focus-visible{outline:3px solid rgba(var(--sms-reels-primary-rgb),.34);outline-offset:2px}
.sms-reels-rail__nav:disabled{opacity:0!important;pointer-events:none!important}
.sms-reels-rail__track{display:flex;inline-size:100%;max-inline-size:100%;min-inline-size:0;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:1px 2px 2px}
.sms-reels-rail__track::-webkit-scrollbar{display:none;width:0;height:0}
.sms-reels-rail__item{position:relative;flex:0 0 clamp(148px,18vw,190px);aspect-ratio:9/16;scroll-snap-align:start;border:1px solid rgba(var(--sms-reels-highlight-rgb),.42);border-radius:18px;overflow:hidden;background:#0d0d12;box-shadow:0 10px 24px rgba(30,25,55,.18),0 0 0 1px rgba(var(--sms-reels-primary-rgb),.10),0 0 22px rgba(var(--sms-reels-secondary-rgb),.06)}
.sms-reels-rail__item>.sms-activity-card{width:100%;height:100%;min-height:0;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#0d0d12!important;overflow:hidden}
.sms-reels-rail .sms-activity-card__header,.sms-reels-rail .sms-activity-card__body,.sms-reels-rail .sms-activity-card__media,.sms-reels-rail .sms-activity-card__poll,.sms-reels-rail .sms-activity-card__audio,.sms-reels-rail .sms-activity-card__reactions,.sms-reels-rail .sms-activity-card__engagement,.sms-reels-rail .sms-reactions,.sms-reels-rail .sms-comments,.sms-reels-rail .sms-shared-preview,.sms-reels-rail .sms-activity-card__article{display:none!important}
.sms-reels-rail .sms-activity-card__native{position:absolute;inset:0;width:100%;height:100%;border-radius:0!important;background:#0d0d12;cursor:pointer}
.sms-reels-rail .sms-activity-card__native video{width:100%!important;height:100%!important;object-fit:cover!important;background:#0d0d12;pointer-events:none}
.sms-reels-rail .sms-activity-card__native video::-webkit-media-controls{display:none!important}
.sms-reels-rail .sms-video-immersive-launch{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;opacity:0!important}
.sms-reels-rail__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:rgba(13,13,18,.64);border:1px solid rgba(var(--sms-reels-highlight-rgb),.78);box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 22px rgba(var(--sms-reels-primary-rgb),.30),0 0 14px rgba(var(--sms-reels-secondary-rgb),.17);pointer-events:none;z-index:4}
.sms-reels-rail__play i{display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff;margin-left:3px}
[data-sms-theme="dark"] .sms-reels-rail{
  --sms-reels-ink:#f7f8fc;
  border-color:rgba(var(--sms-reels-highlight-rgb),.16);
  background:linear-gradient(135deg,#161823 0%,#1a1c29 48%,#141820 100%);
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
[data-sms-theme="dark"] .sms-reels-rail[data-sms-reels-neon="1"]{
  background:
    radial-gradient(circle at 8% 10%,rgba(var(--sms-reels-primary-rgb),.40) 0,rgba(var(--sms-reels-primary-rgb),.15) 25%,transparent 49%),
    radial-gradient(circle at 92% 12%,rgba(var(--sms-reels-secondary-rgb),.35) 0,rgba(var(--sms-reels-secondary-rgb),.12) 27%,transparent 50%),
    radial-gradient(circle at 52% 110%,rgba(var(--sms-reels-highlight-rgb),.12) 0,rgba(var(--sms-reels-highlight-rgb),.05) 36%,transparent 62%),
    linear-gradient(125deg,#171623 0%,#211c30 34%,#13251f 67%,#161923 100%);
  background-size:145% 145%,150% 150%,135% 135%,100% 100%;
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 34px rgba(var(--sms-reels-primary-rgb),.12),0 0 25px rgba(var(--sms-reels-secondary-rgb),.08),inset 0 1px 0 rgba(var(--sms-reels-highlight-rgb),.10);
}
[data-sms-theme="dark"] .sms-reels-rail__header small{color:#abb4c6}
@media (prefers-color-scheme:dark){
  [data-sms-theme="system"] .sms-reels-rail{--sms-reels-ink:#f7f8fc;border-color:rgba(var(--sms-reels-highlight-rgb),.16);background:linear-gradient(135deg,#161823 0%,#1a1c29 48%,#141820 100%);box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
  [data-sms-theme="system"] .sms-reels-rail[data-sms-reels-neon="1"]{background:radial-gradient(circle at 8% 10%,rgba(var(--sms-reels-primary-rgb),.40) 0,rgba(var(--sms-reels-primary-rgb),.15) 25%,transparent 49%),radial-gradient(circle at 92% 12%,rgba(var(--sms-reels-secondary-rgb),.35) 0,rgba(var(--sms-reels-secondary-rgb),.12) 27%,transparent 50%),radial-gradient(circle at 52% 110%,rgba(var(--sms-reels-highlight-rgb),.12) 0,rgba(var(--sms-reels-highlight-rgb),.05) 36%,transparent 62%),linear-gradient(125deg,#171623 0%,#211c30 34%,#13251f 67%,#161923 100%);background-size:145% 145%,150% 150%,135% 135%,100% 100%;box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 34px rgba(var(--sms-reels-primary-rgb),.12),0 0 25px rgba(var(--sms-reels-secondary-rgb),.08),inset 0 1px 0 rgba(var(--sms-reels-highlight-rgb),.10)}
  [data-sms-theme="system"] .sms-reels-rail__header small{color:#abb4c6}
}
@media (prefers-reduced-motion:reduce){
  .sms-reels-rail[data-sms-reels-neon="1"]{animation:none!important;background-position:12% 8%,88% 10%,50% 100%,0 0!important}
  .sms-reels-rail[data-sms-reels-neon="1"]::before{animation:none!important;transform:rotate(32deg) scale(1.04)!important}
}
@media(max-width:782px){
  .sms-reels-rail{margin-inline:0;padding:13px 12px;border-radius:19px}
  .sms-reels-rail__header small{display:none}
  .sms-reels-rail__item{flex-basis:min(43vw,172px)}
  .sms-reels-rail__track{gap:10px;scroll-snap-type:x mandatory;scroll-padding-inline:2px}
  .sms-reels-rail__nav{display:none!important}
  @supports (offset-path:inset(4px round 19px)){
  }
}

/* 2.3.10 — lightweight 5-second Reels card preview. The preview uses a
   separate muted media element so hover/press samples never advance the
   canonical activity player or count as a real viewer playback. */
.sms-reels-rail__preview{
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#0d0d12;
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease;
}
.sms-reels-rail__item.is-previewing .sms-reels-rail__preview{opacity:1}
.sms-reels-rail__play{transition:opacity .12s ease,transform .12s ease}
.sms-reels-rail__item.is-previewing .sms-reels-rail__play{opacity:0;transform:translate(-50%,-50%) scale(.92)}
@media(max-width:782px){
  .sms-reels-rail__item{-webkit-touch-callout:none}
}
@media(prefers-reduced-motion:reduce){
  .sms-reels-rail__preview{display:none!important}
}