.city-anthem {
  margin: 0 clamp(28px, 6vw, 100px) 100px;
  padding: 45px clamp(28px, 5vw, 65px);
  display: grid;
  grid-template-columns: 190px 1fr;
  align-items: center;
  gap: 55px;
  border: 1px solid #ffffff18;
  border-radius: 30px;
  background: linear-gradient(135deg, #11161a, #1d130d);
  box-shadow: 0 35px 100px #0008;
}
.anthem-disc {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle, #090b0e 0 25%, #bd6728 26% 27%, #1a1512 28% 52%, #9c4d1d 53% 54%, #161514 55% 72%, #dc762b 73% 74%, #171717 75%);
  border: 1px solid #bd6728;
  box-shadow: 0 0 50px #cf6c242d;
}
.anthem-disc span { font: 700 25px Georgia, serif; color: var(--gold); }
.anthem-copy h2 { font: clamp(30px, 4vw, 55px)/1.05 Georgia, serif; margin: 0 0 15px; }
.anthem-copy > p:not(.eyebrow) { color: #bbc3ca; margin: 0 0 25px; }
.anthem-copy audio { display: block; width: 100%; max-width: 760px; accent-color: var(--copper); }
.label-importer { display: grid; gap: 14px; margin-top: 22px; padding: 18px; border: 1px solid #ffbd6733; border-radius: 16px; background: #11161acc; }
.label-importer strong, .label-importer span { display: block; }
.label-importer strong { color: var(--cream); margin-bottom: 5px; }
.label-importer span { color: #9aa3aa; font-size: 13px; line-height: 1.45; }
.label-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.label-importer input[type="file"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.label-file-button, #label-reset { padding: 10px 14px; border: 1px solid #d57a38; border-radius: 999px; background: #1b110c; color: var(--gold); font: 800 12px/1.2 inherit; letter-spacing: .04em; cursor: pointer; }
#label-reset { border-color: #ffffff2b; background: #11161a; color: #bdc4c9; }
.label-file-button:hover, #label-reset:hover { border-color: var(--gold); color: #fff; }
.label-status { margin: 0 !important; color: #c88b58 !important; font-size: 12px; }
.label-status.error { color: #ff766d !important; }
.anthem-copy small { display: block; margin-top: 18px; color: #858e96; letter-spacing: .08em; }
.lyrics-stage { margin-top: 28px; padding: 28px clamp(18px, 4vw, 38px); border: 1px solid #ffbd6726; border-radius: 22px; background: #080b0dc9; overflow: hidden; }
.lyrics-section { margin: 0 0 17px; color: var(--gold); font-size: 11px; font-weight: 900; letter-spacing: .18em; }
.lyrics-line { display: block; width: 100%; padding: 6px 0; border: 0; background: none; color: #737b82; text-align: left; font: 500 clamp(16px, 2vw, 22px)/1.35 Georgia, serif; cursor: pointer; transition: color .2s, transform .2s, text-shadow .2s; }
.lyrics-line.current { color: var(--cream); font-size: clamp(24px, 3.4vw, 42px); transform: translateX(9px); }
.lyrics-line.current.ahu { color: var(--gold); font-weight: 800; text-shadow: 0 0 18px #ff8b39, 0 0 42px #ff702a88; }
.lyrics-line.next { color: #969da3; }
.lyrics-progress { height: 3px; margin-top: 22px; overflow: hidden; border-radius: 4px; background: #ffffff12; }
.lyrics-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--copper), var(--gold)); }
.lyrics-tip { margin: 10px 0 0 !important; color: #737b82 !important; font-size: 11px; letter-spacing: .06em; }
@media (max-width: 850px) {
  .city-anthem { grid-template-columns: 1fr; gap: 28px; }
  .anthem-disc { width: 140px; height: 140px; }
}