.awyt-section{background:#000;padding:10px 0;color:#fff}.awyt-player{max-width:1200px;margin:auto}.awyt-strip{display:flex;align-items:center;gap:12px;min-height:54px}.awyt-strip img{width:44px;height:44px;flex:none;border-radius:5px;object-fit:cover;background:#1d2631}.awyt-track{display:flex;flex:1;min-width:100px;flex-direction:column;justify-content:center;gap:1px}.awyt-track strong{font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:white}.awyt-track small{color:#c4bdc4;font-size:10px}.awyt-lyric{font-size:10px;color:#ea9baa;height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.awyt-controls{display:flex;align-items:center;gap:3px}.awyt-controls button{background:none;border:0;color:#f2e9ef;cursor:pointer;padding:5px;font-size:12px;min-width:25px}.awyt-controls button:hover{color:#ff658b}.awyt-volume{display:flex;align-items:center;gap:6px;font-size:10px}.awyt-volume input{width:73px;accent-color:#e8506a}.awyt-timeline{display:flex;align-items:center;gap:9px;padding:0 0 3px}.awyt-timeline small{font-size:10px;color:#d6cad1;font-variant-numeric:tabular-nums}.awyt-timeline input{width:100%;margin:0;accent-color:#e75075;height:3px}.awyt-video-wrap[hidden]{display:none}.awyt-video-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px 0 8px;gap:5px}.awyt-video-wrap iframe{width:340px;max-width:100%;height:220px;border:0}.awyt-video-wrap span{font-size:12px;color:#e9a4ac}.awyt-strip button:focus-visible,.awyt-strip input:focus-visible,.awyt-timeline input:focus-visible{outline:2px solid #ffa2bf;outline-offset:2px}@media(max-width:740px){.awyt-strip{gap:7px;flex-wrap:wrap}.awyt-volume{margin-left:auto}.awyt-track{flex-basis:calc(100% - 55px)}.awyt-controls{margin-left:54px}.awyt-strip img{width:42px;height:42px}.awyt-video-wrap iframe{width:320px;height:210px}} 

/* TESTE 70 x 70: substitui a thumb pelo player, sem abrir video inferior. */
.awyt-media{width:70px;height:70px;flex:0 0 70px;position:relative;overflow:hidden;border-radius:5px;background:#111821}
.awyt-media #awyt-thumb{display:block;width:70px!important;height:70px!important;max-width:none;object-fit:cover}
.awyt-video-wrap{position:absolute;inset:0;padding:0!important;margin:0!important;display:block!important;width:70px;height:70px;overflow:hidden;border:0}
.awyt-video-wrap[hidden]{display:none!important}
.awyt-video-wrap iframe,.awyt-video-wrap #awyt-video{display:block;width:70px!important;height:70px!important;min-width:0!important;min-height:0!important;max-width:none!important;border:0!important}
.awyt-media:has(.awyt-video-wrap:not([hidden])) #awyt-thumb{visibility:hidden}
.awyt-error:empty{display:none}
.awyt-error{display:block;font-size:11px;color:#e9a4ac}
@media(max-width:740px){.awyt-media{width:70px;height:70px;flex-basis:70px}.awyt-media #awyt-thumb{width:70px!important;height:70px!important}.awyt-track{flex-basis:calc(100% - 85px)}}

/* Fundo discreto: anima somente enquanto o YouTube confirma reproducao. */
.awyt-section.awyt-is-playing{animation:awyt-subtle-pulse 16s ease-in-out infinite}
@keyframes awyt-subtle-pulse{
  0%,100%{background-color:#000000}
  25%{background-color:#060d17}
  50%{background-color:#06120b}
  75%{background-color:#160707}
}
@media(prefers-reduced-motion:reduce){
  .awyt-section.awyt-is-playing{animation:none;background-color:#080b0f}
}


/* ALAX | Player — paleta do preloader com glow apenas quando estiver tocando */
.awyt-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #000 !important;
}
/* Sem cor no estado natural. O glow só aparece quando o player estiver tocando. */
.awyt-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse 42% 105% at 50% 50%,
    rgba(239,35,18,.28) 0%,
    rgba(255,78,24,.18) 24%,
    rgba(255,139,44,.08) 42%,
    transparent 68%);
  transition: opacity .35s ease;
}
.awyt-section.awyt-is-playing {
  animation: none !important;
}
.awyt-section.awyt-is-playing::before {
  opacity: .70;
  animation: awyt-ember-center-pulse 8.5s ease-in-out infinite;
}
@keyframes awyt-ember-center-pulse {
  0%, 100% { opacity: .46; transform: scaleX(.90); }
  50% { opacity: .72; transform: scaleX(1.02); }
}
.awyt-controls button:hover,
.awyt-controls button:focus-visible { color: #ff9a43 !important; text-shadow: 0 0 8px rgba(255,74,25,.42); }
.awyt-controls button { color: #f5f2ef; }
.awyt-lyric,.awyt-error,.awyt-video-wrap span { color: #ff916c; }
.awyt-volume input,.awyt-timeline input { accent-color: #ff6330 !important; }
.awyt-volume input::-webkit-slider-thumb,.awyt-timeline input::-webkit-slider-thumb {
  background: #ff7333;
  box-shadow: 0 0 6px rgba(255,61,25,.48),0 0 12px rgba(255,116,36,.22);
}
.awyt-volume input::-moz-range-thumb,.awyt-timeline input::-moz-range-thumb {
  background: #ff7333;
  box-shadow: 0 0 6px rgba(255,61,25,.48),0 0 12px rgba(255,116,36,.22);
}
.awyt-strip button:focus-visible,.awyt-strip input:focus-visible,.awyt-timeline input:focus-visible {
  outline-color: #ff9345;
}
@media (prefers-reduced-motion: reduce) {
  .awyt-section.awyt-is-playing::before { animation: none !important; opacity: .42; }
}
.awyt-section > .awyt-player { position: relative; z-index: 1; }