*{box-sizing:border-box}:root{--bg:#06091a;--panel:#0c1124;--panel2:#10162b;--line:#222c49;--text:#f6f7ff;--muted:#9099b7;--purple:#b326f2;--blue:#178fe5;--cyan:#49e4ff;--glow:0 0 28px rgba(178,38,242,.28)}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 48% 18%,#10142b 0,#070a18 42%,#040610 100%);color:var(--text);font:16px/1.38 Inter,Segoe UI,Arial,sans-serif}body{overflow:hidden}button,input{font:inherit}.app-shell{height:100vh;padding:12px;display:grid;grid-template-rows:48px minmax(0,1fr) 50px;gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand-button{position:relative;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:10px;cursor:pointer;color:#9aa5c6}.brand-logo{height:34px;max-width:270px;object-fit:contain}.fullscreen-hint{font-size:10px;letter-spacing:.12em;opacity:0;transition:.2s}.brand-button:hover .fullscreen-hint,.brand-button:focus-visible .fullscreen-hint{opacity:1}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn,.login-btn{height:38px;min-width:38px;border-radius:10px;border:1px solid var(--line);background:#0b1022;color:#c9d0e8;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.icon-btn svg,.login-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-btn{padding:0 18px;gap:8px;border-radius:12px;background:linear-gradient(100deg,#8f2ce7,#167fe0);color:#fff;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(260px,22%) minmax(520px,1fr) minmax(350px,29.5%);gap:10px;min-height:0}.panel{background:linear-gradient(160deg,rgba(14,20,43,.96),rgba(7,11,25,.96));border:1px solid var(--line);border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.sidebar{padding:14px;overflow:hidden;display:flex;flex-direction:column}.search{height:40px;border:1px solid #29334f;border-radius:11px;background:#12182d;display:flex;align-items:center;padding:0 11px;gap:8px}.search svg{width:20px;height:20px;fill:none;stroke:#aab4d0;stroke-width:2}.search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.nav-title{font-size:12px;color:#8891aa;margin:17px 5px 8px}.favorites-title{display:flex;justify-content:space-between}.nav-list{display:grid;gap:4px}.nav{height:39px;border:0;border-radius:10px;background:transparent;color:#adb5cf;text-align:left;padding:0 14px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px}.nav-icon{width:19px;text-align:center;font-size:17px}.nav:hover,.nav.active{color:#fff;background:linear-gradient(90deg,rgba(179,38,242,.78),rgba(23,143,229,.8));box-shadow:0 0 20px rgba(97,78,255,.28)}.mini-playlist{display:grid;gap:4px;overflow:auto;min-height:0}.mini-track{display:grid;grid-template-columns:6px 40px minmax(0,1fr) 22px;gap:8px;align-items:center;padding:5px;border-radius:8px;cursor:pointer;color:#bac2d9}.mini-track.active{background:#151b31;color:#fff}.mini-track .playing-mark{height:22px;border-radius:4px;background:linear-gradient(#c331f4,#198bdc);opacity:0}.mini-track.active .playing-mark{opacity:1}.mini-track img{width:40px;height:40px;border-radius:7px;object-fit:cover}.mini-track b,.mini-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track b{font-size:13px}.mini-track small{font-size:11px;color:#838daa}.mini-track .heart{font-size:18px}.show-all{margin-top:auto;height:37px;border:1px solid var(--line);background:#11172a;color:#9ba5c0;border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;cursor:pointer;font-size:13px}.main-player{position:relative;padding:16px 22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden}.main-player:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 26%,rgba(117,30,184,.17),transparent 44%);pointer-events:none}.status-badge{position:absolute;left:18px;top:18px;background:linear-gradient(90deg,#b828ec,#5556d6);border-radius:999px;padding:5px 12px;font-size:10px;font-weight:800}.disc-wrap{position:relative;width:min(44vh,365px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 24px rgba(173,35,240,.48));margin:4px 0 12px}.disc-wrap:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(from 0deg,#b92cf2,#284ee0,#42d8ff,#b92cf2);filter:blur(12px);opacity:.52}.disc-wrap img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1}.disc-wrap.cover-mode img{border-radius:24px}.disc-wrap.cover-mode:before{border-radius:30px}.disc-wrap.playing.vinyl img{animation:spin 8s linear infinite}.track-head{text-align:center;position:relative}.track-head h1{font-size:clamp(30px,2.7vw,43px);line-height:1.08;margin:0 0 5px}.track-head p{margin:0;color:#c04cf0;font-weight:600;font-size:17px}.seek-row{width:94%;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;background:#0e1429;border-radius:11px;padding:14px 10px 11px;margin-top:12px;font-size:12px}.seek-row input,.volume-row input{width:100%;accent-color:#9c38ec;height:10px;cursor:pointer}.transport{display:flex;gap:20px;margin-top:15px;align-items:center}.transport-btn,.play-btn{border:2px solid #edf1fb;background:#0a0f20;color:#fff;border-radius:12px;width:68px;height:68px;cursor:pointer;box-shadow:0 5px 18px #0007;display:grid;place-items:center;padding:0;transition:.15s}.transport-btn svg,.play-btn svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.transport-btn svg .fill,.play-btn svg .fill{fill:currentColor;stroke:none}.play-btn{border-radius:50%;width:76px;height:76px;border-color:#ad45ed;background:radial-gradient(circle,#202b61,#10162c)}.play-btn .icon-pause{display:none}.play-btn.is-playing .icon-play{display:none}.play-btn.is-playing .icon-pause{display:block}.transport button:hover{transform:translateY(-2px);box-shadow:var(--glow)}.reaction-row{display:flex;gap:8px;margin-top:9px}.reaction-row button{border:1px solid #263252;background:#10172b;color:#aeb8d0;border-radius:9px;padding:7px 11px;font-size:13px}.right-panel{padding:15px;display:flex;flex-direction:column;min-height:0}.lyrics-title{display:flex;justify-content:space-between;align-items:center;height:35px}.lyrics-title b{font-size:15px}.lyrics-title span{font-size:10px;padding:6px 10px;border-radius:999px;background:#141b31;color:#b6bfd9}.lyrics-mini{height:310px;border:1px solid var(--line);border-radius:12px;background:rgba(16,22,42,.58);padding:16px 12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:6px}.lyric{text-align:center;padding:12px 10px;border-radius:10px;font-size:18px;color:#828ba8;transition:.25s}.lyric.active{color:#fff;font-weight:800;background:linear-gradient(90deg,rgba(178,34,234,.9),rgba(28,117,213,.9));box-shadow:0 0 22px rgba(128,42,231,.3)}.lyric.muted{font-size:14px}.stereo{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.meter-caption{display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:center;color:#62ef78;font-size:12px;font-weight:800}.led-meter{height:13px;display:grid;grid-template-columns:repeat(36,1fr);gap:2px}.led-meter i{display:block;border-radius:1px;background:#273026;box-shadow:inset 0 0 2px #000}.led-meter i.on.green{background:#69ea3f;box-shadow:0 0 5px rgba(105,234,63,.45)}.led-meter i.on.yellow{background:#ffd13b;box-shadow:0 0 5px rgba(255,209,59,.45)}.led-meter i.on.orange{background:#ff873f;box-shadow:0 0 5px rgba(255,135,63,.5)}.led-meter i.on.red{background:#f23d66;box-shadow:0 0 5px rgba(242,61,102,.5)}.meter-scale{display:grid;grid-template-columns:repeat(11,1fr);padding:3px 0 4px 24px;color:#58e777;font-size:9px}.meter-scale span{text-align:center}.volume-row{display:grid;grid-template-columns:38px 1fr 45px;gap:10px;align-items:center;margin-top:15px}.speaker{font-size:12px;color:#dbe2f5}.right-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-actions button{height:57px;border:1px solid var(--line);border-radius:11px;background:#101629;color:#b6c0d8}.ad-links{display:flex;gap:8px;margin-top:10px}.ad-links a{flex:1;text-align:center;background:linear-gradient(90deg,#f09b33,#e04e72);color:#fff;text-decoration:none;padding:10px;border-radius:10px}.hidden{display:none!important}.meta-bar{display:flex;align-items:center;gap:30px;padding:0 28px;border:1px solid var(--line);border-radius:14px;background:#080d1c;color:#858fa9;font-size:16px}.meta-bar i{width:4px;height:4px;background:#667089;border-radius:50%}.meta-bar b{font-weight:500;color:#aeb7ce}.meta-bar .plays{margin-left:auto;border:1px solid #19394b;border-radius:999px;padding:6px 13px;color:#49deda}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;place-items:center;padding:20px;z-index:50}.modal.open{display:grid}.modal-card{width:min(1120px,97vw);max-height:92vh;background:#0c1226;border:1px solid #2b385d;border-radius:20px;box-shadow:0 30px 90px #000b;overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;color:#fff;font-size:32px}.modal-body{padding:18px;max-height:calc(92vh - 68px);overflow:auto}.playlist-grid{display:grid;gap:8px}.playlist-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #202b49;border-radius:12px;background:#0f162b;cursor:pointer}.playlist-row img{width:45px;height:45px;object-fit:cover;border-radius:8px}.playlist-row small{color:#8894b1}.full-lyrics{display:grid;gap:8px}.full-line{padding:10px 14px;border-radius:9px;color:#a3acc4}.full-line.active{background:linear-gradient(90deg,#9e2ae8,#1a7ed7);color:#fff;font-weight:700}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.preset-row button,.settings-grid button{border:1px solid #2a385d;background:#121a31;color:#fff;border-radius:9px;padding:10px 15px}.eq-panel{display:grid;grid-template-columns:repeat(10,minmax(66px,1fr));gap:9px;min-width:760px;min-height:360px;align-items:end}.eq-band{display:flex;flex-direction:column;align-items:center;gap:8px}.eq-band output{font-size:12px;color:#7fe7ff;min-height:18px}.eq-stack{height:270px;display:flex;align-items:center;justify-content:center;gap:7px}.eq-slider{writing-mode:vertical-lr;direction:rtl;width:44px;height:260px;cursor:pointer;accent-color:#a83bec}.eq-slider::-webkit-slider-runnable-track{width:12px;background:#202944;border-radius:999px}.eq-slider::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:22px;border-radius:7px;background:#fff;border:4px solid #9345e8;box-shadow:0 0 12px #8b3fe8;margin-left:-9px}.eq-frequency-meter{position:relative;width:14px;height:252px;border-radius:4px;background:repeating-linear-gradient(to top,#243024 0 5px,transparent 5px 7px);overflow:hidden}.eq-frequency-fill{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(to top,#57df46 0 62%,#ffd23f 74%,#ff8848 86%,#f23d66 100%);transition:height .08s linear}.eq-position{position:absolute;left:-2px;right:-2px;height:3px;background:#fff;box-shadow:0 0 5px #fff;top:50%;z-index:2}.eq-band b{font-size:12px;color:#c6cfe7}.settings-grid{display:grid;gap:14px}.settings-grid label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202b47;padding:10px}.empty{padding:35px;text-align:center;color:#8f99b4}@keyframes spin{to{transform:rotate(360deg)}}
body.light{--text:#161a29;--muted:#5f6679;--line:#cfd6e5;background:#eef2fa;color:#161a29}body.light .panel,body.light .modal-card{background:#fff}body.light .topbar,body.light .meta-bar{color:#1b2132}body.light .meta-bar{background:#fff}
@media(max-width:1180px){.workspace{grid-template-columns:250px minmax(440px,1fr) 330px}.sidebar{padding:10px}.disc-wrap{width:min(39vh,320px)}.transport{gap:10px}.transport-btn{width:58px;height:58px}.play-btn{width:68px;height:68px}.lyrics-mini{height:255px}.meta-bar{gap:15px;font-size:13px}.reaction-row{display:none}}
@media(max-width:860px){html,body{overflow:auto}.app-shell{height:auto;min-height:100vh;display:block;padding:8px}.topbar{height:54px;padding:0 8px}.workspace{display:block}.sidebar{display:none}.main-player,.right-panel{margin-bottom:8px}.main-player{min-height:650px}.right-panel{min-height:540px}.disc-wrap{width:min(72vw,360px)}.transport{gap:8px}.transport-btn{width:54px;height:54px}.meta-bar{flex-wrap:wrap;padding:12px;margin-top:8px}.meta-bar .plays{margin-left:0}.brand-logo{max-width:220px}.fullscreen-hint{display:none}.lyrics-mini{height:280px}.eq-panel{grid-template-columns:repeat(5,minmax(70px,1fr));min-width:0}.modal-body{overflow:auto}}
@media(max-width:560px){.top-actions .icon-btn{display:none}.login-btn span{display:none}.track-head h1{font-size:30px}.transport-btn{width:48px;height:48px}.play-btn{width:60px;height:60px}.transport{gap:6px}.eq-panel{grid-template-columns:repeat(2,1fr)}}

/* Radio Intelligent v2.6 — smooth lyrics / karaoke */
.lyrics-mini{position:relative;gap:7px}
.lyric{position:relative;overflow:hidden;min-height:52px;display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.3;transform:translateY(0);animation:lyricEnter .34s ease both}
.lyric-base,.lyric-fill{display:flex;align-items:center;justify-content:center;width:100%;min-height:28px;padding:0 2px}
.lyric.active .lyric-base{color:#d5dcf3}
.lyric-fill{position:absolute;inset:12px 10px;color:#fff;overflow:hidden;clip-path:inset(0 calc(100% - var(--karaoke-progress,0%)) 0 0);transition:clip-path .055s linear;text-shadow:0 0 9px rgba(255,255,255,.35)}
.lyric.blank{visibility:hidden}
.lyric.active{transform:scale(1.01);transition:transform .28s ease,background .28s ease,box-shadow .28s ease}
.lyrics-title b{transition:color .25s ease}.lyrics-title:has(#lyricsPanelTitle){min-height:38px}
@keyframes lyricEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.full-line{transition:background .25s ease,color .25s ease,transform .25s ease}.full-line.active{transform:translateX(6px)}
@media(max-width:860px){.lyric{font-size:17px;min-height:50px}.lyric-fill{inset:12px 10px}}

/* Radio Intelligent v2.7 — exact single-layer karaoke and player spacing */
.main-player{justify-content:flex-start;padding-top:28px;padding-bottom:12px}
.disc-wrap{width:min(41vh,345px);margin:10px 0 24px}
.track-head{margin-top:0}
.track-head h1{margin-bottom:7px}
.seek-row{margin-top:16px}
.transport{margin-top:18px}
.reaction-row{margin-top:12px}
.lyric{transform:none!important}
.lyric-text{display:block;width:100%;padding:0 2px;color:#828ba8;text-align:center;white-space:normal;line-height:1.3}
.lyric.active .lyric-text{
  color:transparent;
  background:linear-gradient(90deg,#ffffff 0%,#ffffff var(--karaoke-progress,0%),#b2bad1 var(--karaoke-progress,0%),#b2bad1 100%);
  -webkit-background-clip:text;background-clip:text;
  text-shadow:none;
}
.lyric-base,.lyric-fill{display:none!important}
.lyric.active{transform:none!important}
@media(max-height:760px) and (min-width:861px){
  .main-player{padding-top:20px}
  .disc-wrap{width:min(36vh,300px);margin:6px 0 18px}
  .track-head h1{font-size:34px}
  .seek-row{margin-top:10px;padding-top:10px;padding-bottom:9px}
  .transport{margin-top:11px}
  .reaction-row{margin-top:7px}
}
@media(max-width:860px){
  .main-player{justify-content:flex-start;padding-top:24px}
  .disc-wrap{margin:8px 0 22px}
}

/* Radio Intelligent v2.8 — lower title/seek/transport/reactions as one proportional block */
.main-player{padding-top:22px;padding-bottom:14px}
.disc-wrap{width:min(39vh,332px);margin:6px 0 0}
.player-lower-block{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px;padding-bottom:4px}
.player-lower-block .track-head{width:100%}
.player-lower-block .seek-row{margin-top:18px}
.player-lower-block .transport{margin-top:19px}
.player-lower-block .reaction-row{margin-top:13px}
@media(max-height:820px) and (min-width:861px){
  .disc-wrap{width:min(34vh,292px)}
  .player-lower-block{margin-top:22px}
  .player-lower-block .seek-row{margin-top:13px}
  .player-lower-block .transport{margin-top:14px}
  .player-lower-block .reaction-row{margin-top:9px}
}
@media(max-height:700px) and (min-width:861px){
  .disc-wrap{width:min(29vh,245px)}
  .player-lower-block{margin-top:16px}
  .transport-btn{width:60px;height:60px}.play-btn{width:68px;height:68px}
}
@media(max-width:860px){
  .player-lower-block{margin-top:24px}
}

/* Radio Intelligent v2.9 — stable karaoke rows, tighter lyric spacing, larger cover/title gap */
.lyrics-mini{gap:2px!important;align-content:center}
.lyric{min-height:38px!important;line-height:1.16!important;animation:none!important;transition:background .18s ease,color .18s ease!important}
.lyric-text{line-height:1.16!important;padding:0 4px!important}
.lyric.active{transform:none!important}
.player-lower-block{margin-top:48px!important}
@media(max-height:820px) and (min-width:861px){.player-lower-block{margin-top:34px!important}}
@media(max-height:700px) and (min-width:861px){.player-lower-block{margin-top:26px!important}}
@media(max-width:860px){.player-lower-block{margin-top:36px!important}.lyric{min-height:36px!important}}

/* Radio Intelligent v3.3 — transport, stable karaoke, themes, preferences and social sharing */
:root{
  --surface:#0c1124;--surface-2:#10162b;--surface-3:#080d1c;--control:#10172b;--control-hover:#18213b;
  --text:#f6f7ff;--muted:#9099b7;--line:#222c49;--accent:#b326f2;--accent-2:#178fe5;--accent-3:#49e4ff;
  --karaoke-done:#ffffff;--karaoke-wait:#aeb8d0;--panel-gradient:linear-gradient(160deg,rgba(14,20,43,.96),rgba(7,11,25,.96));
}
body[data-theme]{background:radial-gradient(circle at 48% 18%,var(--theme-glow,#10142b) 0,var(--theme-mid,#070a18) 42%,var(--theme-base,#040610) 100%);color:var(--text)}
body[data-theme] .panel{background:var(--panel-gradient);border-color:var(--line)}
body[data-theme] .search,body[data-theme] .show-all,body[data-theme] .icon-btn,body[data-theme] .modal-card,body[data-theme] .playlist-row,body[data-theme] .settings-grid label,body[data-theme] .reaction-row button,body[data-theme] .right-actions button{background:var(--surface-2);border-color:var(--line);color:var(--text)}
body[data-theme] .meta-bar{background:var(--surface-3);border-color:var(--line);color:var(--muted)}
body[data-theme] .seek-row,body[data-theme] .lyrics-mini{background:var(--surface-2);border-color:var(--line)}
body[data-theme] .transport-btn{background:var(--control);border-color:var(--transport-border,#edf1fb);color:var(--transport-text,#fff)}
body[data-theme] .transport-btn:hover,body[data-theme] .transport-btn.scanning{background:var(--control-hover);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 50%,transparent)}
body[data-theme] .nav:hover,body[data-theme] .nav.active{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
body[data-theme] .lyric.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 85%,transparent),color-mix(in srgb,var(--accent-2) 85%,transparent))}
body[data-theme] .lyric.active .lyric-text{background:linear-gradient(90deg,var(--karaoke-done) 0,var(--karaoke-done) var(--karaoke-progress,0%),var(--karaoke-wait) var(--karaoke-progress,0%),var(--karaoke-wait) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-theme] .brand-logo{filter:var(--logo-filter,none)}

body[data-theme="original"]{--theme-glow:#11162f;--theme-mid:#070a18;--theme-base:#040610;--surface:#0c1124;--surface-2:#10162b;--surface-3:#080d1c;--control:#0a0f20;--control-hover:#171f39;--text:#f6f7ff;--muted:#9099b7;--line:#222c49;--accent:#b326f2;--accent-2:#178fe5;--accent-3:#49e4ff;--karaoke-done:#fff;--karaoke-wait:#b2bad1;--panel-gradient:linear-gradient(160deg,rgba(14,20,43,.97),rgba(7,11,25,.97))}
body[data-theme="light"]{--theme-glow:#ffffff;--theme-mid:#eef3fa;--theme-base:#dfe7f1;--surface:#fff;--surface-2:#f7f9fc;--surface-3:#edf2f8;--control:#fff;--control-hover:#e9eef7;--text:#142033;--muted:#5f6c80;--line:#c5d0de;--accent:#7c3aed;--accent-2:#0284c7;--accent-3:#0891b2;--transport-border:#64748b;--transport-text:#172033;--karaoke-done:#fff;--karaoke-wait:#dbeafe;--panel-gradient:linear-gradient(160deg,#ffffff,#edf3f9);--logo-filter:none}
body[data-theme="light"] .topbar,body[data-theme="light"] .sidebar,body[data-theme="light"] .main-player,body[data-theme="light"] .right-panel,body[data-theme="light"] .modal-card,body[data-theme="light"] .meta-bar{color:var(--text)}
body[data-theme="light"] .search input,body[data-theme="light"] .settings-grid select,body[data-theme="light"] .share-copy input{color:var(--text);background:#fff}
body[data-theme="light"] .mini-track.active{background:#e7eef8;color:#142033}
body[data-theme="light"] .track-head p{color:#7c3aed}
body[data-theme="light"] .lyric{color:#68768b}
body[data-theme="light"] .lyric.active{color:#fff}
body[data-theme="light"] .modal-head button{color:#172033}
body[data-theme="light"] .full-line{color:#526177}
body[data-theme="light"] .preference-code-box,body[data-theme="light"] .preferences-panel{background:#edf3f9;color:#172033}
body[data-theme="light"] .eq-frequency-meter{background:repeating-linear-gradient(to top,#d7e0eb 0 5px,transparent 5px 7px)}

body[data-theme="hercules"]{--theme-glow:#2b2106;--theme-mid:#110f05;--theme-base:#050500;--surface:#111006;--surface-2:#171507;--surface-3:#090900;--control:#171207;--control-hover:#2b2207;--text:#ffe89a;--muted:#b9a66a;--line:#5b4b18;--accent:#ffb000;--accent-2:#ff6a00;--accent-3:#ffd84a;--transport-border:#ffca42;--transport-text:#ffca42;--karaoke-done:#fff3b0;--karaoke-wait:#9b7a1f;--panel-gradient:linear-gradient(160deg,#171506,#090900)}
body[data-theme="hercules"] .panel,body[data-theme="hercules"] .modal-card{text-shadow:0 0 5px rgba(255,176,0,.25)}
body[data-theme="hercules"] .led-meter i.on.green{background:#ffb000}body[data-theme="hercules"] .led-meter i.on.yellow{background:#ffd84a}

body[data-theme="spectrum"]{--theme-glow:#102910;--theme-mid:#071109;--theme-base:#020604;--surface:#07110a;--surface-2:#0b190e;--surface-3:#041007;--control:#0b1b0d;--control-hover:#15331a;--text:#eaffdf;--muted:#8eaf88;--line:#24552b;--accent:#2ee85b;--accent-2:#ffd72f;--accent-3:#ff4d45;--transport-border:#66ff77;--transport-text:#efffe9;--karaoke-done:#f7ffcd;--karaoke-wait:#5d8d5c;--panel-gradient:linear-gradient(160deg,#0e2111,#050d07)}
body[data-theme="spectrum"] .nav:hover,body[data-theme="spectrum"] .nav.active,body[data-theme="spectrum"] .lyric.active{background:linear-gradient(90deg,#20b944,#f0c92e 58%,#e8453c)}

body[data-theme="metal"]{--theme-glow:#d9dee6;--theme-mid:#858e9c;--theme-base:#252b33;--surface:#2d333b;--surface-2:#3a424d;--surface-3:#242a31;--control:#49525e;--control-hover:#606b79;--text:#f8fafc;--muted:#c4ccd6;--line:#798493;--accent:#cbd5e1;--accent-2:#5dade2;--accent-3:#b7e3ff;--transport-border:#eef4fb;--transport-text:#fff;--karaoke-done:#fff;--karaoke-wait:#b7c0cc;--panel-gradient:linear-gradient(145deg,#4a535f,#252b33);--logo-filter:drop-shadow(0 1px 0 #fff)}
body[data-theme="metal"] .panel{box-shadow:inset 0 1px 0 #fff5,inset 0 -1px 0 #0008,0 8px 22px #0006}
body[data-theme="metal"] .nav:hover,body[data-theme="metal"] .nav.active{background:linear-gradient(90deg,#6e7b8b,#2b8fc7)}

body[data-theme="ocean"]{--theme-glow:#083b55;--theme-mid:#05243a;--theme-base:#01121f;--surface:#06263c;--surface-2:#07314b;--surface-3:#031c2d;--control:#07314b;--control-hover:#0a4a6e;--text:#effcff;--muted:#91c6d9;--line:#17607d;--accent:#0ea5e9;--accent-2:#14b8a6;--accent-3:#67e8f9;--transport-border:#7dd3fc;--transport-text:#f0fdff;--karaoke-done:#fff;--karaoke-wait:#8bd4df;--panel-gradient:linear-gradient(160deg,#07324d,#031827)}

.transport-btn,.play-toggle{width:68px;height:68px;border-radius:12px;border-width:2px}
.play-toggle{background:var(--control)!important;border-color:var(--transport-border,#edf1fb)!important}
.play-toggle .icon-pause{display:none}.play-toggle.is-playing .icon-play{display:none}.play-toggle.is-playing .icon-pause{display:block}
.transport-btn.scanning{transform:translateY(-2px) scale(.97)}
.transport-btn.scanning:after{content:'×10';position:absolute;margin-top:88px;font-size:11px;font-weight:900;color:var(--accent-3)}
.transport-btn{position:relative}

/* The same four DOM rows stay mounted. Only their text/progress changes. */
.lyrics-mini{gap:1px!important}
.lyric{min-height:36px!important;padding:7px 9px!important;line-height:1.12!important;animation:none!important;transition:background-color .12s linear,box-shadow .12s linear!important}
.lyric-text{line-height:1.12!important}
.lyric.active .lyric-text{transition:none!important}
.player-lower-block{margin-top:58px!important}
@media(max-height:820px) and (min-width:861px){.player-lower-block{margin-top:40px!important}}
@media(max-height:700px) and (min-width:861px){.player-lower-block{margin-top:30px!important}}

.settings-grid select{min-width:250px;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface-3);color:var(--text);padding:0 10px}
.settings-grid a{color:var(--accent-3);text-decoration:none;font-weight:700}
.setting-switch{min-width:130px}.setting-switch.on{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent}
.playlist-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.preference-open,.preference-save{border:0;border-radius:10px;padding:11px 16px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;cursor:pointer}
.playlist-layout{display:grid;grid-template-columns:minmax(0,1fr) 0;gap:0;transition:grid-template-columns .25s ease,gap .25s ease}.playlist-layout:has(.preferences-panel.visible){grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:14px}
.preferences-panel{display:none;background:var(--surface-3);border:1px solid var(--line);border-radius:14px;padding:15px;max-height:67vh;overflow:auto}.preferences-panel.visible{display:block}.preferences-panel h3{margin:0 0 4px}.preferences-panel>p{margin:0 0 13px;color:var(--muted);font-size:13px}.pref-group{margin-bottom:13px}.pref-group>b{display:block;margin-bottom:7px;color:var(--accent-3)}.pref-group>div{display:flex;gap:7px;flex-wrap:wrap}.pref-check{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:var(--surface-2);font-size:12px;cursor:pointer}.pref-check input{accent-color:var(--accent);width:16px;height:16px}.pref-songs>div{display:grid;grid-template-columns:1fr;width:100%;max-height:190px;overflow:auto}.pref-songs .pref-check{border-radius:8px}.pref-active{display:flex;align-items:center;gap:8px;margin:12px 0;font-weight:800}.pref-active input{width:19px;height:19px;accent-color:var(--accent)}.preference-code-box{background:#050916;border:1px solid var(--line);border-radius:11px;padding:10px;margin:10px 0}.preference-code-box small{display:block;color:var(--muted)}.preference-code-box code{display:block;margin-top:4px;color:var(--accent-3);font-size:13px;word-break:break-all}.preference-save{width:100%}.preference-status{min-height:22px;color:#48e195;margin-top:8px}.playlist-pref-mark{font-weight:900;color:var(--accent-3)}.playlist-layout .playlist-row{grid-template-columns:22px 45px minmax(0,1fr) auto}

.share-panel{max-width:760px;margin:auto}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.social{height:58px;border:0;border-radius:12px;color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.social span{font-size:15px}.facebook{background:#1877f2}.x{background:#111}.instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.tiktok{background:linear-gradient(135deg,#111 0 55%,#25f4ee 55% 70%,#fe2c55 70%)}.native{background:linear-gradient(90deg,var(--accent),var(--accent-2));grid-column:1/-1}.share-hint{color:var(--muted);font-size:13px}.share-copy{display:grid;grid-template-columns:1fr auto;gap:8px}.share-copy input{min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-3);color:var(--text)}.share-copy button{border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 15px}#shareStatus{color:#4ade80;margin-top:8px}

@media(max-width:860px){.transport-btn,.play-toggle{width:54px;height:54px}.transport-btn.scanning:after{margin-top:72px}.playlist-layout,.playlist-layout:has(.preferences-panel.visible){grid-template-columns:1fr}.preferences-panel.visible{margin-top:12px}.social-grid{grid-template-columns:1fr}.native{grid-column:auto}.player-lower-block{margin-top:42px!important}}
@media(max-width:560px){.transport-btn,.play-toggle{width:48px;height:48px}.share-copy{grid-template-columns:1fr}.settings-grid select{min-width:160px}.playlist-layout .playlist-row{grid-template-columns:20px 40px minmax(0,1fr) auto}}

/* Radio Intelligent v3.4 — visible social sharing, direct playlist choices and reliable public statistics */
.quick-social{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.quick-social button{height:38px;border:1px solid var(--line);border-radius:9px;color:#fff;font-size:17px;font-weight:900;cursor:pointer}.quick-social button:nth-child(1){background:#1877f2}.quick-social button:nth-child(2){background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}.quick-social button:nth-child(3){background:linear-gradient(135deg,#111 0 55%,#25f4ee 55% 70%,#fe2c55 70%)}.quick-social button:nth-child(4){background:#111}.quick-social button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.playlist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;position:sticky;top:-18px;z-index:3;padding:10px 0;background:var(--surface-1)}.preference-open{border:1px solid var(--accent);border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:10px 14px;font-weight:800;cursor:pointer}.preference-open:not(.active){background:var(--surface-2);color:var(--text)}.playlist-code-inline{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted)}.playlist-code-inline code{color:var(--accent-3);font-size:12px;word-break:break-all}.playlist-choice{display:grid;place-items:center;cursor:pointer}.playlist-choice input{position:absolute;opacity:0;pointer-events:none}.playlist-choice span{width:22px;height:22px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:transparent;background:var(--surface-3);font-weight:900}.playlist-choice input:checked+span{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}
.preference-sticky{position:sticky;top:-15px;z-index:2;background:var(--surface-3);padding:2px 0 10px}.preference-sticky h3{margin:0 0 4px}.preference-sticky p{margin:0 0 8px;color:var(--muted);font-size:13px}.pref-bulk{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pref-bulk button{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);padding:8px;cursor:pointer}.preference-code-box{margin:8px 0}.settings-grid{gap:12px}.settings-section{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:12px 14px}.settings-section h3{margin:0 0 8px;color:var(--accent-3)}.settings-section>p{color:var(--muted);margin:4px 0 10px}.settings-section>code{display:block;padding:10px;border-radius:9px;background:var(--surface-3);color:var(--accent-3);word-break:break-all;margin-bottom:10px}.preference-settings button{width:100%;border:0;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:12px;font-weight:800}.meta-bar .plays[data-backend="sql"]{border-color:#1f7d64;color:#5cf2bd}.meta-bar .plays[data-backend="file"]{border-color:#7a5f1d;color:#ffd166}.meta-bar .plays.stats-warning{border-color:#8e3042;color:#ff8da1}
body[data-theme="light"] .quick-social button:nth-child(4),body[data-theme="light"] .quick-social button:nth-child(3){border-color:#cad4e3}.right-panel .quick-social{flex:0 0 auto}
@media(max-width:1100px){.quick-social{grid-template-columns:repeat(2,1fr)}.playlist-code-inline{display:none}}
@media(max-width:860px){.quick-social{grid-template-columns:repeat(4,1fr)}.playlist-toolbar{top:-18px}.preference-sticky{position:static}.playlist-layout .playlist-row{grid-template-columns:24px 45px minmax(0,1fr) auto}}

/* Radio Intelligent v3.5 — sidebar advertising, system clock, compact four-line lyrics and separate preferences */
.secondary-nav{gap:2px}.secondary-nav .nav{height:32px;font-size:12.5px;padding:0 10px}.about-title{margin-top:12px;margin-bottom:5px}
.sidebar-ad{margin-top:auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2,#10162b);min-height:118px;display:flex;flex-direction:column;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.sidebar-ad img{display:block;width:100%;height:104px;object-fit:cover}.sidebar-ad-body{padding:10px 11px}.sidebar-ad-body small{display:block;color:var(--accent-3,#49e4ff);font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:3px}.sidebar-ad-body b{display:block;color:var(--text);font-size:14px;line-height:1.15}.sidebar-ad-body p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sidebar-ad-body a{display:inline-flex;margin-top:5px;padding:6px 9px;border-radius:8px;background:linear-gradient(90deg,var(--accent,#b326f2),var(--accent-2,#178fe5));color:#fff;text-decoration:none;font-size:11px;font-weight:800}
.lyrics-title button{border:1px solid var(--line);font-size:10px;padding:6px 10px;border-radius:999px;background:var(--surface-2,#141b31);color:var(--muted,#b6bfd9);cursor:pointer}.lyrics-title button:hover{color:var(--text);border-color:var(--accent)}
.lyrics-mini{height:236px!important;display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr));align-content:stretch;justify-content:stretch!important;padding:7px 8px!important;gap:2px!important;overscroll-behavior:contain}
.lyric{min-height:0!important;height:100%;padding:4px 7px!important;font-size:clamp(13px,1.08vw,17px)!important;line-height:1.08!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.lyric-text{display:block;max-height:2.2em;overflow:hidden}
.system-clock{margin-top:10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,var(--surface-3,#080e20),var(--surface-2,#11172a));padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}.system-clock span{font-size:22px;font-weight:900;letter-spacing:.04em;color:var(--accent-3,#49e4ff)}.system-clock small{color:var(--muted);font-size:11px;text-align:right}
.preferences-page{display:block!important;max-width:780px;max-height:none!important;margin:0 auto;padding:20px}.preferences-page .preference-sticky{position:static}.preferences-page .pref-group{margin-top:18px}.preferences-page .preference-code-box code{font-size:15px}
.info-page{max-width:760px;margin:0 auto;padding:14px 8px}.info-page h3{font-size:28px;margin:0 0 12px;color:var(--accent-3)}.info-page p{font-size:18px;line-height:1.65;color:var(--text);margin:0}
body[data-theme="light"] .sidebar-ad,body[data-theme="light"] .system-clock{box-shadow:0 8px 22px rgba(56,76,110,.12)}
@media(max-height:820px) and (min-width:861px){.secondary-nav .nav{height:29px}.sidebar-ad img{height:78px}.sidebar-ad-body p{display:none}.lyrics-mini{height:205px!important}.system-clock{padding:6px 10px}.system-clock span{font-size:19px}}
@media(max-width:1100px){.secondary-nav .nav{height:30px}.sidebar-ad img{height:82px}.sidebar-ad-body p{display:none}}
@media(max-width:860px){.sidebar-ad{margin-top:12px}.lyrics-mini{height:220px!important}.system-clock span{font-size:20px}}
/* v36: expanded listener preferences */
.preferences-page{max-width:980px}
.preference-primary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.preference-primary .pref-active{margin:0;padding:10px;border-radius:9px;background:var(--surface-3)}
.preference-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
.preference-groups .pref-group{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.preference-code-bottom{margin-top:18px!important;padding:14px!important}
.preference-code-bottom code{font-size:16px!important;letter-spacing:.04em}
.settings-actions{align-content:start}
@media(max-width:760px){.preference-primary,.preference-groups{grid-template-columns:1fr}.preferences-page{padding:12px}.preference-code-bottom code{font-size:13px!important}}
/* v38 unlimited advertising slider */
.sidebar-ad{transition:opacity .25s ease,transform .25s ease}
.sidebar-ad-media{position:relative;width:100%;aspect-ratio:5/4;background:#080f21;overflow:hidden}
.sidebar-ad-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.sidebar-ad-count{position:absolute;right:7px;bottom:7px;min-width:28px;padding:3px 7px;border-radius:999px;background:rgba(5,9,22,.76);color:#fff;font-size:10px;font-weight:800;text-align:center;backdrop-filter:blur(5px)}
.sidebar-ad-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.sidebar-ad-phone{background:#16314b!important}


/* v38: transcription consent and share caption */
.timingConsent{margin:12px 0;padding:12px 14px;border:1px solid rgba(38,191,238,.45);border-radius:12px;background:rgba(17,83,120,.18);align-items:flex-start}.timingConsent small{display:block;margin-top:4px;color:var(--muted);font-weight:500}.share-caption{width:100%;min-height:88px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:rgba(5,10,25,.7);color:var(--text);padding:12px;font:600 15px/1.45 system-ui,sans-serif;margin:8px 0 14px}
/* v39 advertising carousel: two cards overlap during a horizontal transition. */
.sidebar-ad{position:relative;display:block;min-height:230px;overflow:hidden;background:var(--surface-2,#10162b)}
.sidebar-ad-stage{position:relative;width:100%;min-height:230px;overflow:hidden}
.sidebar-ad-slide{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--surface-2,#10162b);transform:translateX(0);opacity:1;transition:transform .72s cubic-bezier(.22,.78,.2,1),opacity .72s ease;will-change:transform,opacity}
.sidebar-ad-slide.incoming{transform:translateX(100%);opacity:.12}
.sidebar-ad-slide.current{transform:translateX(0);opacity:1;z-index:2}
.sidebar-ad-slide.outgoing{transform:translateX(-38%);opacity:0;z-index:1}
.sidebar-ad-slide.live-air{border-left:3px solid #ff9348}
.sidebar-ad-slide.live-air .sidebar-ad-body small{color:#ffb36d}
.sidebar-ad-slide .sidebar-ad-media{flex:0 0 auto;aspect-ratio:5/4;max-height:122px}
.sidebar-ad-slide .sidebar-ad-body{flex:1;min-height:96px}
.sidebar-ad-slide .sidebar-ad-body p{max-height:49px;-webkit-line-clamp:3}
@media(max-height:820px) and (min-width:861px){.sidebar-ad,.sidebar-ad-stage{min-height:188px}.sidebar-ad-slide .sidebar-ad-media{max-height:90px}.sidebar-ad-slide .sidebar-ad-body{min-height:86px}}
@media(max-width:1100px){.sidebar-ad,.sidebar-ad-stage{min-height:188px}.sidebar-ad-slide .sidebar-ad-media{max-height:90px}}
/* v40: repeat, fresh playlist shuffle and compact preference editor */
.transport{gap:14px;flex-wrap:nowrap;justify-content:center;max-width:100%}.transport-utility{display:grid;grid-template-rows:1fr 1fr;gap:6px;margin-left:2px}.transport-utility .utility-btn{width:38px;height:38px;border-width:1px;border-color:#425278;background:#10172d;border-radius:10px}.transport-utility .utility-btn svg{width:27px;height:27px;stroke-width:3.4}.transport-utility .utility-btn.active{border-color:#56e8ff;color:#fff;background:linear-gradient(135deg,#9c31eb,#117fd6);box-shadow:0 0 22px rgba(84,222,255,.42)}.transport-utility .utility-btn.loading svg{animation:riShuffleSpin .8s linear infinite}.playlist-mode-status{min-height:18px;margin-top:5px;color:var(--accent-3,#49e4ff);font-size:12px;font-weight:700;opacity:0;transition:opacity .2s}.playlist-mode-status.visible{opacity:1}@keyframes riShuffleSpin{to{transform:rotate(360deg)}}
.preference-primary{grid-template-columns:minmax(260px,1.25fr) minmax(220px,.75fr);align-items:stretch}.pref-mode{display:grid;gap:7px;padding:10px;border-radius:9px;background:var(--surface-3)}.pref-mode span{font-weight:800}.pref-mode select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);padding:0 10px}.preference-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preference-groups .pref-group{padding:9px}.preference-groups .pref-group>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.pref-check{padding:5px 7px!important;font-size:13px!important}.preference-code-bottom{margin-top:12px!important}.ai-news-warning{display:block;width:100%;padding:8px 10px;border:1px solid rgba(255,190,61,.38);border-radius:9px;background:rgba(113,74,6,.24);color:#ffd985;font-size:11px;line-height:1.35}
@media(max-width:780px){.transport{gap:7px}.transport-btn,.play-btn{width:55px;height:55px}.transport-btn svg,.play-btn svg{width:40px;height:40px}.transport-utility .utility-btn{width:32px;height:32px}.preference-primary,.preference-groups{grid-template-columns:1fr}}

/* v4.2 compact workspace and multilingual help */
.modal-card[data-modal-type="playlist"],.modal-card[data-modal-type="preferences"],.modal-card[data-modal-type="help"],.modal-card[data-modal-type="equalizer"]{width:min(1500px,96vw);max-height:94vh}
.modal-card[data-modal-type="playlist"] .modal-body,.modal-card[data-modal-type="preferences"] .modal-body,.modal-card[data-modal-type="help"] .modal-body{max-height:calc(94vh - 68px)}
.help-page{max-width:1250px;margin:auto}.help-hero{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,rgba(169,45,240,.18),rgba(36,184,242,.13));margin-bottom:18px}.help-hero h3{margin:0 0 7px;font-size:28px}.help-hero p{margin:0;color:var(--muted)}.help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-steps section{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2,#10172b)}.help-steps b{font-size:17px}.help-steps p{margin:7px 0 0;color:var(--muted)}.help-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding-left:22px}.help-contact{margin-top:18px;padding:14px;border-radius:12px;border:1px solid var(--line)}
@media(max-width:850px){.help-steps,.help-features{grid-template-columns:1fr}.modal{padding:8px}.modal-card{width:100%;max-height:97vh}}

.info-combined{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-combined .info-card{margin:0}.info-card{font-size:16px;line-height:1.55}.info-card h3{font-size:22px}.info-card a{color:var(--accent-3,#49e4ff)}@media(max-width:760px){.info-combined{grid-template-columns:1fr}}

/* v45 */
.system-clock{width:100%;min-height:58px}.sidebar-ad{width:100%;flex:0 0 auto;margin-top:auto}.sidebar-ad.hidden{display:none!important}

/* Radio Intelligent v4.6 — four sidebar blocks, full-width clock and lyric font controls */
.sidebar{gap:10px}.sidebar-section{border:1px solid var(--line);border-radius:12px;background:rgba(10,15,32,.48);padding:9px;min-width:0}.sidebar-main{flex:0 1 auto;overflow:auto}.sidebar-info{flex:0 0 auto}.sidebar-ad-section{flex:1 1 170px;min-height:150px;padding:0;overflow:hidden;display:flex}.sidebar-ad-section .sidebar-ad{margin:0!important;width:100%;height:100%;min-height:150px;border:0;border-radius:11px}.sidebar-ad-stage,.sidebar-ad-slide{height:100%}.sidebar-ad-slide{display:grid;grid-template-rows:minmax(76px,1fr) auto}.sidebar-ad-media img{width:100%;height:100%;min-height:76px;object-fit:cover}.sidebar-ad-body{padding:9px 10px}.sidebar-ad-body p{font-size:12px;line-height:1.25;margin:4px 0}.sidebar-ad-body b{font-size:14px}.system-clock{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;width:100%!important;min-height:82px!important;padding:10px 14px!important;background:linear-gradient(135deg,rgba(179,38,242,.2),rgba(23,143,229,.23))!important;border-color:color-mix(in srgb,var(--accent,#9c38ec) 55%,var(--line))!important}.system-clock span{font-size:clamp(34px,3.3vw,52px)!important;line-height:1!important;color:var(--accent-3,#49e4ff)!important;text-shadow:0 0 18px color-mix(in srgb,var(--accent-3,#49e4ff) 55%,transparent)}.system-clock small{font-size:13px!important;text-align:center!important;color:var(--text)!important}.lyrics-heading{display:flex;align-items:center;gap:9px}.lyrics-font-controls{display:inline-flex;gap:4px}.lyrics-font-controls button{width:29px;height:27px;padding:0!important;border-radius:7px!important;font-size:19px!important;line-height:1}.lyrics-mini{--lyrics-font-size:18px}.lyrics-mini .lyric{font-size:var(--lyrics-font-size)!important}.full-lyrics{--lyrics-font-size:18px}.full-lyrics .full-line{font-size:var(--lyrics-font-size)!important}
@media(max-height:820px) and (min-width:861px){.sidebar{gap:6px}.sidebar-section{padding:6px}.sidebar-ad-section{min-height:116px;flex-basis:116px}.sidebar-ad-section .sidebar-ad{min-height:116px}.sidebar-ad-body p{display:none}.system-clock{min-height:68px!important}.system-clock span{font-size:32px!important}}

/* v4.7: fixed-size lyric rows, larger cover, persistent ad segment, text announcement */
.disc-wrap{width:min(48vh,400px)}
.lyrics-mini .lyric{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lyrics-mini .lyric-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-ad-section{display:flex!important;visibility:visible!important;min-height:150px!important}
.sidebar-ad-section .sidebar-ad{display:block!important;min-height:150px!important}
.sidebar-ad-section .sidebar-ad.hidden{display:block!important}
.text-announcement-segment{width:100%;min-height:72px;margin-top:9px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:linear-gradient(135deg,rgba(23,143,229,.15),rgba(179,38,242,.14));overflow:hidden}
.text-announcement-segment small{display:block;color:var(--accent-3,#49e4ff);font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:5px}
.text-announcement-segment div{font-size:14px;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.text-announcement-settings{grid-column:1/-1}.text-announcement-settings textarea{width:100%;resize:vertical;min-height:90px;border:1px solid var(--line);border-radius:10px;background:#0b1123;color:var(--text);padding:10px;font:inherit}.text-announcement-settings button{margin-top:8px}.setting-check{display:flex!important;align-items:center;gap:8px}.setting-check input{width:auto!important}.setting-status{min-height:20px;margin-top:7px;color:var(--accent-3,#49e4ff)}
@media(max-height:820px) and (min-width:861px){.disc-wrap{width:min(43vh,350px)}.text-announcement-segment{min-height:58px;padding:7px 10px}.text-announcement-segment div{-webkit-line-clamp:2;font-size:12px}}

/* v4.9: sidebar advertising segment must remain visible */
.sidebar-ad-section{display:block!important;min-height:220px}
#sidebarAd.sidebar-ad{display:block!important;min-height:220px;visibility:visible!important;opacity:1!important}
#sidebarAd.hidden{display:block!important}

/* v5.2 live fix: the advertising segment is always a visible fourth sidebar block. */
.sidebar{display:flex!important;flex-direction:column!important;overflow:auto!important}
.sidebar-ad-section{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 230px!important;height:230px!important;min-height:230px!important;overflow:hidden!important}
#sidebarAd{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;min-height:230px!important}
#sidebarAd>.sidebar-ad-slide{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:230px!important;display:grid!important;grid-template-rows:minmax(95px,1fr) auto!important}
#sidebarAd>.sidebar-ad-slide .sidebar-ad-media{min-height:95px!important;max-height:130px!important}
#sidebarAd>.sidebar-ad-slide .sidebar-ad-body{min-height:92px!important}
@media(max-height:820px) and (min-width:861px){.sidebar-ad-section{flex-basis:170px!important;height:170px!important;min-height:170px!important}#sidebarAd,#sidebarAd>.sidebar-ad-slide{min-height:170px!important}.sidebar-main{max-height:390px!important}}


/* v5.9 unified responsive player */
.top-global-search{width:min(620px,46vw);height:40px;border:1px solid var(--line);border-radius:11px;background:#10172d;display:flex;align-items:center;gap:9px;padding:0 12px;margin:0 auto}.top-global-search svg{width:19px;height:19px;fill:none;stroke:#aab4d0;stroke-width:2}.top-global-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.workspace{grid-template-columns:280px minmax(500px,1fr) minmax(330px,29%)}.sidebar{align-items:center}.sidebar-section{width:100%}.sidebar-ad-section{width:270px!important;max-width:100%;height:220px!important;min-height:220px!important;flex:0 0 220px!important;padding:10px!important}.sidebar-ad-section #sidebarAd{width:250px!important;max-width:100%!important;height:200px!important;min-height:200px!important;margin:auto!important}.sidebar-ad-slide{height:200px!important;min-height:200px!important}.track-title-marquee{width:100%;overflow:hidden;white-space:nowrap}.track-title-marquee h1{display:inline-block;white-space:nowrap;max-width:none}.track-title-marquee.is-overflowing h1{padding-left:100%;animation:riTitleMarquee var(--marquee-duration,14s) linear infinite}.track-title-marquee:hover h1{animation-play-state:paused}@keyframes riTitleMarquee{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(calc(-100% - 100vw))}}.desktop-tool-menu{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:100%;margin-top:8px}.desktop-tool-menu button{height:40px;border:1px solid var(--line);border-radius:9px;background:#10172d;color:#dce4ff;font-size:19px;cursor:pointer}.desktop-tool-menu button:hover{background:linear-gradient(135deg,#9c31eb,#117fd6)}.seek-row input[type=range]{background:linear-gradient(90deg,rgba(73,228,255,.28) 0 18%,rgba(179,38,242,.32) 18% 58%,rgba(255,183,77,.32) 58% 78%,rgba(255,255,255,.15) 78% 100%)}
@media(max-width:860px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;display:flex;flex-direction:column;padding:8px}.topbar{order:1;min-height:52px;padding:0 6px}.top-global-search{display:none}.workspace{order:2;display:flex;flex-direction:column}.sidebar{display:none!important}.main-player{order:1;min-height:auto;padding:12px}.disc-wrap{width:100%!important;height:min(48vw,330px)!important;max-height:330px!important}.disc-wrap img{width:100%!important;height:100%!important;object-fit:contain!important}.track-head{order:2}.track-title-marquee{height:42px}.track-title-marquee h1{font-size:clamp(21px,6vw,30px);line-height:42px}.seek-row{order:3}.transport{order:4}.right-panel{order:2;min-height:auto}.lyrics-mini{min-height:44px!important;max-height:58px!important}.lyrics-mini .lyric:not(.active){display:none!important}.system-clock{display:none!important}.desktop-tool-menu{display:none}.sidebar-ad-section{display:block!important;width:270px!important;height:220px!important;min-height:220px!important;margin:12px auto!important}.right-actions{justify-content:center}.quick-social{display:none!important}.footer{order:3}.status-badge{font-size:10px}.brand-logo{max-width:190px}.login-btn{padding:0 11px}.top-actions .icon-btn{display:none}}
@media(prefers-reduced-motion:reduce){.track-title-marquee.is-overflowing h1{animation:none!important;padding-left:0!important;text-overflow:ellipsis;overflow:hidden;max-width:100%}}

/* Radio Intelligent v6.0 — stable cover, continuous titles, adaptive ads and semantic controls */
.workspace{grid-template-columns:350px minmax(500px,1fr) minmax(350px,28%)}
.sidebar{align-items:center;overflow:auto}.sidebar-main{flex:0 0 auto}.nav-title{display:none!important}
.sidebar-ad-section{width:340px!important;max-width:100%!important;height:220px!important;min-height:220px!important;flex:0 0 220px!important;padding:10px!important}
.sidebar-ad-section #sidebarAd{width:320px!important;max-width:100%!important;height:200px!important;min-height:200px!important;margin:auto!important;background:var(--surface-2);border-radius:12px;overflow:hidden}
#sidebarAd>.sidebar-ad-slide{height:200px!important;min-height:200px!important;grid-template-rows:minmax(0,1fr) auto!important}
#sidebarAd>.sidebar-ad-slide .sidebar-ad-media{min-height:0!important;max-height:none!important;overflow:hidden}
#sidebarAd>.sidebar-ad-slide .sidebar-ad-media img{width:100%;height:100%;object-fit:contain;background:#050915}
#sidebarAd>.sidebar-ad-slide .sidebar-ad-body{min-height:58px!important;max-height:80px;overflow:hidden}
.disc-wrap{height:clamp(300px,42vh,410px)!important;width:clamp(300px,42vh,410px)!important;flex:0 0 auto!important;margin:6px 0 0!important}
.disc-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;background:rgba(0,0,0,.12)}
.disc-wrap.vinyl img{object-fit:cover!important}
.player-lower-block{margin-top:24px!important;min-height:0}
.track-head,.track-title-marquee{width:100%;min-width:0}.track-title-marquee{height:54px;display:flex;align-items:center;overflow:hidden;white-space:nowrap}
.track-title-marquee h1{display:inline-block!important;width:max-content;min-width:max-content;white-space:nowrap!important;margin:0!important;will-change:transform}
.track-title-marquee h1::after{content:"  •  " attr(data-marquee);white-space:nowrap}
.track-title-marquee:not(.is-overflowing) h1::after{display:none}
.track-title-marquee.is-overflowing h1{padding-left:0!important;animation:riTitleMarqueeContinuous var(--marquee-duration,18s) linear infinite!important}
@keyframes riTitleMarqueeContinuous{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.track-title-marquee:hover h1{animation-play-state:paused!important}
.transport{gap:22px}.transport-btn,.play-toggle{width:76px;height:76px}.play-toggle{width:88px;height:88px}.transport-btn svg,.play-toggle svg{width:56px;height:56px}
.desktop-tool-menu{grid-template-columns:repeat(6,minmax(48px,1fr));gap:8px}.desktop-tool-menu button{height:52px;font-size:25px;border-radius:12px}
.seek-row input[type=range]{appearance:none;height:12px;border-radius:999px;background:linear-gradient(90deg,#62708d 0 100%);overflow:hidden}
.seek-row input[type=range].has-cue-segments{background:linear-gradient(90deg,#36b9e9 0 var(--intro-end,18%),#7454e9 var(--intro-end,18%) var(--vocal-end,58%),#e69b35 var(--vocal-end,58%) var(--hook-end,78%),#64708b var(--hook-end,78%) 100%)}
.seek-row input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 0 0 1px #0006}.seek-row input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--accent)}
.lyrics-mini.untimed{overflow-y:auto!important;justify-content:flex-start!important;scrollbar-width:thin}.lyrics-mini.untimed .lyric{background:transparent!important;box-shadow:none!important;color:var(--text)!important;font-weight:500!important}.lyrics-mini.untimed .lyric-text{background:none!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}.lyrics-mini.untimed+.stereo{margin-top:12px}
#syncBadge:disabled{opacity:.72;cursor:default}
.text-announcement-segment{background:var(--announcement-bg,#111a33)!important;color:var(--announcement-text,#f6f7ff)!important}.text-announcement-segment>div{font-size:var(--announcement-font-size,15px)!important;font-weight:var(--announcement-font-weight,700)!important;text-align:var(--announcement-align,left)!important;color:var(--announcement-text,#f6f7ff)!important;display:block!important;-webkit-line-clamp:unset!important}.text-announcement-segment a{color:inherit;text-decoration:none;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}.text-announcement-image{width:84px;height:54px;object-fit:contain;border-radius:7px}.text-announcement-copy{min-width:0}.settings-admin-note{color:var(--muted);margin:10px 0 0;max-width:560px}
.mobile-ad-mount{display:none}.meta-bar{gap:16px;flex-wrap:wrap}.meta-bar span{white-space:nowrap}
@media(max-height:760px) and (min-width:861px){.disc-wrap{height:270px!important;width:270px!important}.player-lower-block{margin-top:16px!important}.transport-btn{width:66px;height:66px}.play-toggle{width:76px;height:76px}.sidebar-ad-section{height:190px!important;min-height:190px!important;flex-basis:190px!important}.sidebar-ad-section #sidebarAd,#sidebarAd>.sidebar-ad-slide{height:170px!important;min-height:170px!important}}
@media(max-width:1180px) and (min-width:861px){.workspace{grid-template-columns:330px minmax(430px,1fr) 330px}.sidebar-ad-section{width:320px!important}.sidebar-ad-section #sidebarAd{width:300px!important}.transport{gap:12px}.transport-btn{width:66px;height:66px}.play-toggle{width:78px;height:78px}}
@media(max-width:860px){
 .app-shell{padding:8px;gap:8px}.workspace{display:flex!important}.main-player{min-height:auto!important;overflow:visible!important;padding:10px 12px 14px!important}.right-panel{padding:12px!important}
 .disc-wrap{height:clamp(250px,62vw,350px)!important;width:100%!important;max-width:100%!important;margin:8px auto 0!important;border-radius:22px!important}.disc-wrap:before{border-radius:26px!important}.disc-wrap img{border-radius:20px!important;object-fit:contain!important}.disc-wrap.vinyl{width:clamp(250px,62vw,350px)!important}.disc-wrap.vinyl img{border-radius:50%!important}
 .player-lower-block{margin-top:18px!important}.track-title-marquee{height:46px!important}.track-title-marquee h1{font-size:clamp(22px,6vw,31px)!important;line-height:46px!important}
 .transport{gap:10px!important;justify-content:center;flex-wrap:nowrap}.transport-btn{width:62px!important;height:62px!important}.play-toggle{width:72px!important;height:72px!important}.transport-btn svg,.play-toggle svg{width:45px!important;height:45px!important}
 .lyrics-mini{min-height:52px!important;max-height:74px!important}.lyrics-mini.untimed{max-height:150px!important;min-height:100px!important}.lyrics-mini.untimed .lyric{display:block!important;white-space:normal!important;text-overflow:clip!important}.lyrics-mini.untimed .lyric-text{white-space:normal!important;overflow:visible!important}
 .mobile-ad-mount{display:block;order:4;margin:12px auto;width:100%}.mobile-ad-mount .sidebar-ad-section{display:block!important;width:min(340px,100%)!important;height:220px!important;min-height:220px!important;margin:0 auto!important}.mobile-ad-mount #sidebarAd{width:min(320px,100%)!important;height:200px!important;min-height:200px!important}
 .right-panel .stereo{order:3}.right-panel .volume-row{order:2}.right-panel .lyrics-title{order:0}.right-panel .lyrics-mini{order:1}.right-panel .right-actions{order:5}.right-panel .quick-social{order:6}.text-announcement-segment{order:4}.meta-bar{justify-content:center;padding:10px 12px;font-size:13px}.meta-bar i{display:none}
}
@media(prefers-reduced-motion:reduce){.track-title-marquee.is-overflowing h1{animation:none!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}.track-title-marquee.is-overflowing h1::after{display:none}}

/* Radio Intelligent v6.0 final consistency fixes */
/* The cover keeps a stable vertical footprint, so title and controls do not jump. */
.disc-wrap{height:clamp(250px,38vh,370px)!important;min-height:250px!important;max-height:370px!important;width:min(100%,370px)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.disc-wrap .disc,.disc-wrap img,.cover-art{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
/* A long title is always a single continuous marquee; a short title stays still. */
.track-title-viewport,.track-head h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;max-width:100%!important}
.track-title-marquee{display:inline-flex!important;min-width:max-content!important;will-change:transform}
/* More readable, control-sized tool icons. */
.desktop-tool-menu button,.desktop-tool-menu .tool-button{min-width:58px!important;min-height:58px!important;font-size:25px!important}
.transport-btn,.play-toggle{width:76px!important;height:76px!important}.play-btn{width:84px!important;height:84px!important}
/* Ad artwork keeps all text visible inside the 320 × 200 area. */
.sidebar-ad-media img,.sidebar-ad-slide img,#mobileAdMount img{object-fit:contain!important;background:var(--surface-3,#080d1c)!important}
/* Station colors are the base palette for the Original theme. */
body[data-theme="original"]{--panel-gradient:linear-gradient(160deg,var(--surface),var(--theme-base));--surface-3:color-mix(in srgb,var(--surface) 66%,var(--theme-base));--control:var(--surface-2);--control-hover:color-mix(in srgb,var(--surface-2) 76%,var(--accent));--line:color-mix(in srgb,var(--muted) 40%,transparent)}
@media(min-width:1100px){.workspace{grid-template-columns:350px minmax(0,1fr) minmax(310px,360px)!important}.sidebar{min-width:350px!important}.sidebar-ad-section{padding-inline:14px!important}}
@media(max-width:860px){
  .disc-wrap{height:clamp(245px,44vh,355px)!important;min-height:245px!important;max-height:355px!important;width:100%!important;margin-bottom:12px!important}
  .transport-btn,.play-toggle{width:68px!important;height:68px!important}.play-btn{width:76px!important;height:76px!important}
}

/* Radio Intelligent v6.1 — definitive title centering and news visibility fixes */
.player-lower-block,
.player-lower-block .track-head{
  width:100%!important;
  min-width:0!important;
}
.player-lower-block .track-head{
  text-align:center!important;
  display:block!important;
}
.player-lower-block .track-title-marquee{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  margin-inline:auto!important;
}
.player-lower-block .track-title-marquee h1{
  flex:0 0 auto!important;
  display:block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  margin:0 auto!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.player-lower-block .track-title-marquee:not(.is-overflowing) h1{
  transform:none!important;
  animation:none!important;
}
.player-lower-block .track-title-marquee.is-overflowing{
  justify-content:flex-start!important;
}
.player-lower-block .track-title-marquee.is-overflowing h1{
  margin:0!important;
}
.player-lower-block .track-head>p{
  width:100%!important;
  text-align:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
/* Imported news remains clearly visible as a separate administrative pool. */
.news-pool-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:10px;
  margin:14px 0;
}
.news-pool-summary>div{
  padding:12px;
  border:1px solid #33456f;
  border-radius:12px;
  background:#0d1730;
  text-align:center;
}
.news-pool-summary b{display:block;font-size:24px;color:#7fe6ff}
@media(max-width:760px){.news-pool-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Radio Intelligent v6.2 — balanced desktop columns, labeled tools and reliable marquee */
@media (min-width:1280px){
  .app-shell{width:min(100%,1680px);margin:0 auto}
  .workspace{grid-template-columns:340px minmax(520px,760px) minmax(390px,420px)!important;justify-content:center}
  .right-panel{min-width:390px}
}
.desktop-tool-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.desktop-tool-menu button,.desktop-tool-menu .tool-button{
  min-width:0!important;height:78px!important;min-height:78px!important;padding:7px 5px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  border-radius:13px!important
}
.desktop-tool-menu .tool-glyph{font-size:31px;line-height:1;font-weight:800;color:#f7f8ff}
.desktop-tool-menu .tool-label{font-size:11px;line-height:1.12;font-weight:700;color:#b8c3df;white-space:normal;text-align:center}
.desktop-tool-menu button:hover .tool-label{color:#fff}
.track-title-marquee h1::after{content:none!important;display:none!important}
.player-lower-block .track-title-marquee{position:relative!important;width:100%!important;min-width:0!important;overflow:hidden!important;justify-content:center!important}
.player-lower-block .track-title-marquee h1{display:flex!important;align-items:center!important;gap:56px!important;width:max-content!important;min-width:max-content!important;margin:0 auto!important;animation:none!important;transform:translate3d(0,0,0)}
.player-lower-block .track-title-marquee .marquee-copy{display:block;flex:0 0 auto;white-space:nowrap;text-align:center}
.player-lower-block .track-title-marquee .marquee-copy[hidden]{display:none!important}
.player-lower-block .track-title-marquee.is-overflowing{justify-content:flex-start!important}
.player-lower-block .track-title-marquee.is-overflowing h1{margin:0!important;animation:riTitleMarqueeV62 var(--marquee-duration,18s) linear infinite!important}
@keyframes riTitleMarqueeV62{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 28px),0,0)}}
@media(prefers-reduced-motion:reduce){.player-lower-block .track-title-marquee.is-overflowing h1{animation:none!important}.marquee-copy-clone{display:none!important}}
@media(prefers-reduced-motion:reduce){
  .player-lower-block .track-title-marquee.is-overflowing h1{animation:riTitleMarqueeV62 calc(var(--marquee-duration,18s) * 1.6) linear infinite!important}
  .player-lower-block .track-title-marquee .marquee-copy-clone{display:block!important}
}
@media (min-width:861px) and (max-width:1099px){
  .workspace{grid-template-columns:280px minmax(360px,1fr) 320px!important}
  .sidebar{min-width:0!important}.right-panel{min-width:0!important}
}
@media (min-width:1100px) and (max-width:1279px){
  .workspace{grid-template-columns:320px minmax(440px,1fr) 370px!important}
  .sidebar{min-width:0!important}.right-panel{min-width:370px!important}
}

/* Radio Intelligent v6.3 — adaptive wide layout, Suno-inspired palette and reliable player details */
body[data-theme="suno"]{
  --theme-glow:#101010;--theme-mid:#0d0d0f;--theme-base:#050506;
  --surface:#171719;--surface-2:#202023;--surface-3:#101012;
  --control:#232326;--control-hover:#303036;--text:#fbfbfc;--muted:#a6a6ad;
  --line:#36363b;--accent:#1269cf;--accent-2:#e75f7a;--accent-3:#ffb44a;
  --transport-border:#ececf0;--transport-text:#fff;--karaoke-done:#fff;--karaoke-wait:#9b9ba5;
  --panel-gradient:linear-gradient(155deg,#1b1b1e,#0d0d0f)
}
body[data-theme="suno"] .panel,
body[data-theme="suno"] .modal-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 38px rgba(0,0,0,.34)}
body[data-theme="suno"] .nav:hover,
body[data-theme="suno"] .nav.active,
body[data-theme="suno"] .login-btn{background:linear-gradient(105deg,#1269cf,#9d4edd 58%,#e75f7a)}
body[data-theme="suno"] .status-badge{background:linear-gradient(100deg,#1269cf,#9d4edd,#e75f7a)}
body[data-theme="suno"] .desktop-tool-menu button:hover{background:linear-gradient(135deg,#1269cf,#9d4edd)}

/* Use the available desktop space instead of squeezing the center and lyrics panels. */
@media (min-width:1500px){
  .app-shell{width:min(100%,1940px)!important;margin-inline:auto!important}
  .workspace{grid-template-columns:minmax(330px,380px) minmax(650px,1.5fr) minmax(420px,.92fr)!important;gap:12px!important}
  .main-player{padding-inline:clamp(24px,2vw,42px)!important}
  .right-panel{min-width:420px!important;padding-inline:20px!important}
  .seek-row{width:min(100%,900px)!important}
}
@media (min-width:1200px) and (max-width:1499px){
  .app-shell{width:100%!important;max-width:none!important}
  .workspace{grid-template-columns:minmax(310px,350px) minmax(520px,1.35fr) minmax(370px,.9fr)!important;gap:10px!important}
  .right-panel{min-width:370px!important}
}
@media (min-width:861px) and (max-width:1199px){
  .workspace{grid-template-columns:minmax(250px,280px) minmax(390px,1fr) minmax(300px,335px)!important}
  .sidebar{min-width:0!important}.right-panel{min-width:0!important}
}

/* Continuous one-line title: JS supplies the exact travel distance. */
.player-lower-block .track-title-marquee.is-overflowing h1{
  animation:riTitleMarqueeV63 var(--marquee-duration,20s) linear infinite!important;
  will-change:transform!important
}
@keyframes riTitleMarqueeV63{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--marquee-distance,-420px),0,0)}}
.player-lower-block .track-title-marquee .marquee-copy{flex:0 0 auto!important;display:block!important;white-space:nowrap!important}
.player-lower-block .track-title-marquee h1{gap:64px!important}
.email-share{background:#3567b7}.contact-card form{display:grid;gap:11px}.contact-card label{display:grid;gap:5px;font-weight:800}.contact-card input,.contact-card textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-3);color:var(--text);font:inherit}.contact-card textarea{min-height:140px;resize:vertical}.contact-actions{display:flex;gap:9px;flex-wrap:wrap}.contact-actions button{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-weight:850;cursor:pointer}.contact-actions .facebook-contact{background:#1877f2}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}#contactStatus{min-height:24px;color:#7ee6a8}

/* Clearly visible Intro / Vocal / Hook / Other bands in all modern browsers. */
.seek-row input[type=range]{background:transparent!important;overflow:visible!important}
.seek-row input[type=range]::-webkit-slider-runnable-track{
  height:12px;border-radius:999px;background:#626b7d
}
.seek-row input[type=range].has-cue-segments::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,
    #24b6e6 0 var(--intro-end,18%),
    #8057ef var(--intro-end,18%) var(--vocal-end,58%),
    #ff9f32 var(--vocal-end,58%) var(--hook-end,78%),
    #667084 var(--hook-end,78%) 100%)
}
.seek-row input[type=range]::-moz-range-track{height:12px;border-radius:999px;background:#626b7d}
.seek-row input[type=range].has-cue-segments::-moz-range-track{
  background:linear-gradient(90deg,
    #24b6e6 0 var(--intro-end,18%),
    #8057ef var(--intro-end,18%) var(--vocal-end,58%),
    #ff9f32 var(--vocal-end,58%) var(--hook-end,78%),
    #667084 var(--hook-end,78%) 100%)
}

/* Sharing always leaves a readable status before the external service opens. */
#shareStatus{min-height:24px;margin-top:10px;padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)!important;font-weight:700}

/* Mobile: previous and next lines are gray, the currently playing line is white. */
@media(max-width:860px){
  .lyrics-mini{display:grid!important;grid-template-rows:repeat(3,minmax(34px,1fr))!important;min-height:116px!important;max-height:136px!important;height:auto!important;gap:2px!important;padding:7px!important}
  .lyrics-mini:not(.untimed) .lyric{display:flex!important;align-items:center!important;justify-content:center!important;color:#8c929f!important;background:transparent!important;box-shadow:none!important;font-weight:600!important;opacity:.82!important;min-height:34px!important;padding:5px 8px!important}
  .lyrics-mini:not(.untimed) .lyric.active{color:#fff!important;background:rgba(255,255,255,.07)!important;box-shadow:inset 3px 0 0 var(--accent)!important;font-weight:800!important;opacity:1!important}
  .lyrics-mini:not(.untimed) .lyric.blank{visibility:hidden!important}
  .lyrics-mini.untimed{display:block!important;min-height:130px!important;max-height:180px!important;overflow-y:auto!important}
  .lyrics-mini.untimed .lyric{display:block!important;color:#a5aab5!important;opacity:1!important}
}


/* Radio Intelligent v6.5 — stable title, larger adaptive cover and unified administration */
@media (min-width:861px){
  .main-player{
    justify-content:flex-start!important;
    padding-top:18px!important;
    padding-bottom:10px!important;
  }
  .disc-wrap{
    --ri-cover-size:clamp(330px,calc(100dvh - 470px),540px);
    width:min(94%,var(--ri-cover-size))!important;
    height:var(--ri-cover-size)!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 1 auto!important;
    margin:4px auto 8px!important;
  }
  .player-lower-block{
    margin-top:10px!important;
    flex:0 0 auto!important;
  }
  .player-lower-block .seek-row{margin-top:10px!important}
  .player-lower-block .transport{margin-top:12px!important}
  .player-lower-block .reaction-row{margin-top:8px!important}
}
@media (min-width:861px) and (max-height:820px){
  .disc-wrap{--ri-cover-size:clamp(285px,calc(100dvh - 430px),405px)}
  .track-title-marquee{height:48px!important}
  .track-head h1{font-size:clamp(28px,2.5vw,38px)!important}
}
@media (min-width:861px) and (max-height:700px){
  .disc-wrap{--ri-cover-size:clamp(235px,calc(100dvh - 390px),325px)}
  .transport-btn,.play-toggle{width:58px!important;height:58px!important}
}
/* The title DOM is no longer rebuilt on every render. Keep it GPU-stable and
   prevent opacity/position flashes when the resize observer recalculates it. */
.player-lower-block .track-title-marquee h1{
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
  contain:paint style;
}
.player-lower-block .track-title-marquee .marquee-copy{
  opacity:1!important;
  visibility:visible!important;
}
.player-lower-block .track-title-marquee:not(.is-overflowing) .marquee-copy-clone{
  display:none!important;
}
.player-lower-block .track-title-marquee.is-overflowing .marquee-copy-clone{
  display:block!important;
}

/* Radio Intelligent v6.6 — stable title, larger cover and viewport-balanced first page */
@media (min-width:1280px){
  .app-shell{width:min(100%,1900px)!important;max-width:1900px!important;margin:0 auto!important}
  .workspace{grid-template-columns:minmax(320px,380px) minmax(700px,1fr) minmax(390px,440px)!important;gap:12px!important}
  .main-player{min-width:0!important;padding:18px 28px 14px!important;overflow:hidden!important}
  .disc-wrap{width:clamp(430px,46vh,560px)!important;height:clamp(430px,46vh,560px)!important;max-width:min(100%,560px)!important;max-height:56vh!important;margin:4px auto 10px!important}
  .player-lower-block{margin-top:8px!important;padding-bottom:0!important}
  .player-lower-block .seek-row{margin-top:10px!important}
  .player-lower-block .transport{margin-top:12px!important}
  .player-lower-block .reaction-row{margin-top:8px!important}
  .meta-bar{margin-top:8px!important}
}
@media (min-width:1600px) and (min-height:900px){
  .disc-wrap{width:clamp(500px,50vh,620px)!important;height:clamp(500px,50vh,620px)!important;max-width:min(100%,620px)!important;max-height:58vh!important}
}
.track-title-marquee{contain:layout paint!important;will-change:auto!important;transform:translateZ(0)!important}
.track-title-marquee h1{backface-visibility:hidden!important;transform:translate3d(0,0,0)!important}
.track-title-marquee.is-overflowing h1{animation-name:riTitleMarqueeV66!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-duration:var(--marquee-duration,24s)!important}
@keyframes riTitleMarqueeV66{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 32px),0,0)}}
.track-title-marquee:not(.is-overflowing) .marquee-copy-clone{display:none!important}
@media (max-height:820px) and (min-width:861px){
  .disc-wrap{width:clamp(330px,42vh,430px)!important;height:clamp(330px,42vh,430px)!important;max-height:48vh!important}
  .player-lower-block{margin-top:4px!important}
}


/* Radio Intelligent v6.9: stable artwork and one clear playlist entry point */
.disc-wrap,
.disc-wrap.vinyl,
.disc-wrap.cover-mode{
  aspect-ratio:1/1!important;
  border-radius:24px!important;
  overflow:hidden!important;
  animation:none!important;
  transform:none!important;
  flex-shrink:0!important;
}
.disc-wrap:before,
.disc-wrap.vinyl:before,
.disc-wrap.cover-mode:before{border-radius:30px!important}
.disc-wrap img,
.disc-wrap.vinyl img,
.disc-wrap.cover-mode img,
.disc-wrap.playing.vinyl img{
  width:100%!important;
  height:100%!important;
  border-radius:22px!important;
  object-fit:contain!important;
  animation:none!important;
  transform:none!important;
}
.top-playlist-btn{
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:linear-gradient(100deg,rgba(179,38,242,.22),rgba(23,143,229,.24));
  color:var(--text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
}
.top-playlist-btn:hover{border-color:var(--cyan);box-shadow:0 0 18px rgba(73,228,255,.18)}
.top-playlist-icon{font-size:20px;line-height:1}
.desktop-tool-menu{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.right-actions{grid-template-columns:minmax(0,1fr)!important}
.lyrics-heading{display:flex;align-items:center;min-width:0}
.lyrics-font-controls{display:none!important}
@media(max-width:760px){
  .top-playlist-btn{padding:0 10px;font-size:12px}
  .top-playlist-icon{font-size:18px}
}

/* v6.9 final square sizing: explicit equal dimensions beat older responsive rules. */
.disc-wrap,
.disc-wrap.vinyl,
.disc-wrap.cover-mode{
  --ri-cover-square:min(52vh,560px);
  width:var(--ri-cover-square)!important;
  height:var(--ri-cover-square)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:min(100%,560px)!important;
  max-height:58vh!important;
}
@media(max-height:820px) and (min-width:861px){
  .disc-wrap,.disc-wrap.vinyl,.disc-wrap.cover-mode{--ri-cover-square:min(44vh,430px);max-height:50vh!important}
}
@media(max-height:700px) and (min-width:861px){
  .disc-wrap,.disc-wrap.vinyl,.disc-wrap.cover-mode{--ri-cover-square:min(37vh,330px);max-height:42vh!important}
}
@media(max-width:860px){
  .disc-wrap,.disc-wrap.vinyl,.disc-wrap.cover-mode{
    --ri-cover-square:min(82vw,42vh,360px);
    width:var(--ri-cover-square)!important;
    height:var(--ri-cover-square)!important;
    max-width:360px!important;
    max-height:42vh!important;
  }
}

/* v7.0 desktop share controls */
.desktop-share-strip{display:flex;align-items:center;gap:7px;padding:0 2px}
.share-icon{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;color:#fff;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;padding:0}
.share-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.share-icon svg .fill{fill:currentColor;stroke:none}
.share-icon:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 7px 18px #0007}
.share-icon.share-native{background:linear-gradient(145deg,#27324e,#151b30)}
.share-icon.facebook{background:#1877f2}
.share-icon.instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b 58%,#6228d7)}
.share-icon.tiktok{background:#111;box-shadow:inset 2px 0 #25f4ee,inset -2px 0 #fe2c55}
.share-icon.x{background:#050505}
.mobile-share-row{display:none}
.mobile-share-row button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text)}
.mobile-share-row svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.share-toast{position:fixed;top:76px;right:20px;z-index:90;max-width:min(440px,calc(100vw - 32px));padding:12px 15px;border:1px solid #4a5d89;border-radius:12px;background:#111a31;color:#fff;box-shadow:0 18px 50px #000b;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.22s ease;font-size:14px;line-height:1.4}
.share-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.desktop-share-strip{gap:4px}.share-icon{width:38px;height:38px}.top-playlist-btn span:not(.top-playlist-icon){display:none}}
@media(max-width:860px){.desktop-share-strip{display:none}.mobile-share-row{display:flex;justify-content:center;margin-top:10px}.share-toast{top:62px;right:10px}}

/* Radio Intelligent v7.1 — manual lyrics, compact icon menu, sidebar search/share and visible advertising */
.top-global-search,.top-playlist-btn{display:none!important}
.topbar{justify-content:space-between!important}
.sidebar{align-items:stretch!important;overflow:hidden!important;gap:10px!important}
.sidebar-main,.sidebar-search-section{flex:0 0 auto!important;width:100%!important}
.sidebar-search-section{padding:0!important}
.sidebar-search{height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2,#10172d);display:flex;align-items:center;gap:9px;padding:0 12px;width:100%}
.sidebar-search svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2;flex:0 0 auto}
.sidebar-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}
.sidebar-search input::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent)}
.sidebar-share-section{flex:0 0 auto;margin-top:auto;width:100%;padding-top:2px}
.sidebar-share-section .desktop-share-strip{display:flex!important;justify-content:center;gap:8px;width:100%}
.sidebar-share-section .share-icon{width:40px;height:40px}
.sidebar-ad-section{display:block!important;visibility:visible!important;opacity:1!important;margin-top:0!important;flex:0 0 220px!important;height:220px!important;min-height:220px!important;width:100%!important;overflow:hidden!important;padding:10px!important}
.sidebar-ad-section #sidebarAd{display:block!important;visibility:visible!important;opacity:1!important;width:min(320px,100%)!important;height:200px!important;min-height:200px!important;margin:0 auto!important;position:relative!important}
.sidebar-ad-section #sidebarAd .sidebar-ad-stage,.sidebar-ad-section #sidebarAd .sidebar-ad-slide{height:200px!important;min-height:200px!important}

/* The six listener actions use one icon language and no repeated labels. */
.desktop-tool-menu{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;flex:0 0 auto!important}
.desktop-tool-menu button,.desktop-tool-menu .tool-button{min-width:0!important;width:100%!important;height:58px!important;min-height:58px!important;padding:0!important;border-radius:13px!important;display:grid!important;place-items:center!important}
.desktop-tool-menu .tool-glyph{font-size:31px!important;line-height:1!important}
.desktop-tool-menu .tool-label{display:none!important}

/* The right lyrics panel is a normal manually scrollable document. */
.right-panel{overflow:hidden!important}
.lyrics-title{flex:0 0 35px!important}
#syncBadge{display:none!important}
.lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{display:block!important;flex:0 0 auto!important;height:clamp(230px,34vh,410px)!important;min-height:190px!important;max-height:410px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 11px!important;scrollbar-width:thin;overscroll-behavior:contain;justify-content:flex-start!important}
.lyrics-mini.manual-scroll .lyric,.lyrics-mini.untimed.manual-scroll .lyric{display:block!important;height:auto!important;min-height:0!important;padding:8px 10px!important;margin:0 0 4px!important;text-align:left!important;font-size:var(--lyrics-font-size,18px)!important;line-height:1.36!important;color:#929bb3!important;background:transparent!important;box-shadow:none!important;white-space:normal!important;overflow:visible!important}
.lyrics-mini.manual-scroll .lyric-text,.lyrics-mini.untimed.manual-scroll .lyric-text{display:block!important;max-height:none!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;overflow-wrap:anywhere!important}
.lyrics-mini.manual-scroll .lyric.active{color:#fff!important;font-weight:800!important;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent-2) 20%,transparent))!important;box-shadow:inset 3px 0 0 var(--accent)!important}

/* Announcement consumes the free height below the icon menu. */
.text-announcement-segment{flex:1 1 auto!important;min-height:82px!important;max-height:none!important;overflow:auto!important;margin-top:10px!important}
.text-announcement-segment>div{max-height:none!important;overflow:visible!important}

/* A square blurred artwork bed with a centered rotating vinyl. */
.disc-wrap,.disc-wrap.vinyl,.disc-wrap.cover-mode{position:relative!important;isolation:isolate!important;aspect-ratio:1/1!important;border-radius:26px!important;overflow:hidden!important;filter:drop-shadow(0 18px 36px rgba(0,0,0,.45))!important;background:#080b16!important;animation:none!important;transform:none!important}
.disc-wrap:before,.disc-wrap.vinyl:before,.disc-wrap.cover-mode:before{content:""!important;position:absolute!important;inset:-12%!important;border-radius:34px!important;background-image:linear-gradient(rgba(4,7,16,.18),rgba(4,7,16,.38)),var(--cover-bg)!important;background-size:cover!important;background-position:center!important;filter:blur(24px) saturate(1.22)!important;transform:scale(1.16)!important;opacity:.88!important;z-index:0!important}
.disc-wrap:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 42%,rgba(2,4,10,.46) 100%);z-index:1;pointer-events:none}
.disc-wrap img,.disc-wrap.vinyl img,.disc-wrap.cover-mode img,.disc-wrap.playing.vinyl img{position:relative!important;z-index:2!important;width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;object-position:center!important;border-radius:50%!important;background:radial-gradient(circle,#171a23 0 14%,#08090d 15% 100%)!important;box-shadow:0 0 0 7px rgba(5,6,10,.88),0 18px 40px rgba(0,0,0,.55)!important;animation:none!important;transform:translateZ(0)!important;transform-origin:50% 50%!important}
.disc-wrap.playing img,.disc-wrap.playing.vinyl img{animation:riVinylSpin71 12s linear infinite!important}
@keyframes riVinylSpin71{to{transform:rotate(360deg) translateZ(0)}}

@media(max-height:820px) and (min-width:861px){
  .sidebar{gap:7px!important}
  .sidebar-search{height:40px}
  .sidebar-share-section .share-icon{width:36px;height:36px}
  .sidebar-ad-section{flex-basis:184px!important;height:184px!important;min-height:184px!important;padding:7px!important}
  .sidebar-ad-section #sidebarAd,.sidebar-ad-section #sidebarAd .sidebar-ad-stage,.sidebar-ad-section #sidebarAd .sidebar-ad-slide{height:170px!important;min-height:170px!important}
  .lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{height:clamp(190px,30vh,300px)!important}
  .desktop-tool-menu button{height:50px!important;min-height:50px!important}
}
@media(max-width:860px){
  .sidebar-share-section{display:none!important}
  .lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{display:block!important;height:clamp(170px,29vh,260px)!important;min-height:150px!important;max-height:260px!important;overflow-y:auto!important;padding:8px!important}
  .lyrics-mini.manual-scroll .lyric,.lyrics-mini.untimed.manual-scroll .lyric{display:block!important;color:#969eaf!important;opacity:1!important;min-height:0!important;padding:7px 8px!important}
  .lyrics-mini.manual-scroll .lyric.active{color:#fff!important}
  .disc-wrap img,.disc-wrap.vinyl img,.disc-wrap.cover-mode img{width:84%!important;height:84%!important;max-width:84%!important;max-height:84%!important}
}
@media(prefers-reduced-motion:reduce){.disc-wrap.playing img,.disc-wrap.playing.vinyl img{animation:none!important}}

/* Radio Intelligent v7.2 — full-width adaptive layout, inline search, responsive artwork and theme-aware controls */
html,body{width:100%;max-width:none}
body{overflow:hidden}
.app-shell{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding:8px clamp(8px,.9vw,18px)!important;
  grid-template-rows:48px minmax(0,1fr) 50px!important;
}
.workspace{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:minmax(300px,.7fr) minmax(560px,1.6fr) minmax(360px,.95fr)!important;
  gap:clamp(8px,.7vw,14px)!important;
}
.sidebar,.main-player,.right-panel{min-width:0!important;max-width:none!important}
.main-player{padding-inline:clamp(18px,2vw,42px)!important}
.right-panel{padding-inline:clamp(14px,1.3vw,24px)!important}

/* Search results stay directly below the search field instead of opening a modal. */
.sidebar-search-section{position:relative!important;z-index:8}
.sidebar-search-results{
  width:100%;
  max-height:min(31vh,280px);
  margin-top:7px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  box-shadow:0 18px 38px rgba(0,0,0,.32);
  scrollbar-width:thin;
}
.sidebar-search-result{
  width:100%;
  min-height:58px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--line) 74%,transparent);
  background:transparent;
  color:var(--text);
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:7px 9px;
  text-align:left;
  cursor:pointer;
}
.sidebar-search-result:last-child{border-bottom:0}
.sidebar-search-result:hover,.sidebar-search-result:focus-visible{background:color-mix(in srgb,var(--accent) 17%,var(--surface-2));outline:0}
.sidebar-search-result img{width:44px;height:44px;object-fit:cover;border-radius:8px;background:var(--surface-3)}
.sidebar-search-result span{min-width:0}
.sidebar-search-result b,.sidebar-search-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-search-result b{font-size:13px;color:var(--text)}
.sidebar-search-result small{margin-top:3px;font-size:11px;color:var(--muted)}
.sidebar-search-empty{padding:14px 11px;color:var(--muted);font-size:13px;text-align:center}

/* Keep the advertisement anchored at the bottom of the desktop sidebar. */
.sidebar-share-section{margin-top:auto!important}
.sidebar-ad-section{margin-top:0!important;flex:0 0 220px!important}

/* Artwork: square covers fill the frame; rectangular covers sit sharp over a blurred full-frame copy. */
.disc-wrap,.disc-wrap.vinyl,.disc-wrap.cover-mode{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#070910!important;
}
.disc-wrap:before,.disc-wrap.vinyl:before,.disc-wrap.cover-mode:before{
  content:""!important;
  position:absolute!important;
  inset:-13%!important;
  z-index:0!important;
  background-image:linear-gradient(rgba(4,6,12,.12),rgba(4,6,12,.28)),var(--cover-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(28px) saturate(1.22)!important;
  transform:scale(1.18)!important;
  opacity:.94!important;
  border-radius:32px!important;
}
.disc-wrap:after{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18))!important;pointer-events:none!important}
.vinyl-rotor{
  position:absolute;
  z-index:2;
  width:88%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#111 0 9%,#d7d7d7 9.4% 10.2%,#101114 10.6% 17%,transparent 17.4%),
    repeating-radial-gradient(circle at center,#17181c 0 2px,#090a0d 3px 5px),
    conic-gradient(from 35deg,rgba(255,255,255,.14),transparent 13%,rgba(255,255,255,.08) 27%,transparent 43%,rgba(255,255,255,.11) 66%,transparent 82%);
  box-shadow:0 20px 48px rgba(0,0,0,.55),inset 0 0 28px rgba(255,255,255,.06);
  opacity:.84;
  pointer-events:none;
  transform:translateZ(0);
}
.disc-wrap.playing .vinyl-rotor{animation:riVinylRotor72 9s linear infinite}
@keyframes riVinylRotor72{to{transform:rotate(360deg) translateZ(0)}}
.disc-wrap img,.disc-wrap.vinyl img,.disc-wrap.cover-mode img,.disc-wrap.playing.vinyl img{
  position:relative!important;
  z-index:3!important;
  animation:none!important;
  transform:none!important;
  object-position:center!important;
  background:transparent!important;
}
.disc-wrap.is-square img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  border-radius:20px!important;
  box-shadow:none!important;
}
.disc-wrap.is-square .vinyl-rotor{
  z-index:4;
  width:100%;
  opacity:.16;
  mix-blend-mode:screen;
  box-shadow:none;
}
.disc-wrap.is-portrait img,.disc-wrap.is-landscape img{
  width:auto!important;
  height:auto!important;
  max-width:88%!important;
  max-height:88%!important;
  object-fit:contain!important;
  border-radius:14px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.62)!important;
}
.disc-wrap.is-portrait .vinyl-rotor,.disc-wrap.is-landscape .vinyl-rotor{display:block}

/* Song text uses the normal interface size, never auto-scrolls, and hides the scrollbar chrome. */
.lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{
  flex:0 1 clamp(210px,34vh,430px)!important;
  width:100%!important;
  height:clamp(210px,34vh,430px)!important;
  min-height:180px!important;
  max-height:430px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  scroll-behavior:auto!important;
}
.lyrics-mini.manual-scroll::-webkit-scrollbar,.lyrics-mini.untimed.manual-scroll::-webkit-scrollbar{display:none!important}
.lyrics-mini.manual-scroll .lyric,.lyrics-mini.untimed.manual-scroll .lyric{
  font-size:16px!important;
  line-height:1.42!important;
  font-weight:500!important;
}
.lyrics-mini.manual-scroll .lyric.active{font-weight:700!important}

/* Announcement has no heading and uses the full segment width on desktop and mobile. */
.text-announcement-segment{
  width:100%!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:stretch!important;
}
.text-announcement-segment.hidden{display:none!important}
#sidebarTextAnnouncementText{width:100%!important;height:100%!important;max-height:none!important;overflow:auto!important;scrollbar-width:none!important}
#sidebarTextAnnouncementText::-webkit-scrollbar{display:none!important}
.text-announcement-segment a{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important}
.text-announcement-image{width:100%!important;height:auto!important;max-height:100%!important;object-fit:cover!important;border-radius:0!important;display:block!important}
.text-announcement-copy{width:100%!important;padding:12px 14px!important;box-sizing:border-box!important}

/* Light mode inverts all interactive surfaces and automatically uses the light-theme logo. */
body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea,
body[data-theme="light"] .sidebar-search,
body[data-theme="light"] .sidebar-search-results,
body[data-theme="light"] .desktop-tool-menu button,
body[data-theme="light"] .reaction-row button,
body[data-theme="light"] .settings-section,
body[data-theme="light"] .playlist-row,
body[data-theme="light"] .system-clock,
body[data-theme="light"] .sidebar-ad,
body[data-theme="light"] .text-announcement-segment{
  background:#fff!important;
  color:#142033!important;
  border-color:#c5d0de!important;
}
body[data-theme="light"] input::placeholder,body[data-theme="light"] textarea::placeholder{color:#718096!important}
body[data-theme="light"] .sidebar-search-result:hover,body[data-theme="light"] .sidebar-search-result:focus-visible{background:#e8eef8!important}
body[data-theme="light"] .sidebar-search-result b,body[data-theme="light"] .desktop-tool-menu button{color:#142033!important}
body[data-theme="light"] .sidebar-search-result small{color:#5f6c80!important}
body[data-theme="light"] .lyrics-mini.manual-scroll .lyric,body[data-theme="light"] .lyrics-mini.untimed.manual-scroll .lyric{color:#59667a!important}
body[data-theme="light"] .lyrics-mini.manual-scroll .lyric.active{color:#142033!important;background:#e9eef7!important}

@media(min-width:861px) and (max-width:1199px){
  .workspace{grid-template-columns:minmax(255px,.72fr) minmax(430px,1.5fr) minmax(310px,.92fr)!important}
  .sidebar-ad-section{flex-basis:190px!important;height:190px!important;min-height:190px!important}
  .sidebar-ad-section #sidebarAd,.sidebar-ad-section #sidebarAd .sidebar-ad-stage,.sidebar-ad-section #sidebarAd .sidebar-ad-slide{height:176px!important;min-height:176px!important}
}
@media(max-height:760px) and (min-width:861px){
  .sidebar-search-results{max-height:120px}
  .lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{height:clamp(170px,27vh,245px)!important;min-height:160px!important}
}
@media(max-width:860px){
  body{overflow:auto!important}
  .app-shell{width:100%!important;min-height:100dvh!important;height:auto!important;padding:6px!important}
  .workspace{display:flex!important;width:100%!important}
  .main-player,.right-panel{width:100%!important;max-width:none!important}
  .disc-wrap,.disc-wrap.vinyl,.disc-wrap.cover-mode{width:min(100%,520px)!important;height:auto!important;aspect-ratio:1!important;max-height:none!important}
  .disc-wrap.is-square img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}
  .disc-wrap.is-portrait img,.disc-wrap.is-landscape img{max-width:90%!important;max-height:90%!important}
  .lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{height:auto!important;min-height:138px!important;max-height:210px!important;font-size:16px!important}
  .text-announcement-segment{width:100%!important;min-height:74px!important;margin-inline:0!important}
  .text-announcement-image{width:100%!important;max-height:220px!important;object-fit:cover!important}
  .mobile-ad-mount,.mobile-ad-mount .sidebar-ad-section{width:100%!important;max-width:100%!important}
  .mobile-ad-mount #sidebarAd{width:min(320px,100%)!important;margin-inline:auto!important}
}
@media(prefers-reduced-motion:reduce){.disc-wrap.playing .vinyl-rotor{animation:none!important}}

/* Radio Intelligent v7.3 — reliable manual lyrics scrolling and rotating covers by content type */
.right-panel{display:flex!important;flex-direction:column!important;min-height:0!important}
.lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{
  flex:1 1 260px!important;
  height:auto!important;
  min-height:180px!important;
  max-height:none!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 76%,#fff) color-mix(in srgb,var(--surface-2) 86%,#000)!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.lyrics-mini.manual-scroll::-webkit-scrollbar,.lyrics-mini.untimed.manual-scroll::-webkit-scrollbar{display:block!important;width:10px!important}
.lyrics-mini.manual-scroll::-webkit-scrollbar-track,.lyrics-mini.untimed.manual-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-2) 86%,#000)!important;border-radius:999px!important}
.lyrics-mini.manual-scroll::-webkit-scrollbar-thumb,.lyrics-mini.untimed.manual-scroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),var(--accent-2))!important;border:2px solid color-mix(in srgb,var(--surface-2) 86%,#000)!important;border-radius:999px!important}
.text-announcement-segment:not(.hidden){flex:0 1 34%!important;min-height:76px!important;max-height:34%!important}

/* News, programs, announcements and jingles use their own uploaded record covers. */
.disc-wrap.content-disc img,
.disc-wrap.content-disc.is-square img,
.disc-wrap.content-disc.is-portrait img,
.disc-wrap.content-disc.is-landscape img{
  width:88%!important;
  height:88%!important;
  max-width:88%!important;
  max-height:88%!important;
  object-fit:cover!important;
  border-radius:50%!important;
  box-shadow:0 18px 48px rgba(0,0,0,.65),0 0 0 7px rgba(5,6,10,.78)!important;
  transform-origin:50% 50%!important;
  will-change:transform!important;
}
.disc-wrap.content-disc .vinyl-rotor{display:none!important}
.disc-wrap.content-disc.playing img{animation:riContentDiscSpin73 10s linear infinite!important}
@keyframes riContentDiscSpin73{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.disc-wrap.content-disc.playing img{animation:none!important}}
@media(max-width:860px){
  .lyrics-mini.manual-scroll,.lyrics-mini.untimed.manual-scroll{min-height:170px!important;max-height:260px!important;flex-basis:210px!important}
  .text-announcement-segment:not(.hidden){max-height:none!important}
}

/* Radio Intelligent v7.6 — account playlist, visible slider, artwork neon and timed lyrics */
@media(min-width:861px){
  .workspace{grid-template-columns:minmax(340px,24vw) minmax(560px,1fr) minmax(360px,27vw)!important;width:100%!important;max-width:none!important}
  .sidebar{min-width:340px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .sidebar-share-section{margin-top:auto!important;flex:0 0 auto!important}
  .sidebar-ad-section{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:none!important;flex:0 0 220px!important;height:220px!important;min-height:220px!important;padding:10px!important;margin:0!important}
  .sidebar-ad-section #sidebarAd{display:block!important;visibility:visible!important;opacity:1!important;width:min(320px,100%)!important;height:200px!important;min-height:200px!important;margin:0 auto!important}
  .sidebar-ad-section #sidebarAd .sidebar-ad-stage,.sidebar-ad-section #sidebarAd .sidebar-ad-slide{height:200px!important;min-height:200px!important}
}
.disc-wrap.artwork-cover{
  --neon-blur:22px;
  --neon-alpha:.34;
  border-radius:24px!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-3) 72%,white),0 0 var(--neon-blur) rgba(179,38,242,var(--neon-alpha)),0 18px 42px rgba(0,0,0,.54)!important;
  transition:box-shadow .08s linear!important;
}
.disc-wrap.artwork-cover .vinyl-rotor{display:none!important}
.disc-wrap.artwork-cover img,.disc-wrap.artwork-cover.is-square img,.disc-wrap.artwork-cover.is-portrait img,.disc-wrap.artwork-cover.is-landscape img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:20px!important;box-shadow:none!important;animation:none!important;transform:none!important
}
.disc-wrap.artwork-cover.playing{outline:2px solid color-mix(in srgb,var(--accent-3) 70%,white);outline-offset:4px}
.disc-wrap.vinyl:not(.artwork-cover) .vinyl-rotor{display:block!important;opacity:.9!important}
.disc-wrap.vinyl:not(.artwork-cover) img{width:44%!important;height:44%!important;max-width:44%!important;max-height:44%!important;border-radius:50%!important;object-fit:cover!important;z-index:4!important}
.disc-wrap.content-disc.playing img{animation:riContentDiscSpin73 10s linear infinite!important}
.lyrics-mini.auto-scroll{overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,var(--accent) 74%,white) color-mix(in srgb,var(--surface-2) 88%,black)!important}
.lyrics-mini.auto-scroll::-webkit-scrollbar{width:9px!important;display:block!important}
.lyrics-mini.auto-scroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),var(--accent-2))!important;border-radius:999px!important}
.lyrics-mini.auto-scroll .lyric{font-size:16px!important;line-height:1.5!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.lyrics-mini.auto-scroll .lyric.active{position:relative!important}
.playlist-upcoming-head{padding:2px 2px 12px}.playlist-upcoming-head h3{margin:0 0 5px}.playlist-upcoming-head p{margin:0;color:var(--muted)}
.playlist-upcoming-row{grid-template-columns:42px 45px minmax(0,1fr) auto!important}
.playlist-enable-toggle{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--surface-2)!important;cursor:pointer!important}
.playlist-enable-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important}.playlist-enable-toggle span{font-size:20px;color:#6d7892}.playlist-enable-toggle input:checked+span{color:#65f2aa;text-shadow:0 0 12px rgba(68,238,165,.56)}
.playlist-row.is-disabled{opacity:.46;filter:grayscale(.75)}
.account-required{text-align:center;padding:34px 18px}.account-required h3{font-size:20px;line-height:1.45;margin:0 auto 20px;max-width:620px}.account-required-button{display:inline-flex;min-height:48px;padding:0 20px;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;text-decoration:none;font-weight:900}
.meta-bar{overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:thin!important}
@media(max-width:860px){.playlist-upcoming-row{grid-template-columns:38px 42px minmax(0,1fr) auto!important}.meta-bar{gap:14px!important}.lyrics-mini.auto-scroll{max-height:260px!important;min-height:185px!important}}

/* Radio Intelligent v7.7 — stable lyrics and uncropped artwork */
.disc-wrap.artwork-cover img,
.disc-wrap.artwork-cover.is-square img,
.disc-wrap.artwork-cover.is-portrait img,
.disc-wrap.artwork-cover.is-landscape img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:20px!important;
  background:transparent!important;
}
.disc-wrap.artwork-cover:before{
  background-image:linear-gradient(rgba(4,6,12,.18),rgba(4,6,12,.34)),var(--cover-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(30px) saturate(1.12)!important;
  transform:scale(1.22)!important;
  opacity:.9!important;
}
.lyrics-mini.auto-scroll{
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:10px 12px!important;
  scroll-behavior:smooth!important;
  position:relative!important;
}
.lyrics-mini.auto-scroll .lyric,
.lyrics-mini.auto-scroll .lyric.played{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 4px!important;
  padding:9px 10px!important;
  overflow:visible!important;
  transform:none!important;
  opacity:1!important;
  color:#7f899f!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.45!important;
  text-align:left!important;
  transition:color .16s ease,background-color .16s ease!important;
}
.lyrics-mini.auto-scroll .lyric-text,
.lyrics-mini.auto-scroll .lyric.played .lyric-text{
  display:block!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  color:inherit!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
.lyrics-mini.auto-scroll .lyric.active{
  color:#f7f9ff!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 62%,white)!important;
  font-weight:650!important;
  transform:none!important;
}
.lyrics-mini.auto-scroll .lyric.active .lyric-text{
  color:inherit!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
body[data-theme="light"] .lyrics-mini.auto-scroll .lyric,
body[data-theme="light"] .lyrics-mini.auto-scroll .lyric.played{color:#667184!important}
body[data-theme="light"] .lyrics-mini.auto-scroll .lyric.active{color:#172033!important;background:rgba(20,32,51,.045)!important}

/* v7.8: stable karaoke progression from the first line */
.lyrics-mini.auto-scroll{justify-content:flex-start!important;scroll-padding-top:10px!important}
.lyrics-mini.auto-scroll .lyric,
.lyrics-mini.auto-scroll .lyric.played{color:#858ea3!important;background:transparent!important;box-shadow:none!important}
.lyrics-mini.auto-scroll .lyric.active{color:#f5f7ff!important;background:rgba(255,255,255,.025)!important;box-shadow:inset 2px 0 0 color-mix(in srgb,var(--accent) 45%,white)!important}
.lyrics-mini.auto-scroll .lyric.active .lyric-text{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#f8f9ff 0%,#f8f9ff var(--karaoke-progress,0%),#8c95aa var(--karaoke-progress,0%),#8c95aa 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
body[data-theme="light"] .lyrics-mini.auto-scroll .lyric.active .lyric-text{
  background:linear-gradient(90deg,#182236 0%,#182236 var(--karaoke-progress,0%),#748096 var(--karaoke-progress,0%),#748096 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}


/* Radio Intelligent v7.9 — station recommendations and guaranteed desktop ad slot */
.sidebar-recommendation{padding:9px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
.sidebar-recommendation:last-child{border-bottom:0}.sidebar-recommendation span{display:inline-block;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 24%,var(--surface-2));color:var(--accent-3);font-size:10px;font-weight:900;text-transform:uppercase}.sidebar-recommendation p{margin:5px 0 0;color:var(--text);font-size:13px;line-height:1.35}
@media(min-width:861px){
  .workspace{width:100%!important;max-width:none!important}
  .sidebar{display:grid!important;grid-template-rows:auto auto auto minmax(170px,220px)!important;align-content:stretch!important;overflow:hidden!important;min-height:0!important;gap:8px!important}
  .sidebar-main,.sidebar-search-section,.sidebar-share-section{min-height:0!important;margin:0!important;flex:none!important}
  .sidebar-search-results{max-height:132px!important;overflow:auto!important}
  .sidebar-share-section{padding:3px 0!important}
  .sidebar-ad-section{display:block!important;visibility:visible!important;opacity:1!important;align-self:end!important;width:100%!important;min-height:170px!important;height:100%!important;max-height:220px!important;margin:0!important;padding:8px!important;position:relative!important;z-index:5!important}
  .sidebar-ad-section #sidebarAd,.sidebar-ad-section #sidebarAd .sidebar-ad-stage,.sidebar-ad-section #sidebarAd .sidebar-ad-slide{display:block!important;visibility:visible!important;opacity:1!important;width:min(320px,100%)!important;height:100%!important;min-height:154px!important;max-height:204px!important;margin:0 auto!important}
}

/* Radio Intelligent v8.0 — compact non-fullscreen player and text-only recommendations */
.fullscreen-top-button{width:42px;min-width:42px;padding:0;cursor:pointer}
.fullscreen-top-button.active{border-color:var(--accent-3);box-shadow:0 0 18px color-mix(in srgb,var(--accent-3) 34%,transparent)}
.sidebar-search-results.recommendation-mode{max-height:none!important;overflow:hidden!important;box-shadow:none!important}
.sidebar-search-results.recommendation-mode .sidebar-recommendation{padding:8px 10px!important;background:transparent!important;border-bottom:1px solid color-mix(in srgb,var(--line) 64%,transparent)!important}
.sidebar-search-results.recommendation-mode .sidebar-recommendation p{margin:0!important;font-size:13px!important;line-height:1.35!important;color:var(--text)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sidebar-search-results.recommendation-mode .sidebar-recommendation span{display:none!important}
@media(min-width:861px){
  html:not(:fullscreen) .disc-wrap{width:min(38vh,340px)!important;max-width:340px!important}
  html:fullscreen .disc-wrap{width:min(52vh,540px)!important;max-width:540px!important}
  .sidebar-search-results.recommendation-mode{height:auto!important;min-height:0!important}
}
@media(max-height:800px) and (min-width:861px){html:not(:fullscreen) .disc-wrap{width:min(34vh,300px)!important;max-width:300px!important}.main-player{padding-top:10px!important;padding-bottom:10px!important}}

/* Radio Intelligent v8.1 — simultaneous multilingual editor, stable artwork and image-only ad slider */
@media(min-width:861px){
  .workspace{
    grid-template-columns:minmax(300px,20vw) minmax(620px,1fr) minmax(360px,26vw)!important;
    width:100%!important;
    max-width:none!important;
  }
  .main-player{
    justify-content:flex-start!important;
    padding:14px 22px 12px!important;
  }
  html:not(:fullscreen) .disc-wrap{
    width:clamp(280px,min(80%,calc(100vh - 340px)),600px)!important;
    max-width:600px!important;
    flex:0 1 auto!important;
    margin:8px 0 10px!important;
  }
  html:fullscreen .disc-wrap{
    width:clamp(360px,min(84%,calc(100vh - 300px)),720px)!important;
    max-width:720px!important;
  }
  .player-lower-block{width:100%!important;max-width:980px!important;flex:0 0 auto!important;position:relative!important;z-index:4!important}
  .reaction-row{position:relative!important;z-index:6!important;flex-wrap:wrap!important;justify-content:center!important;margin-top:8px!important}
  .sidebar{
    display:grid!important;
    grid-template-rows:auto minmax(90px,auto) auto minmax(170px,220px)!important;
    gap:9px!important;
    overflow:hidden!important;
  }
}

/* A square cover fills the square. Portrait and landscape artwork stays complete over a blurred square background. */
.disc-wrap.artwork-cover{
  border:0!important;
  outline:0!important;
  border-radius:22px!important;
  filter:none!important;
  box-shadow:0 0 34px color-mix(in srgb,var(--accent-3) 35%,transparent),0 20px 54px rgba(0,0,0,.55)!important;
  overflow:hidden!important;
  background:color-mix(in srgb,var(--surface) 90%,#000)!important;
}
.disc-wrap.artwork-cover.playing{outline:0!important;outline-offset:0!important}
.disc-wrap.artwork-cover:before{
  inset:-10%!important;
  border-radius:0!important;
  background-image:linear-gradient(rgba(3,5,12,.2),rgba(3,5,12,.32)),var(--cover-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(34px) saturate(1.15)!important;
  transform:scale(1.18)!important;
  opacity:.92!important;
}
.disc-wrap.artwork-cover img{
  position:relative!important;
  z-index:3!important;
  border-radius:0!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
  object-position:center!important;
}
.disc-wrap.artwork-cover.is-square img{width:100%!important;height:100%!important;object-fit:cover!important}
.disc-wrap.artwork-cover.is-portrait img,.disc-wrap.artwork-cover.is-landscape img{width:100%!important;height:100%!important;object-fit:contain!important}
.disc-wrap.artwork-cover:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 var(--neon-blur,24px) color-mix(in srgb,var(--accent-3) 52%,transparent)!important;
}
.disc-wrap.content-disc{border-radius:50%!important;overflow:visible!important}
.disc-wrap.content-disc:before{border-radius:50%!important}
.disc-wrap.content-disc.playing img{animation:riContentDiscSpin73 10s linear infinite!important}
.disc-wrap.content-disc:not(.playing) img{animation:none!important}

/* The desktop advertising block is a separate image-only slider. */
.sidebar-ad-section{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  padding:8px!important;
  min-height:170px!important;
  height:100%!important;
  max-height:220px!important;
  overflow:hidden!important;
  background:color-mix(in srgb,var(--surface-2) 90%,transparent)!important;
}
.sidebar-ad-image-only,#sidebarAd.sidebar-ad-image-only{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:154px!important;
  max-height:204px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#070a12!important;
}
.sidebar-ad-frame,.sidebar-ad-click,.sidebar-ad-click.is-static,.sidebar-ad-placeholder{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  text-decoration:none!important;
  transition:opacity .55s ease,transform .55s ease!important;
}
.sidebar-ad-frame.incoming{opacity:0!important;transform:scale(1.025)!important}
.sidebar-ad-frame.current{opacity:1!important;transform:scale(1)!important;z-index:2!important}
.sidebar-ad-frame.outgoing{opacity:0!important;transform:scale(.985)!important;z-index:1!important}
.sidebar-ad-click img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#070a12!important}
.sidebar-ad-placeholder{position:relative!important;color:var(--muted)!important;text-align:center!important;font-weight:800!important;line-height:1.5!important;padding:14px!important}
.sidebar-ad-placeholder small{font-weight:500!important;color:var(--accent-3)!important}
.sidebar-ad-body,.sidebar-ad-media,.sidebar-ad-count,.sidebar-ad-actions{display:none!important}

@media(max-width:860px){
  .disc-wrap.artwork-cover{width:min(94vw,520px)!important;height:auto!important;aspect-ratio:1!important}
  .sidebar-ad-section{width:100%!important;max-width:none!important;height:200px!important;min-height:200px!important}
  .sidebar-ad-image-only,#sidebarAd.sidebar-ad-image-only{height:184px!important;min-height:184px!important;max-height:184px!important}
}

/* Radio Intelligent v8.2 — full-width news editor, stable marquee, separate recommendations, visible slider and bottom share */
@media(min-width:861px){
  .sidebar{
    display:grid!important;
    grid-template-rows:auto auto minmax(86px,132px) minmax(168px,204px) auto!important;
    gap:9px!important;
    overflow:hidden!important;
  }
  .sidebar-main,.sidebar-search-section,.sidebar-recommendations-section,.sidebar-ad-section,.sidebar-share-section{
    width:100%!important;min-width:0!important;margin:0!important;flex:none!important;
  }
  .sidebar-recommendations-section{
    display:block!important;
    padding:0!important;
    border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 92%,#0b1630),color-mix(in srgb,var(--surface) 96%,#050b18))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .sidebar-recommendations-section .sidebar-search-results{
    position:static!important;width:100%!important;max-height:132px!important;overflow:auto!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
  }
  .sidebar-recommendations-section .sidebar-search-results.recommendation-mode{
    overflow:hidden!important;max-height:132px!important;
  }
  .sidebar-recommendations-section .sidebar-recommendation{
    border-left:4px solid var(--accent-3)!important;
    background:color-mix(in srgb,var(--accent) 9%,transparent)!important;
  }
  .sidebar-ad-section{
    min-height:168px!important;height:100%!important;max-height:204px!important;padding:7px!important;
    display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;
  }
  #sidebarAd.sidebar-ad-image-only{
    width:100%!important;height:100%!important;min-height:154px!important;max-height:190px!important;
    display:block!important;visibility:visible!important;opacity:1!important;
  }
  .sidebar-share-section{align-self:end!important;padding:0!important;min-height:42px!important}
  .sidebar-share-section .desktop-share-strip{display:flex!important;justify-content:center!important;gap:7px!important}
}

/* A long title always moves smoothly. JS sets the exact distance. */
.player-lower-block .track-title-marquee{width:100%!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important}
.player-lower-block .track-title-marquee h1{display:flex!important;align-items:center!important;gap:64px!important;width:max-content!important;min-width:max-content!important;margin:0 auto!important;transform:translate3d(0,0,0)!important;animation:none!important}
.player-lower-block .track-title-marquee.is-overflowing{justify-content:flex-start!important}
.player-lower-block .track-title-marquee.is-overflowing h1{margin:0!important;animation:riTitleMarquee82 var(--marquee-duration,20s) linear infinite!important;will-change:transform!important}
.player-lower-block .track-title-marquee .marquee-copy{display:block!important;flex:0 0 auto!important;white-space:nowrap!important}
.player-lower-block .track-title-marquee .marquee-copy[hidden]{display:none!important}
@keyframes riTitleMarquee82{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--marquee-distance,-520px),0,0)}}
@media(prefers-reduced-motion:reduce){.player-lower-block .track-title-marquee.is-overflowing h1{animation:riTitleMarquee82 30s linear infinite!important}}

/* Default vinyl/type discs keep their proportions, scale inside the square and rotate only while audio is playing. */
.disc-wrap.vinyl img,.disc-wrap.content-disc img,.disc-wrap.ad-disc img{
  width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;
  object-fit:contain!important;object-position:center!important;transform-origin:50% 50%!important;
}
.disc-wrap.playing.vinyl img,.disc-wrap.content-disc.playing img,.disc-wrap.ad-disc.playing img{animation:riDiscSpin82 10s linear infinite!important}
.disc-wrap:not(.playing).vinyl img,.disc-wrap.content-disc:not(.playing) img,.disc-wrap.ad-disc:not(.playing) img{animation:none!important}
@keyframes riDiscSpin82{to{transform:rotate(360deg)}}


/* Radio Intelligent v8.3 — proportional covers, softer glow, persistent desktop advertising */
.disc-wrap.artwork-cover{
  overflow:visible!important;
  background:color-mix(in srgb,var(--surface-2) 88%,#697386)!important;
  border-radius:22px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 22px color-mix(in srgb,var(--accent-3) 22%,transparent)!important;
}
.disc-wrap.artwork-cover:before{
  inset:0!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--surface-2) 78%,#7c8697),color-mix(in srgb,var(--surface) 94%,#303746))!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
.disc-wrap.artwork-cover img,.disc-wrap.artwork-cover.is-square img,.disc-wrap.artwork-cover.is-portrait img,.disc-wrap.artwork-cover.is-landscape img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;border-radius:20px!important;
  background:transparent!important;padding:0!important;
}
.disc-wrap.artwork-cover:after{
  inset:-4px!important;border-radius:25px!important;
  box-shadow:0 0 var(--neon-blur,24px) color-mix(in srgb,var(--accent-3) 42%,transparent),inset 0 0 0 1px rgba(255,255,255,.06)!important;
  opacity:var(--neon-alpha,.55)!important;
}
.disc-wrap.artwork-cover.playing{box-shadow:0 18px 50px rgba(0,0,0,.48),0 0 var(--neon-blur,28px) color-mix(in srgb,var(--accent-3) 38%,transparent)!important}
.player-lower-block .track-title-marquee{display:block!important;position:relative!important;text-align:left!important}
.player-lower-block .track-title-marquee.is-overflowing h1{animation-name:riTitleMarquee82!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
@media(min-width:861px){
  .sidebar{grid-template-rows:auto auto minmax(82px,124px) minmax(180px,214px) auto!important;overflow:hidden!important}
  .sidebar-recommendations-section{min-height:0!important;overflow:hidden!important}
  .sidebar-recommendations-section .sidebar-search-results{max-height:124px!important;overflow:auto!important}
  .sidebar-ad-section{display:block!important;visibility:visible!important;opacity:1!important;min-height:180px!important;height:100%!important;max-height:214px!important;position:relative!important;z-index:12!important;overflow:hidden!important}
  #sidebarAd.sidebar-ad-image-only{display:block!important;visibility:visible!important;opacity:1!important;min-height:166px!important;height:100%!important;max-height:200px!important;background:color-mix(in srgb,var(--surface-2) 88%,#111827)!important}
  .sidebar-ad-click img{object-fit:contain!important;object-position:center!important;background:color-mix(in srgb,var(--surface-2) 88%,#111827)!important}
}
body[data-theme="light"] .disc-wrap.artwork-cover,body[data-theme="metal"] .disc-wrap.artwork-cover{background:#e7ebf2!important}body[data-theme="light"] .disc-wrap.artwork-cover:before,body[data-theme="metal"] .disc-wrap.artwork-cover:before{background:radial-gradient(circle at 50% 35%,#f7f9fc,#d9e0ea)!important}


/* Radio Intelligent v8.4 — blurred artwork background, robust marquee and clean sequential slider */
.disc-wrap.artwork-cover{
  isolation:isolate!important;overflow:hidden!important;background:#111827!important;border-radius:22px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 var(--neon-blur,26px) color-mix(in srgb,var(--accent-3) 34%,transparent)!important;
}
.disc-wrap.artwork-cover:before{
  content:""!important;position:absolute!important;inset:-14%!important;z-index:0!important;
  background-image:var(--cover-bg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  filter:blur(38px) saturate(1.15)!important;transform:scale(1.22)!important;opacity:.86!important;border-radius:28px!important;
}
.disc-wrap.artwork-cover img,.disc-wrap.artwork-cover.is-square img,.disc-wrap.artwork-cover.is-portrait img,.disc-wrap.artwork-cover.is-landscape img{
  position:relative!important;z-index:2!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;border-radius:18px!important;background:transparent!important;
}
body[data-theme="light"] .disc-wrap.artwork-cover,body[data-theme="metal"] .disc-wrap.artwork-cover{background:#cdd4df!important}
body[data-theme="light"] .disc-wrap.artwork-cover:before,body[data-theme="metal"] .disc-wrap.artwork-cover:before{background-image:var(--cover-bg)!important;filter:blur(38px) saturate(1.05)!important;opacity:.78!important}

/* News artwork is a normal square card with gently rounded corners, never a disc or oval. */
.disc-wrap[data-content-type="news"].artwork-cover{
  aspect-ratio:1/1!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.disc-wrap[data-content-type="news"].artwork-cover:before,
.disc-wrap[data-content-type="news"].artwork-cover:after{border-radius:16px!important}
.disc-wrap[data-content-type="news"].artwork-cover img,
.disc-wrap[data-content-type="news"].artwork-cover.is-square img,
.disc-wrap[data-content-type="news"].artwork-cover.is-portrait img,
.disc-wrap[data-content-type="news"].artwork-cover.is-landscape img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;border-radius:12px!important;animation:none!important;transform:none!important;
}
.track-title-marquee{display:block!important;width:100%!important;overflow:hidden!important;white-space:nowrap!important}
.track-title-marquee.is-overflowing h1{animation:riTitleMarquee82 var(--marquee-duration,22s) linear infinite!important}
@media(min-width:861px){
  .sidebar{grid-template-rows:auto auto minmax(78px,112px) 200px auto!important;overflow:hidden!important}
  .sidebar-ad-section{display:block!important;height:200px!important;min-height:200px!important;max-height:200px!important;padding:0!important;border-radius:14px!important;overflow:hidden!important;background:color-mix(in srgb,var(--surface-2) 92%,#090d18)!important}
  #sidebarAd.sidebar-ad-image-only{display:block!important;width:100%!important;height:200px!important;min-height:200px!important;max-height:200px!important;border-radius:14px!important;overflow:hidden!important;background:transparent!important}
}
.sidebar-ad-frame,.sidebar-ad-click,.sidebar-ad-click.is-static{display:block!important;width:100%!important;height:100%!important;border-radius:14px!important;overflow:hidden!important}
.sidebar-ad-click img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface-2) 92%,#090d18)!important}

/* Radio Intelligent v8.5 — responsive ad banner, single centered recommendation and one-line clock */
@media(min-width:861px){
  .sidebar{
    display:grid!important;
    grid-template-rows:auto auto minmax(52px,1fr) clamp(118px,24vh,200px) auto!important;
    align-content:stretch!important;
    gap:clamp(7px,1vh,11px)!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .sidebar-recommendations-section{
    min-height:52px!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .sidebar-recommendations-section .sidebar-search-results,
  .sidebar-recommendations-section .sidebar-search-results.recommendation-mode{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .sidebar-recommendations-section .sidebar-recommendation{
    width:100%!important;
    min-height:100%!important;
    padding:10px 14px!important;
    border:0!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .sidebar-recommendations-section .sidebar-recommendation p{
    margin:0!important;
    font-size:clamp(12px,1.05vw,14px)!important;
    line-height:1.42!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .sidebar-ad-section.sidebar-section{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:1!important;
  }
  #sidebarAd.sidebar-ad-image-only{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  .sidebar-share-section{
    min-height:40px!important;
    padding:0!important;
    align-self:end!important;
  }
}

/* The banner itself is the only visible surface. A blurred copy fills unused space. */
.sidebar-ad-frame,
.sidebar-ad-click,
.sidebar-ad-click.is-static{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.sidebar-ad-click::before,
.sidebar-ad-click.is-static::before{
  content:""!important;
  position:absolute!important;
  inset:-12%!important;
  z-index:0!important;
  background-image:var(--ad-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:blur(24px) saturate(1.12)!important;
  transform:scale(1.18)!important;
  opacity:.72!important;
}
.sidebar-ad-click::after,
.sidebar-ad-click.is-static::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:rgba(5,9,18,.12)!important;
  pointer-events:none!important;
}
.sidebar-ad-click img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:14px!important;
  background:transparent!important;
}
.sidebar-ad-placeholder{
  background:color-mix(in srgb,var(--surface-2) 88%,transparent)!important;
  border:1px dashed color-mix(in srgb,var(--line) 72%,transparent)!important;
}

/* Keep time and date in a single responsive line, even at browser zoom. */
.system-clock{
  container-type:inline-size!important;
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  padding:8px clamp(8px,2.5cqw,14px)!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(6px,2.2cqw,14px)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.system-clock span{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:clamp(20px,12cqw,52px)!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
.system-clock small{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:42%!important;
  font-size:clamp(9px,3.4cqw,13px)!important;
  line-height:1.1!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-height:720px) and (min-width:861px){
  .sidebar{grid-template-rows:auto auto minmax(44px,1fr) clamp(104px,21vh,158px) auto!important;gap:6px!important}
  .sidebar-recommendations-section .sidebar-recommendation{padding:7px 10px!important}
  .sidebar-recommendations-section .sidebar-recommendation p{-webkit-line-clamp:2!important;font-size:12px!important}
}

@media(max-width:860px){
  .sidebar-ad-section.sidebar-section{
    width:100%!important;
    height:clamp(150px,52vw,200px)!important;
    min-height:150px!important;
    max-height:200px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #sidebarAd.sidebar-ad-image-only{height:100%!important;min-height:0!important;max-height:none!important;background:transparent!important}
}


/* Radio Intelligent v8.7 — time only */
.system-clock{justify-content:center!important;text-align:center!important;gap:0!important}
.system-clock span{max-width:100%!important;text-align:center!important}
.system-clock small,#clockDate{display:none!important}

/* v8.8 — account sign-in inside the player so audio never stops */
.login-btn{cursor:pointer}
.login-btn.is-signed-in{background:linear-gradient(100deg,#157a69,#2577cf)}
.modal-card[data-modal-type="account"]{width:min(540px,96vw)}
.account-panel{display:grid;gap:16px}
.account-intro,.account-note{margin:0;color:var(--muted);line-height:1.55}
.account-login-form{display:grid;gap:14px}
.account-login-form label{display:grid;gap:7px;color:var(--text);font-weight:700}
.account-login-form input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 92%,#000 8%);color:var(--text);padding:0 14px;outline:none}
.account-login-form input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 22%,transparent)}
.account-primary,.account-required-button{min-height:48px;border:0;border-radius:12px;padding:0 20px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.account-primary:disabled,.account-required-button:disabled{opacity:.58;cursor:wait}
.account-danger{background:linear-gradient(90deg,#a72c55,#df5d4d)}
.account-status{min-height:22px;color:var(--accent-3);font-weight:700;text-align:center}
.account-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.account-links a{color:var(--accent-3);font-weight:700;text-decoration:none}
.account-links a:hover{text-decoration:underline}
.account-divider{display:flex;align-items:center;gap:12px;color:var(--muted)}
.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.account-google{min-height:44px;display:flex;align-items:center;justify-content:center}
.account-profile-panel{text-align:center;justify-items:center}
.account-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:30px;font-weight:900;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 38%,transparent)}

/* Jingles are station cards, never oval records. */
.disc-wrap[data-content-type="jingle"]{border-radius:22px!important;overflow:hidden!important}
.disc-wrap[data-content-type="jingle"]:before{border-radius:28px!important}
.disc-wrap[data-content-type="jingle"] img{width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;object-fit:contain!important;border-radius:16px!important;background:transparent!important;animation:none!important;transform:none!important}
.account-profile-copy h3{margin:4px 0;font-size:24px}
.account-profile-copy p{margin:4px 0}
.account-required-button{font:inherit}
body[data-theme="light"] .account-login-form input{background:#f3f6fb;color:#172033;border-color:#cbd4e3}
body[data-theme="light"] .account-note,body[data-theme="light"] .account-intro{color:#5c667a}
@media(max-width:560px){.modal-card[data-modal-type="account"]{width:100%}.account-links{gap:10px}.account-primary{width:100%}}

/* Radio Intelligent v9.7 — bounded timed lyrics and square news/program artwork */
.right-panel{overflow:hidden!important}
.right-panel .lyrics-mini.auto-scroll{
  flex:1 1 180px!important;
  width:100%!important;
  min-width:0!important;
  min-height:120px!important;
  height:auto!important;
  max-height:min(410px,42dvh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  contain:layout paint!important;
}
.right-panel .lyrics-mini.auto-scroll .lyric,
.right-panel .lyrics-mini.auto-scroll .lyric.played,
.right-panel .lyrics-mini.auto-scroll .lyric.active{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  transform:none!important;
  inset:auto!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.right-panel .lyrics-mini.auto-scroll .lyric-text{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
.disc-wrap[data-content-type="news"],
.disc-wrap[data-content-type="program"]{
  border-radius:24px!important;
  aspect-ratio:1/1!important;
}
.disc-wrap[data-content-type="news"]:before,
.disc-wrap[data-content-type="program"]:before{border-radius:30px!important}
.disc-wrap[data-content-type="news"] .vinyl-rotor,
.disc-wrap[data-content-type="program"] .vinyl-rotor{display:none!important}
.disc-wrap[data-content-type="news"] img,
.disc-wrap[data-content-type="program"] img,
.disc-wrap[data-content-type="news"].content-disc img,
.disc-wrap[data-content-type="program"].content-disc img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:20px!important;
  box-shadow:none!important;
  background:transparent!important;
  animation:none!important;
  transform:none!important;
}

/* Final jingle presentation override: square station card, never an oval disc. */
.disc-wrap[data-content-type="jingle"],.disc-wrap[data-content-type="jingle"].content-disc{border-radius:22px!important;overflow:hidden!important}
.disc-wrap[data-content-type="jingle"]:before{border-radius:28px!important}
.disc-wrap[data-content-type="jingle"] img,.disc-wrap[data-content-type="jingle"].content-disc img{width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;object-fit:contain!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;animation:none!important;transform:none!important}