:root,:root[data-theme=dark]{color-scheme:dark;--bg:#11161b;--panel:#1a222a;--border:#2e3a45;--muted:#8a98a5;--green:#8da9bc}
html,body{background:#11161b;color:#e8edf1}body.modern{background:#11161b;color:#e8edf1}.modern .brand{font-size:26px;letter-spacing:-1.1px}.modern .brand .mark{background:#8da9bc;color:#19252e}.modern nav button.selected{background:#293944;color:#bbcedb}.modern .playercard{background:linear-gradient(135deg,#243440,#1c2933 65%,#1b252d);border-color:#3d5262}.modern .playerbottom #arm{background:#2c3f4d;border-color:#496173;color:#bfd0dc}.modern .playerbottom #arm.armed{background:#8da9bc;color:#192730}.modern .micmain #mic{background:#8da9bc;color:#15232d}.modern .miccard,.modern .queuecard,.modern .quickcard{background:#1a222a;border-color:#2e3b46}.modern .quickrow button{background:#24333e;border-color:#384d5c;color:#a9c1d2}.modern .addmusic{background:#263944;border-color:#476376;color:#b2cbdc}.modern .settingsgrid{grid-template-columns:minmax(0,1fr)}.modern .coverart{background:linear-gradient(145deg,#c5d3df,#91a9bd 45%,#536d83);color:#20323f}.modern .coverword{color:#243847}.modern .coverdisc{background:repeating-radial-gradient(circle at center,#22333f 0,#22333f 2px,#314957 3px,#22333f 4px)}.modern .coverdisc i{background:#9ab2c5;border-color:#7896ad}.modern .mainwave i{background:#648398}.modern .mainwave i:nth-child(-n+26){background:#b1cadc}.modern .maintransport #mainplay{background:#93b1c6;color:#192c3a}.modern .miniinfo b{color:#e0e7ed}.modern .quickrow span{color:#b7c8d4}.modern .hubgrid>button{background:#23323d;border-color:#374c5d}.modern .hubgrid b{color:#d4dfe7}.modern .hubgrid small{color:#93a9b9}.modern dialog{background:#1b2630;border-color:#42596b}.modern .smallavatar{background:#293e4c;color:#c1d4e1;border-color:#496475}.modern .announcetime>b{color:#a3bed1}.modern .stationpill{background:#1d2a34;border-color:#354a5a}.modern .stationpill b{color:#c5d7e3}.modern .settings h2{color:#dfe8ee}.modern .micintro .miccircle{background:#2a3e4c;border-color:#425c6d;color:#aec7d9}.modern .micstate{color:#8daabc}.modern .studionote p{color:#91a7b7}.modern .studionote p b{color:#bfd0dc}.modern .orb1{background:#d7e8f5}.modern .orb2{background:#426782}.modern .coverart small{color:#293f50}.modern .settings .notice p{color:#8f9fab}
@media(max-width:680px){.modern aside{background:#17232df5;border-color:#354c5f}.modern nav button.selected{background:#2d4353;color:#c5dbe9}.modern .stationpill{background:none}.modern header>.brand{font-size:25px}.modern .settings .settingsgrid{grid-template-columns:minmax(0,1fr)}}
.modern footer,footer{display:flex;align-items:center;justify-content:center;border-top:1px solid #2e3a45;padding:22px 0 25px;margin-top:30px}.footercredit{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#91a3b1;font-size:11px;letter-spacing:.5px}.modern footer .footercredit,footer .footercredit{font-size:11px}.modern footer .footercredit b,footer .footercredit b{color:#c1d1dc;font-size:11px;font-weight:600;margin:0;letter-spacing:.4px}.beatheart{width:14px;height:14px;color:#c47f8b;flex-shrink:0;transform-origin:center;animation:heartbeat 1.45s ease-in-out infinite;filter:drop-shadow(0 0 3px #c47f8b22)}@keyframes heartbeat{0%,35%,100%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1.02)}28%{transform:scale(1.15)}}@media(max-width:680px){.modern footer{margin-top:24px;padding:20px 0 18px}.modern footer .footercredit,.modern footer .footercredit b{font-size:10px}.beatheart{width:13px;height:13px}}@media(prefers-reduced-motion:reduce){.beatheart{animation:none}}
body.modern footer>.footercredit:last-child{display:inline-flex;font-size:11px;letter-spacing:.5px}body.modern footer>.footercredit:last-child b{font-size:11px;margin:0}@media(max-width:680px){body.modern footer>.footercredit:last-child,body.modern footer>.footercredit:last-child b{font-size:10px}}
body.modern footer,.liveapp footer{justify-content:space-between;gap:16px;text-align:left}body.modern footer>.footeridentity,.liveapp footer>.footeridentity{display:inline-flex;align-items:baseline;gap:9px;font-size:9px;color:#768b9c;letter-spacing:0;min-width:0}body.modern footer>.footeridentity b,.liveapp footer>.footeridentity b{font-size:14px;color:#a4bbcc;font-weight:700;letter-spacing:-.4px;margin:0}body.modern footer>.footercredit:last-child,.liveapp footer>.footercredit:last-child{display:inline-flex;flex-shrink:0;font-size:10px;gap:7px}body.modern footer>.footercredit:last-child b,.liveapp footer>.footercredit:last-child b{font-size:10px}@media(max-width:680px){body.modern footer,.liveapp footer{gap:10px;padding:20px 0 18px}body.modern footer>.footeridentity,.liveapp footer>.footeridentity{gap:7px;font-size:8px}body.modern footer>.footeridentity b,.liveapp footer>.footeridentity b{font-size:12px}body.modern footer>.footercredit:last-child,.liveapp footer>.footercredit:last-child,body.modern footer>.footercredit:last-child b,.liveapp footer>.footercredit:last-child b{font-size:8px}body.modern footer>.footercredit:last-child,.liveapp footer>.footercredit:last-child{gap:5px}.footercredit .beatheart{width:11px;height:11px}}@media(max-width:360px){body.modern footer>.footeridentity,.liveapp footer>.footeridentity{gap:5px;font-size:7px}body.modern footer>.footeridentity b,.liveapp footer>.footeridentity b{font-size:11px}}
@media(max-width:680px){body.modern main{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}body.modern footer{margin-top:20px;padding-top:14px;padding-bottom:6px}body.modern.focusmode main{padding-bottom:25px}}