﻿.lyric-bar{
  position:fixed;
  left:50%;
  bottom:58px;
  transform:translateX(-50%);
  z-index:26;
  width:min(calc(100vw - 44px),760px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 10px;
  pointer-events:none;
}
.lyric-stage{
  position:relative;
  flex:1;
  min-width:0;
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
}
.lyric-line{
  text-align:center;
  color:rgba(245,232,204,.94);
  font-family:'Lora',serif;
  font-size:clamp(.92rem,1.15vw,1.08rem);
  font-style:italic;
  letter-spacing:0;
  line-height:1.45;
  opacity:1;
  text-shadow:0 0 12px rgba(225,170,80,.14),0 2px 14px rgba(6,2,0,.42),0 1px 10px rgba(30,10,0,.28);
  transition:opacity .55s ease,color .55s ease,text-shadow .55s ease,filter .55s ease;
}
.lyric-line.is-pulsing{
  color:rgba(252,244,223,.99);
  text-shadow:0 0 10px rgba(255,225,165,.22),0 0 18px rgba(225,170,80,.12),0 1px 12px rgba(30,10,0,.28);
  animation:sharedLyricFadeGlow .85s ease;
}
@keyframes sharedLyricFadeGlow{
  0%{opacity:0;filter:blur(2px);}
  55%{opacity:1;filter:blur(0);}
  100%{opacity:1;filter:blur(0);}
}
.lyric-controls{
  display:flex;
  align-items:center;
  gap:8px;
  pointer-events:auto;
  flex-shrink:0;
}
.lyric-toggle{
  width:34px;
  height:34px;
  border-radius:8px;
  border:1px solid rgba(200,155,40,.18);
  background:rgba(200,155,40,.07);
  color:rgba(220,180,80,.6);
  padding:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(8px);
  box-shadow:0 2px 12px rgba(0,0,0,.18);
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.lyric-toggle:hover{
  background:rgba(200,155,40,.15);
  color:rgba(240,200,100,.95);
  border-color:rgba(220,175,60,.36);
  box-shadow:0 0 18px rgba(200,155,40,.16);
  transform:translateY(-1px);
}
.lyric-toggle.is-off{
  color:rgba(220,180,80,.3);
  background:rgba(200,155,40,.05);
  border-color:rgba(200,155,40,.12);
}
.lyric-bar[data-lyrics-hidden="true"] .lyric-line{
  opacity:.34;
}
@media(max-width:600px){
  .lyric-bar{
    bottom:58px;
    width:min(calc(100vw - 28px),680px);
    gap:10px;
  }
  .lyric-line{font-size:.92rem;}
}