.cl-sr-only{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
.cl-played-radio{
  --cl-ink:#2f2923;--cl-muted:#766b60;--cl-paper:#f4ead8;--cl-panel:#fffaf1;
  --cl-line:rgba(65,49,35,.18);--cl-wood:#735039;--cl-wood-deep:#4b3428;--cl-glow:#e9c777;
  max-width:720px;margin:18px auto;padding:14px;border:1px solid var(--cl-line);
  border-radius:20px;background:linear-gradient(180deg,#f8f1e5 0%,#f1e5d3 100%);
  color:var(--cl-ink);box-shadow:0 10px 24px rgba(71,52,35,.07)
}
.cl-played-radio *{box-sizing:border-box}
.cl-played-radio__header{display:flex;align-items:baseline;gap:8px;margin:0 2px 10px}
.cl-played-radio__eyebrow{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#837365;text-transform:uppercase}
.cl-played-radio h2{margin:0;font-size:1.12rem;line-height:1.2}
.cl-played-radio__image{margin:12px 0}
.cl-played-radio__image img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:15px}

.cl-played-radio__receiver{
  padding:12px;border:1px solid rgba(65,49,35,.28);border-radius:17px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%),
             linear-gradient(180deg,var(--cl-wood) 0%,var(--cl-wood-deep) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.15),
             0 8px 18px rgba(70,48,32,.14);
  color:#fff7ea
}
.cl-played-radio__receiver-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.cl-played-radio__receiver-kicker{margin:0;font-size:.59rem;letter-spacing:.14em;text-transform:uppercase;color:#e7d6c3;font-weight:750}
.cl-played-radio__receiver-name{margin:1px 0 0;font-size:.8rem;font-weight:900;letter-spacing:.07em}
.cl-played-radio__power-dot{width:8px;height:8px;border-radius:999px;background:#e5bd63;box-shadow:0 0 9px rgba(229,189,99,.65)}

.cl-played-radio__display{
  display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;
  padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:linear-gradient(180deg,#25231f,#343029);color:#f6df9e;
  box-shadow:inset 0 0 14px rgba(0,0,0,.32)
}
.cl-played-radio__display-label{grid-column:1/-1;font-size:.55rem;letter-spacing:.14em;color:#c5b58d;font-weight:800}
.cl-played-radio__display-value{font-size:1.05rem;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.cl-played-radio__display-sub{min-width:0;font-size:.72rem;color:#d3c7ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.cl-played-radio__time-scale{margin:9px 2px 2px}
.cl-played-radio__scale-track{
  position:relative;height:17px;border-top:1px solid rgba(255,255,255,.45);
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1px,transparent 1px 5%) top/100% 6px no-repeat
}
.cl-played-radio__needle{
  position:absolute;left:50%;top:-4px;width:2px;height:15px;border-radius:999px;
  background:var(--cl-glow);box-shadow:0 0 7px rgba(233,199,119,.7);
  transform:translateX(-50%);transition:left .45s ease
}
.cl-played-radio__needle.is-searching{animation:cl-time-scan 1s ease-in-out infinite alternate}
@keyframes cl-time-scan{from{left:3%}to{left:97%}}
.cl-played-radio__scale-labels{display:flex;justify-content:space-between;margin-top:1px;font-size:.55rem;color:#d8c8b6;font-variant-numeric:tabular-nums}

.cl-played-radio__controls{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin-top:8px}
.cl-played-radio__speaker{
  min-height:66px;border-radius:11px;border:1px solid rgba(255,255,255,.1);
  background:radial-gradient(circle at center,rgba(0,0,0,.28) 0 1px,transparent 1.4px) 0 0/8px 8px,
             rgba(37,27,21,.34)
}
.cl-played-radio__dial{text-align:center}
.cl-played-radio__dial-label{margin:0 0 5px;color:#eadbca;font-size:.69rem;font-weight:700}
.cl-played-radio__tune{
  appearance:none;border:0;padding:0;background:transparent;color:#fff9ee;font:inherit;cursor:pointer;
  display:inline-flex;align-items:center;gap:9px
}
.cl-played-radio__knob{
  display:block;width:48px;height:48px;border-radius:50%;border:4px solid #d7c4ac;
  background:linear-gradient(90deg,transparent 48%,#4a372a 48% 52%,transparent 52%),
             radial-gradient(circle at 35% 30%,#f2e1ca,#b9a087 45%,#695241 72%,#3c2f28 100%);
  box-shadow:inset 0 2px 4px rgba(255,255,255,.4),0 4px 9px rgba(0,0,0,.22);
  transition:transform .2s ease;flex:0 0 auto
}
.cl-played-radio__receiver.is-tuning .cl-played-radio__knob{animation:cl-knob-turn .7s ease-in-out infinite alternate}
@keyframes cl-knob-turn{from{transform:rotate(-18deg)}to{transform:rotate(24deg)}}
.cl-played-radio__tune:hover .cl-played-radio__knob{transform:rotate(10deg)}
.cl-played-radio__tune-text{font-size:.75rem;font-weight:850}
.cl-played-radio__tuning-status{min-height:1.2em;margin:4px 0 0;color:#eadbc8;font-size:.65rem}

.cl-played-radio__station{margin-top:10px;padding:11px;border:1px solid var(--cl-line);border-radius:14px;background:var(--cl-panel)}
.cl-played-radio__player-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:11px;background:#171717}
.cl-played-radio__player,.cl-played-radio__player iframe{width:100%;height:100%}

.cl-played-radio__archive{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 9px;border:1px solid rgba(91,69,50,.16);border-radius:10px;background:#fbf3e6
}
.cl-played-radio__archive-source{
  min-width:0;font-size:.66rem;color:#766b60;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.cl-played-radio__archive-link,.cl-played-radio__youtube-fallback,.cl-played-radio__next{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;
  border:1px solid rgba(100,73,51,.28);border-radius:999px;background:#fff;color:#5a3d25;
  font:inherit;font-size:.72rem;font-weight:800;text-decoration:none;cursor:pointer
}
.cl-played-radio__archive-link{white-space:nowrap}
.cl-played-radio__archive-link:hover{text-decoration:underline}
.cl-played-radio__youtube-fallback{margin:8px auto 0}
.cl-played-radio__youtube-fallback[hidden]{display:none}

.cl-played-radio__reactions{margin-top:9px}
.cl-played-radio__reaction-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px
}
.cl-played-radio__reaction-head strong{font-size:.72rem}
.cl-played-radio__reaction-status{margin:0;color:#6d6259;font-size:.63rem;opacity:.82}
.cl-played-radio__reaction-buttons{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px
}
.cl-played-radio__reaction{
  appearance:none;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;
  min-width:0;padding:7px 8px;border:1px solid var(--cl-line);border-radius:12px;background:rgba(255,255,255,.72);
  color:inherit;font:inherit;text-align:left;cursor:pointer;
  transition:transform .12s ease,border-color .12s ease,background .12s ease
}
.cl-played-radio__reaction:not(:disabled):hover{
  transform:translateY(-1px);border-color:rgba(100,73,51,.38);background:#fffaf1
}
.cl-played-radio__reaction:disabled{cursor:default;opacity:.57}
.cl-played-radio__reaction.is-selected{
  opacity:1;border-color:rgba(107,74,44,.65);background:#fff8eb;
  box-shadow:inset 0 0 0 1px rgba(107,74,44,.08)
}
.cl-played-radio__reaction-icon{
  display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(107,74,44,.08)
}
.cl-played-radio__reaction-icon svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}
.cl-played-radio__reaction-label{
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;font-weight:700
}
.cl-played-radio__reaction-count{
  min-width:1.5em;font-size:.63rem;font-variant-numeric:tabular-nums;text-align:right;opacity:.67
}
.cl-played-radio__reaction-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px
}
.cl-played-radio__privacy-note{color:#8a7d71;font-size:.59rem;text-align:right}
.cl-played-radio__next{margin-top:0}
.cl-played-radio__notice{padding:10px 12px;border:1px dashed #a77;border-radius:10px;background:#fff;font-size:.78rem}
.cl-played-radio button:focus-visible,.cl-played-radio a:focus-visible{outline:3px solid rgba(233,199,119,.48);outline-offset:3px}

@media(max-width:600px){
  .cl-played-radio{padding:10px;border-radius:16px;margin:14px auto}
  .cl-played-radio__header{margin-bottom:7px}
  .cl-played-radio__receiver{padding:10px;border-radius:14px}
  .cl-played-radio__display{grid-template-columns:72px 1fr;padding:8px 9px}
  .cl-played-radio__controls{grid-template-columns:62px 1fr;gap:9px}
  .cl-played-radio__speaker{min-height:56px}
  .cl-played-radio__knob{width:43px;height:43px}
  .cl-played-radio__station{padding:9px}
  .cl-played-radio__archive-source{font-size:.61rem}
  .cl-played-radio__reaction-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cl-played-radio__reaction-head{align-items:flex-start;flex-direction:column;gap:2px}
  .cl-played-radio__reaction-foot{align-items:flex-start;flex-direction:column;gap:5px}
  .cl-played-radio__privacy-note{text-align:left}
}

.cl-played-radio__reactions.is-archive-returned{
  animation:cl-played-radio-return-pulse 1.1s ease-out 1;
}
@keyframes cl-played-radio-return-pulse{
  0%{box-shadow:0 0 0 0 rgba(107,74,44,.28)}
  45%{box-shadow:0 0 0 6px rgba(107,74,44,.10)}
  100%{box-shadow:0 0 0 0 rgba(107,74,44,0)}
}
@media (prefers-reduced-motion:reduce){
  .cl-played-radio__reactions.is-archive-returned{animation:none}
}