.asrml{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:#f5f7fc;font-size:16px;line-height:1.45;box-sizing:border-box;max-width:520px;margin:32px auto}.asrml *{box-sizing:border-box}.asrml-card{padding:clamp(25px,6vw,43px);text-align:center;border:1px solid #40526d;background:linear-gradient(155deg,#1a2b43,#0d1a2c);box-shadow:0 24px 75px #0006;border-radius:28px}.asrml-emblem{width:76px;height:76px;border-radius:22px;background:linear-gradient(140deg,#ffdca1,#c17a30);color:#141d29;margin:auto;display:grid;place-items:center;font-size:38px}.asrml h2{font-size:clamp(29px,7vw,39px)!important;line-height:1.06!important;letter-spacing:-.8px!important;margin:21px 0 7px!important;color:#f5f7fc!important}.asrml h2 span{color:#e7ad55}.asrml-sub{font-size:13px;letter-spacing:.19em;color:#aebbd0;font-weight:700;margin-bottom:24px}.asrml-status{display:flex;justify-content:center;align-items:center;gap:9px;color:#aebbd0;font-size:14px;margin-bottom:8px}.asrml-status i{display:block;width:9px;height:9px;border-radius:50%;background:#e7ad55}.asrml-status i.on{background:#55d89f;box-shadow:0 0 15px #4ce0a77a}.asrml-clock{font-variant-numeric:tabular-nums;color:#d5e1f0;font-size:13px;letter-spacing:.08em;margin:0 0 18px}.asrml-now{border:1px solid #32435b;border-radius:15px;background:#0b1628;padding:14px 16px;margin:0 0 20px;text-align:left;min-height:97px}.asrml-cap{font-size:11px;color:#e7ad55;font-weight:800;letter-spacing:.1em}.asrml-cap span{float:right;color:#aebbd0}.asrml-track{font-size:18px;color:#f5f7fc;font-weight:650;margin:6px 0 2px;overflow-wrap:anywhere}.asrml-genre{font-size:12px;color:#aebbd0}.asrml-play{width:100%;border:0!important;border-radius:18px!important;padding:19px!important;font-size:21px!important;font-weight:800!important;background:linear-gradient(120deg,#ffdb96,#dfa34c)!important;color:#182031!important;cursor:pointer;min-height:66px}.asrml-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:21px 0 7px}.asrml-controls button{border:1px solid #596d86;border-radius:8px;background:#203b55;color:#fff;padding:8px 11px;cursor:pointer;font-size:13px}.asrml-controls label,.asrml-controls span{color:#aebbd0;font-size:13px}.asrml-controls input{width:100px;accent-color:#e7ad55}.asrml-error{min-height:1em;color:#ffb2a7;font-size:12px;overflow-wrap:anywhere}.asrml-note{border-top:1px solid #32435b;padding-top:19px;margin-top:19px!important;color:#aebbd0;font-size:13px}.asrml-tag{font-size:11px;letter-spacing:.13em;color:#e7ad55;font-weight:700;margin-top:15px!important}

/* v1.1 desktop-only restoration: compact, vertically centered original radio card.
   Phones retain v1.0 width and flow. */
@media (min-width: 768px) {
  .asrml {
    width: 100%;
    max-width: 460px;
    min-height: 100svh;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .asrml-card {
    width: 100%;
    padding: 40px 40px 36px;
    border-radius: 30px;
  }
  .asrml h2 {
    font-size: 38px !important;
    line-height: 1.06 !important;
  }
  .asrml h2 span { color: #2479ff; }
  .asrml-emblem { width: 76px; height: 76px; }
  .asrml-controls { margin-top: 22px; }
}
/* The live engine already auto-corrects track drift. Keep manual sync available
   for troubleshooting through its underlying DOM, but not in public UI. */
.asrml #asrml-sync { display: none !important; }

/* v1.2: strongly scoped desktop-only rules; leave phones untouched. */
@media screen and (min-width: 768px) {
  body #asr-main-live.asrml {
    width: min(440px, calc(100vw - 40px)) !important;
    max-width: 440px !important;
    min-height: calc(100dvh - 85px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body #asr-main-live.asrml > .asrml-card {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 440px !important;
    padding: 36px 38px 32px !important;
    border-radius: 28px !important;
  }
  body #asr-main-live.asrml h2 span { color: #2479ff !important; }
  body #asr-main-live.asrml .asrml-now { min-height: 82px; }
}