/* CANTAIMY v7.6.86 — protected lyrics modal */

.lyrics-open-btn{
  appearance:none;
  border:1px solid rgba(236,78,219,.34);
  background:rgba(25,18,53,.72);
  color:#f3d9ff;
  min-height:30px;
  padding:5px 10px;
  border-radius:8px;
  font:600 11px/1.2 Inter,system-ui,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.lyrics-open-btn:hover,
.lyrics-open-btn:focus-visible{
  border-color:rgba(239,59,207,.72);
  background:rgba(239,59,207,.12);
  outline:none;
}
.track-card-lyrics{margin-top:8px;align-self:flex-start}
.catalog-card-lyrics{margin-top:7px}
.library-lyrics{min-height:34px}

body.lyrics-modal-open{overflow:hidden}

.lyrics-modal[hidden]{display:none!important}
.lyrics-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:22px;
}
.lyrics-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,2,14,.78);
  backdrop-filter:blur(8px);
}
.lyrics-modal-panel{
  position:relative;
  width:min(760px,94vw);
  max-height:min(86vh,900px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(205,87,255,.34);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(15,12,42,.98),rgba(7,6,25,.99));
  box-shadow:0 28px 90px rgba(0,0,0,.55),0 0 42px rgba(210,50,255,.10);
}
.lyrics-modal-header{
  display:flex;
  gap:18px;
  align-items:flex-start;
  justify-content:space-between;
  padding:20px 22px 15px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.lyrics-modal-kicker{
  margin-bottom:5px;
  color:#58e5ff;
  font:800 10px/1.2 Montserrat,Inter,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.lyrics-modal-header h2{
  margin:0;
  color:#fff;
  font:800 clamp(20px,3vw,30px)/1.1 Montserrat,Inter,sans-serif;
}
.lyrics-modal-header p{
  margin:6px 0 0;
  color:#a9a6c5;
  font:500 13px/1.35 Inter,sans-serif;
}
.lyrics-modal-close{
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#fff;
  border-radius:9px;
  padding:8px 12px;
  cursor:pointer;
  font:700 12px/1 Inter,sans-serif;
}
.lyrics-modal-close:hover,
.lyrics-modal-close:focus-visible{
  border-color:rgba(239,59,207,.65);
  outline:none;
}
.lyrics-modal-hint{
  padding:10px 22px;
  color:#9e9ab9;
  background:rgba(255,255,255,.025);
  border-bottom:1px solid rgba(255,255,255,.06);
  font:500 11px/1.4 Inter,sans-serif;
}
.lyrics-modal-body{
  overflow:auto;
  padding:24px 28px 34px;
  color:#f4f0fb;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:500 15px/1.78 Inter,system-ui,sans-serif;
  letter-spacing:.003em;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  cursor:default;
}
.lyrics-modal-body:focus{outline:none}

@media (max-width:700px){
  .lyrics-modal{padding:0}
  .lyrics-modal-panel{
    width:100vw;
    height:100dvh;
    max-height:none;
    border-radius:0;
    border-left:0;
    border-right:0;
  }
  .lyrics-modal-header{padding:16px 16px 13px}
  .lyrics-modal-hint{padding:9px 16px}
  .lyrics-modal-body{padding:20px 20px 32px;font-size:15px;line-height:1.72}
  .track-card-lyrics{width:100%;justify-content:center}
  .catalog-card-lyrics{font-size:10px;padding:4px 8px}
  .library-lyrics{min-height:32px;padding:4px 8px}
}