/* RedFeed — logo, stories (topo), acentos */

/* Logo — sem caixa rosa */
.rf-logo-mark,
body.rf-desktop-ui .rf-desktop-rail-mark {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

.rf-logo-mark img,
body.rf-desktop-ui .rf-desktop-rail-mark img {
  filter: drop-shadow(0 2px 8px rgba(255, 23, 77, 0.18)) !important;
}

html[data-rf-theme="light"] .rf-logo-mark,
html[data-rf-theme="light"] body.rf-desktop-ui .rf-desktop-rail-mark {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.07) !important;
}

html[data-rf-theme="light"] .rf-logo-mark img,
html[data-rf-theme="light"] body.rf-desktop-ui .rf-desktop-rail-mark img {
  filter: none !important;
}

/* Stories — anel Instagram: paleta Crimson Ember (vermelho marca + coral + âmbar) */
.rf-stories .rf-story-ring {
  position: relative;
  width: 74px;
  height: 74px;
  min-width: 74px;
  min-height: 74px;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 50%;
  padding: 2.5px !important;
  background: conic-gradient(
    from 210deg,
    #ff174d 0deg,
    #ff4d6d 34deg,
    #ff7a59 68deg,
    #ffb347 102deg,
    #ffc857 136deg,
    #ff6b5a 172deg,
    #e11d48 208deg,
    #be123c 244deg,
    #ff4569 290deg,
    #ff174d 360deg
  ) !important;
  box-shadow:
    0 4px 14px rgba(255, 23, 77, 0.2),
    0 4px 12px rgba(190, 18, 60, 0.12) !important;
}

.rf-stories .rf-story-inner {
  border: 2.5px solid #fff !important;
  box-sizing: border-box;
  background: #0d0d12 !important;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  position: relative;
}

.rf-story-inner {
  position: relative;
}

/* absolute: dentro do grid, height:100% nao vale e foto retrato vira oval — so rail de stories */
.rf-stories .rf-story-inner img,
.rf-story-ring .rf-story-inner img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
  display: block;
  border-radius: 50%;
}

