/* AngelBoy V163 - Fireworks Love premium + acceso vista completa desde panel admin */
:root{
  --fire-love:#ff4d6d;
  --fire-love-2:#ff8fa3;
  --fire-gold:#ffe4a3;
  --fire-dark:#2b0d17;
  --fire-ink:#07030a;
}
.father-studio{
  background:
    radial-gradient(circle at 16% 16%,rgba(255,77,109,.34),transparent 28rem),
    radial-gradient(circle at 86% 12%,rgba(255,228,163,.18),transparent 28rem),
    radial-gradient(circle at 50% 88%,rgba(255,77,109,.18),transparent 34rem),
    linear-gradient(135deg,#090006 0%,#2b0d17 44%,#07030a 100%)!important;
}
.aurora{
  background:
    radial-gradient(ellipse at 14% 20%,rgba(255,77,109,.30),transparent 30%),
    radial-gradient(ellipse at 76% 18%,rgba(255,228,163,.18),transparent 32%),
    radial-gradient(ellipse at 52% 86%,rgba(255,92,139,.20),transparent 35%)!important;
}
.gold-vignette{
  background:
    linear-gradient(90deg,rgba(255,77,109,.16),transparent 20%,transparent 80%,rgba(255,77,109,.14)),
    radial-gradient(circle at 50% 50%,transparent 50%,rgba(0,0,0,.70))!important;
}
.studio-topbar{
  background:rgba(10,2,8,.72)!important;
  border-color:rgba(255,77,109,.28)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.44),0 0 46px rgba(255,77,109,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.brand,.timer-pill{color:#fff!important;text-shadow:0 0 18px rgba(255,77,109,.65)}
.brand span,.timer-pill{
  background:linear-gradient(135deg,rgba(255,77,109,.32),rgba(255,228,163,.12))!important;
  border-color:rgba(255,77,109,.42)!important;
}
.studio-topbar nav a:hover{background:rgba(255,77,109,.18)!important;border-color:rgba(255,77,109,.32)!important;box-shadow:0 0 24px rgba(255,77,109,.18)}
.preview-panel,.editor-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,77,109,.035))!important;
  border-color:rgba(255,77,109,.24)!important;
  box-shadow:0 28px 120px rgba(0,0,0,.52),0 0 66px rgba(255,77,109,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.preview-panel:before,.editor-panel:before{
  background:linear-gradient(115deg,rgba(255,77,109,.18),transparent 24%,transparent 70%,rgba(255,228,163,.12))!important;
}
.preview-head span,.panel-kicker{color:#ffd6df!important;text-shadow:0 0 16px rgba(255,77,109,.45)}
.preview-head b{
  background:linear-gradient(135deg,rgba(255,77,109,.35),rgba(255,228,163,.13))!important;
  border-color:rgba(255,77,109,.36)!important;
  color:#fff!important;
}
.preview-stage{
  background:
    radial-gradient(circle at 50% 14%,rgba(255,77,109,.26),transparent 18rem),
    radial-gradient(circle at 50% 78%,rgba(255,228,163,.10),transparent 19rem),
    linear-gradient(180deg,rgba(18,2,12,.96),rgba(4,2,8,.98))!important;
  border-color:rgba(255,77,109,.24)!important;
}
.preview-stage:before,.preview-stage:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  opacity:.72;
  filter:drop-shadow(0 0 16px rgba(255,77,109,.66));
  z-index:0;
}
.preview-stage:before{
  width:240px;height:240px;left:7%;top:9%;
  background:
    radial-gradient(circle,rgba(255,255,255,.9) 0 2px,transparent 3px),
    conic-gradient(from 12deg,transparent 0 10deg,rgba(255,77,109,.88) 10deg 12deg,transparent 12deg 24deg,rgba(255,228,163,.7) 24deg 26deg,transparent 26deg 360deg);
  -webkit-mask:radial-gradient(circle,transparent 0 22px,#000 23px 90px,transparent 94px);
  mask:radial-gradient(circle,transparent 0 22px,#000 23px 90px,transparent 94px);
  animation:ab163FireworkPulse 4.8s ease-in-out infinite;
}
.preview-stage:after{
  width:190px;height:190px;right:8%;bottom:12%;
  background:
    radial-gradient(circle,rgba(255,255,255,.85) 0 2px,transparent 3px),
    conic-gradient(from -8deg,transparent 0 13deg,rgba(255,143,163,.88) 13deg 15deg,transparent 15deg 28deg,rgba(255,228,163,.72) 28deg 30deg,transparent 30deg 360deg);
  -webkit-mask:radial-gradient(circle,transparent 0 18px,#000 19px 72px,transparent 76px);
  mask:radial-gradient(circle,transparent 0 18px,#000 19px 72px,transparent 76px);
  animation:ab163FireworkPulse 5.6s ease-in-out -2.2s infinite;
}
.phone-screen{
  z-index:2;
  background:linear-gradient(180deg,rgba(21,3,13,.99),rgba(5,2,8,.99))!important;
  border-color:rgba(255,77,109,.42)!important;
  box-shadow:0 0 0 9px rgba(255,255,255,.025),0 0 0 1px rgba(255,77,109,.22),0 24px 100px rgba(0,0,0,.74),0 0 70px rgba(255,77,109,.20)!important;
}
.phone-screen:after{
  background:
    linear-gradient(90deg,rgba(255,255,255,.055),transparent 16%,transparent 84%,rgba(255,255,255,.055)),
    radial-gradient(circle at 50% 0,rgba(255,77,109,.17),transparent 20rem)!important;
}
.hero-medal:before{border-color:rgba(255,77,109,.38)!important;filter:drop-shadow(0 0 14px rgba(255,77,109,.72))!important}
.hero-medal:after{filter:drop-shadow(0 0 14px rgba(255,77,109,.9))!important}
.hero-medal img{box-shadow:0 0 0 2px rgba(255,77,109,.42),0 0 52px rgba(255,77,109,.35),0 25px 80px rgba(0,0,0,.58)!important}
.ring-spin{background:conic-gradient(from 0deg,transparent,var(--fire-love),var(--fire-gold),transparent,var(--fire-love))!important}
.title,.editor-panel h1{
  color:#fff!important;
  text-shadow:0 0 10px rgba(255,255,255,.65),0 0 28px rgba(255,77,109,.82),0 0 62px rgba(255,77,109,.35)!important;
}
.subtitle,.panel-subtitle{color:#ffe8ee!important}
.player,.letter-card,.award-card,.feature-row div,.ai-box,.phrase-editor,.share-box,.file-drop{
  border-color:rgba(255,77,109,.30)!important;
  background:linear-gradient(180deg,rgba(43,13,23,.72),rgba(7,3,10,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 58px rgba(0,0,0,.34),0 0 30px rgba(255,77,109,.10)!important;
}
.disc,.controls #playBtn,.editor-actions button,.editor-actions a,.share-actions a,.share-actions button,.quick-editor button,.ai-buttons button{
  box-shadow:0 0 28px rgba(255,77,109,.24)!important;
}
.controls #playBtn,.editor-actions button,.share-actions button,.gate a.primary{
  background:linear-gradient(135deg,#ff4d6d,#ff8fa3)!important;
  color:#fff!important;
}
.bar i{background:linear-gradient(90deg,#ff4d6d,#ff8fa3,#ffe4a3)!important}
.section-title,.letter-card strong,.gate h3{color:#fff!important;text-shadow:0 0 22px rgba(255,77,109,.68)!important}
.letter-card:before,.award-card:before{border-color:rgba(255,77,109,.28)!important}
.phrase-float{color:rgba(255,214,223,.62)!important;text-shadow:0 0 18px rgba(255,77,109,.38)!important}
.gold-orb{background:#ff4d6d!important;box-shadow:0 0 18px #ff4d6d,0 0 42px rgba(255,77,109,.68)!important}
.ab163-burst{
  position:fixed;left:50%;top:50%;width:10px;height:10px;pointer-events:none;z-index:6;
  transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px rgba(255,77,109,.82));
}
.ab163-burst i{
  position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;
  background:var(--fire-love);box-shadow:0 0 18px var(--fire-love),0 0 34px rgba(255,77,109,.55);
  transform:translate(-50%,-50%) rotate(var(--a)) translateX(0) scale(.8);
  animation:ab163SparkFly 1.45s ease-out forwards;
}
.ab163-burst i:nth-child(3n){background:#fff;box-shadow:0 0 18px #fff,0 0 30px rgba(255,77,109,.55)}
.ab163-burst i:nth-child(4n){background:var(--fire-gold);box-shadow:0 0 18px var(--fire-gold),0 0 34px rgba(255,228,163,.50)}
.ab163-heart-chip{
  position:fixed;pointer-events:none;z-index:7;font-size:16px;line-height:1;opacity:0;
  filter:drop-shadow(0 0 10px rgba(255,77,109,.9));animation:ab163HeartFloat 2.1s ease-out forwards;
}
@keyframes ab163FireworkPulse{
  0%,100%{transform:scale(.72) rotate(0deg);opacity:.22}
  18%{opacity:.95}
  52%{transform:scale(1.08) rotate(15deg);opacity:.58}
  78%{opacity:.16}
}
@keyframes ab163SparkFly{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateX(0) scale(.35)}
  15%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--d,120px)) scale(1.15)}
}
@keyframes ab163HeartFloat{
  0%{opacity:0;transform:translate3d(0,12px,0) scale(.6) rotate(-8deg)}
  18%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--dx,12px),-92px,0) scale(1.38) rotate(12deg)}
}
@media(max-width:760px){
  .preview-stage:before{width:170px;height:170px;left:-8%;top:6%}
  .preview-stage:after{width:140px;height:140px;right:-7%;bottom:10%}
  .ab163-burst i{width:5px;height:5px}
}
@media(prefers-reduced-motion:reduce){.preview-stage:before,.preview-stage:after,.ab163-burst i,.ab163-heart-chip{animation:none!important}.ab163-burst,.ab163-heart-chip{display:none!important}}