.rf-stories .rf-story-create .rf-story-ring {
  background: conic-gradient(
    from 210deg,
    #ff174d 0deg,
    #ff5c7a 38deg,
    #ff9f43 78deg,
    #ffd166 118deg,
    #ff6b5a 158deg,
    #e11d48 198deg,
    #c41e3a 238deg,
    #ff174d 360deg
  ) !important;
  box-shadow:
    0 5px 16px rgba(255, 23, 77, 0.24),
    0 5px 14px rgba(225, 29, 72, 0.14) !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-ring {
  background: conic-gradient(
    from 210deg,
    #e11d48 0deg,
    #f43f5e 36deg,
    #fb7185 72deg,
    #fdba74 108deg,
    #fbbf24 142deg,
    #f97316 176deg,
    #e11d48 212deg,
    #9f1239 248deg,
    #be123c 286deg,
    #e11d48 360deg
  ) !important;
  box-shadow:
    0 3px 12px rgba(190, 18, 60, 0.12),
    0 3px 10px rgba(249, 115, 22, 0.08) !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-create .rf-story-ring {
  background: conic-gradient(
    from 210deg,
    #ff174d 0deg,
    #f43f5e 40deg,
    #fb923c 82deg,
    #fbbf24 124deg,
    #f97316 166deg,
    #e11d48 208deg,
    #be123c 250deg,
    #ff174d 360deg
  ) !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-inner {
  background: #fff !important;
  border: 2.5px solid #fff !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-inner i {
  color: #ff174d !important;
}

html[data-rf-theme="light"] .rf-stories .rf-story-create .rf-story-inner i {
  color: #ff174d !important;
  filter: none;
}

/* Story rail — aura ao toque + bolha do criador */
.rf-stories .rf-story-ring{position:relative;overflow:visible}
.rf-story-aura{
  position:absolute;inset:-5px;border-radius:50%;pointer-events:none;opacity:0;
  background:conic-gradient(from 0deg,transparent 0deg,#ff174d 24deg,#ff2ea6 48deg,#ffd24a 72deg,#00e5ff 96deg,#ff174d 120deg,transparent 148deg,transparent 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px));
  transform:rotate(0deg);
  filter:drop-shadow(0 0 6px rgba(255,46,166,.55));
}
.rf-story-ring.is-aura .rf-story-aura{animation:rfStoryAuraSweep .68s cubic-bezier(.22,1,.36,1) forwards}
.rf-story-ring.is-aura{animation:rfStoryRingPulse .68s ease}
@keyframes rfStoryAuraSweep{
  0%{opacity:0;transform:rotate(0deg) scale(.94)}
  12%{opacity:1}
  100%{opacity:0;transform:rotate(360deg) scale(1.04)}
}
@keyframes rfStoryRingPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  38%{transform:scale(1.08);filter:brightness(1.18);box-shadow:0 0 26px rgba(255,46,166,.55),0 0 40px rgba(0,229,255,.22),0 0 18px rgba(255,210,74,.28)}
}
.rf-story-mine{position:relative}
.rf-story-mine-top{position:relative;width:74px;margin:0 auto 8px}
.rf-story-mine-view{display:block;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.rf-story-mine-empty{display:block}
.rf-story-mine-add{
  position:absolute;right:-3px;top:-3px;width:26px;height:26px;border-radius:50%;
  border:2.5px solid #fff;background:linear-gradient(135deg,#ff174d,#ff5c7a);color:#fff;
  font-size:.7rem;display:grid;place-items:center;z-index:4;cursor:pointer;padding:0;
  box-shadow:0 4px 14px rgba(255,23,77,.38);touch-action:manipulation;-webkit-tap-highlight-color:transparent
}
.rf-story-mine-add:active{transform:scale(.94)}
.rf-story-tap{-webkit-tap-highlight-color:transparent;touch-action:manipulation}

/* Story rail — arco de luz no anel externo ao voltar ao feed (mobile / app) */
html[data-rf-native-app="1"] .rf-home-stories.rf-story-roulette-on,
html[data-rf-native-app="1"] .rf-home-stories.rf-story-roulette-on .rf-container,
body.rf-redfeed-home:not(.rf-desktop-ui) .rf-home-stories.rf-story-roulette-on,
body.rf-redfeed-home:not(.rf-desktop-ui) .rf-home-stories.rf-story-roulette-on .rf-container{
  overflow:visible!important;
}
.rf-story-rail.rf-story-roulette-on .rf-story-roulette-item .rf-story-inner{
  transform:none!important;
  animation:none!important;
}
.rf-story-rail.rf-story-roulette-on .rf-story-roulette-item{
  transform:none!important;
  animation:rfStoryRouletteRingGlow var(--rf-roulette-duration,920ms) ease-out both;
  animation-delay:var(--rf-roulette-delay,0ms);
}
.rf-story-rail.rf-story-roulette-on .rf-story-roulette-item .rf-story-aura{
  opacity:0;
  background:conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 248deg,
    rgba(255,255,255,.92) 264deg,
    #ff174d 278deg,
    #ff2ea6 292deg,
    #ffd24a 306deg,
    #00e5ff 320deg,
    rgba(255,255,255,.78) 334deg,
    transparent 352deg,
    transparent 360deg
  );
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 4px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 4px));
  filter:drop-shadow(0 0 7px rgba(255,46,166,.65)) drop-shadow(0 0 12px rgba(255,210,74,.35));
  transform:rotate(var(--rf-roulette-start,0deg));
  animation:rfStoryRouletteArcSweep var(--rf-roulette-duration,920ms) cubic-bezier(.25,.92,.28,1) both;
  animation-delay:var(--rf-roulette-delay,0ms);
  will-change:transform,opacity;
}
@keyframes rfStoryRouletteRingGlow{
  0%,100%{filter:brightness(1) saturate(1)}
  42%{filter:brightness(1.14) saturate(1.12)}
}
@keyframes rfStoryRouletteArcSweep{
  0%{opacity:0;transform:rotate(var(--rf-roulette-start,0deg))}
  10%{opacity:1}
  78%{opacity:.88;transform:rotate(var(--rf-roulette-end,360deg))}
  100%{opacity:0;transform:rotate(var(--rf-roulette-end,360deg))}
}
@media (prefers-reduced-motion:reduce){
  .rf-story-rail.rf-story-roulette-on .rf-story-roulette-item,
  .rf-story-rail.rf-story-roulette-on .rf-story-roulette-item .rf-story-aura{
    animation:none!important;
  }
}

/* Perfil / comentarios — flash ao toque (sem anel colorido permanente) */
.rf-profile-tap-flash{
  position:fixed;
  z-index:2147483005;
  pointer-events:none;
  transform:translate(-50%,-50%);
  border-radius:50%;
}
.rf-profile-tap-flash .rf-story-aura{
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:conic-gradient(from 0deg,transparent 0deg,#ff174d 24deg,#ff2ea6 48deg,#ffd24a 72deg,#00e5ff 96deg,#ff174d 120deg,transparent 148deg,transparent 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 5px));
  filter:drop-shadow(0 0 8px rgba(255,46,166,.55));
}
.rf-profile-tap-flash.is-aura .rf-story-aura{
  animation:rfStoryAuraSweep .68s cubic-bezier(.22,1,.36,1) forwards;
}
img.rf-profile-tap-pulse,
.rf-post-top img.rf-profile-tap-pulse,
.rf-social-comment-avatar.rf-profile-tap-pulse,
.rf-engage-desc-avatar.rf-profile-tap-pulse{
  animation:rfProfileAvatarFlash .68s ease;
}
@keyframes rfProfileAvatarFlash{
  0%,100%{transform:scale(1);filter:brightness(1)}
  38%{transform:scale(1.06);filter:brightness(1.18);box-shadow:0 0 22px rgba(255,46,166,.45),0 0 32px rgba(0,229,255,.18)}
}
.rf-post-top-link,
a.rf-post-top[href],
.rf-engage-desc-creator{-webkit-tap-highlight-color:transparent;touch-action:manipulation}

html:not([data-rf-theme="light"]) .rf-header-inner .rf-theme-toggle-btn,
html:not([data-rf-theme="light"]) .rf-header-inner .rf-notif-btn,
html:not([data-rf-theme="light"]) .rf-header-inner .rf-header-search-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #ececf4 !important;
  box-shadow: none !important;
}

html:not([data-rf-theme="light"]) .rf-header-inner .rf-theme-toggle-btn:hover,
html:not([data-rf-theme="light"]) .rf-header-inner .rf-notif-btn:hover,
html:not([data-rf-theme="light"]) .rf-header-inner .rf-header-search-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
}

/* Mensagens — sem neon lavando foto do header */
html[data-rf-messages-page="1"] .rf-shell::before {
  opacity: 0.28;
}

body.rf-dm-thread-open .rf-shell::before {
  display: none !important;
}

/* Neon topo — dark: mais vivo, sem lavar o header */
html:not([data-rf-theme="light"]) body.rf-redfeed-home .rf-shell::before,
html[data-rf-native-app="1"]:not([data-rf-theme="light"]) .rf-shell::before {
  background:
    radial-gradient(ellipse 130% 100% at 12% -20%, rgba(255, 23, 77, 0.42), transparent 58%),
    radial-gradient(ellipse 88% 72% at 4% 0%, rgba(255, 46, 166, 0.22), transparent 56%),
    radial-gradient(ellipse 52% 44% at 94% -8%, rgba(140, 50, 200, 0.12), transparent 48%) !important;
}

/* Desktop mini reels — video poster fallback */
.rf-desktop-mini-reel-thumb.has-vid-fallback {
  background: #0c0c12;
}

.rf-desktop-mini-reel-vid {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  background: #0c0c12;
}

body.rf-desktop-ui .rf-desktop-mini-reel-thumb i {
  z-index: 2;
}