:root{--pink:#ff168f;--purple:#7937ff;--blue:#0788ff;--bg:#06152f;--panel:#0b1d3a;--line:#27466e;--text:#f8f9ff;--muted:#a7b2cb}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#17256a 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;padding-bottom:88px}a{color:inherit;text-decoration:none}.top{height:84px;display:flex;align-items:center;padding:0 28px;gap:28px;background:#07142f;border-bottom:1px solid #b2167d;position:sticky;top:0;z-index:30}.rgbrand{display:flex;align-items:center;gap:10px;min-width:245px}.playlogo{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--pink),var(--purple));box-shadow:0 0 24px #ec1bba88;font-size:22px}.rgbrand strong{font-size:29px;line-height:1}.rgbrand strong span{color:var(--pink)}.rgbrand small{display:block;font-weight:700;font-size:12px;margin-top:3px}.top nav{display:flex;gap:7px;flex:1}.top nav a{padding:11px 13px;border-radius:8px;font-size:13px}.top nav a.active{background:linear-gradient(135deg,#2e57e9,#6d35d7)}.topactions{display:flex;gap:9px;align-items:center}.topactions button,.topactions a{height:42px;border-radius:9px;border:1px solid #46567e;background:#152447;color:white;padding:0 15px;display:grid;place-items:center;font-weight:700}.topactions .square{width:42px;padding:0;font-size:23px}.topactions .theme{background:linear-gradient(135deg,#008bf7,#8534f2);box-shadow:0 0 18px #2a6cff88}.topactions .pink{border:0;background:linear-gradient(135deg,#8a27ff,var(--pink));padding:0 20px}.hero{height:300px;position:relative;overflow:hidden;border-bottom:1px solid #173861;background:linear-gradient(90deg,#071d45 0%,#08234cbb 42%,#320d4dcc 100%),url('radiogo-design-reference.png') center 39%/cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#061733 0 48%,transparent 72%,#0a0e2c77)}.heroContent{position:relative;z-index:2;padding:30px 32px;width:77%}.welcome{display:inline-block;border:1px solid #1684b8;background:#08284cdd;padding:7px 14px;border-radius:20px;font-size:12px;font-weight:800}.hero h1{font-size:38px;margin:13px 0 4px}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{margin:0 0 18px;color:#e0e5f2}.heroSearch{height:53px;border:1px solid #8c9ab7;background:#ffffff18;border-radius:28px;display:flex;align-items:center;max-width:710px;overflow:hidden}.heroSearch>span{font-size:26px;margin-left:18px}.heroSearch input{flex:1;background:transparent;border:0;outline:0;color:white;padding:0 15px;font-size:14px}.heroSearch button{height:100%;width:160px;border:0;border-radius:27px;background:linear-gradient(135deg,var(--pink),#ff3172);color:white;font-size:16px;font-weight:800}.chips{display:flex;gap:8px;margin-top:14px}.chips button{white-space:nowrap;background:#102545;border:1px solid #516581;color:white;border-radius:18px;padding:7px 12px;font-size:11px}.chips button:first-child{background:linear-gradient(135deg,var(--pink),#ff3977);border:0}.heroCTA{position:absolute;right:32px;top:25px;z-index:3;width:250px;text-align:center}.script{font-family:cursive;font-style:italic;font-size:25px;line-height:1.25;transform:rotate(-4deg);margin-bottom:26px}.stationSignup{display:block;background:linear-gradient(135deg,#ff2377,var(--pink));padding:14px;border-radius:28px;font-weight:900;box-shadow:0 0 22px #ff168f55}.heroCTA>span{font-size:12px;display:block;margin-top:10px}.themepanel{position:fixed;right:25px;top:78px;z-index:60;width:245px;padding:18px;border-radius:15px;background:#0b1935;border:1px solid #3a5a86;box-shadow:0 20px 70px #000a;display:none}.themepanel.open{display:block}.themepanel label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:13px}.themepanel input{width:48px;height:29px;border:0;background:transparent}.themepanel button{width:100%;margin-top:15px;padding:9px;background:#172a4d;border:1px solid #3b557b;color:white;border-radius:8px}
main{padding:25px 30px;max-width:1500px;margin:auto}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.quick>div,.quick>a{height:78px;background:linear-gradient(135deg,#112440,#0c1b36);border:1px solid #345784;border-radius:7px;display:grid;grid-template-columns:58px 1fr 25px;grid-template-rows:1fr 1fr;padding:11px;align-items:center}.quick i{grid-row:1/3;width:48px;height:48px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:24px}.heart{background:linear-gradient(135deg,#f41874,#ff235a)}.compass{background:linear-gradient(135deg,#1967ff,#1e9cff)}.bars{background:linear-gradient(135deg,#7834ff,#a92bff)}.star{background:linear-gradient(135deg,#ff9f16,#ffc32b)}.quick b{font-size:13px}.quick small{color:var(--muted);font-size:11px}.quick>*>span{grid-column:3;grid-row:1/3;font-size:24px}.layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1.15fr);gap:16px}.panel{background:linear-gradient(145deg,#0b1c37,#08182f);border:1px solid #1f3d62;border-radius:8px;padding:12px;margin-bottom:16px}.panelTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panelTitle h2{font-size:18px;margin:0}.panelTitle h2:first-letter{color:var(--pink)}.panelTitle a{font-size:11px;color:#b844ff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.station{border:1px solid #29476a;background:#0b1b34;border-radius:7px;overflow:hidden}.art{height:155px;position:relative;background:linear-gradient(145deg,#fff,#d9e3ef);display:grid;place-items:center}.art img{width:100%;height:100%;object-fit:contain}.fakeLogo{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#121820,var(--purple));font-size:28px;font-weight:900;box-shadow:0 5px 20px #0005}.fav,.cardPlay{position:absolute;border:0;color:white;cursor:pointer}.fav{right:8px;top:7px;background:#25354b99;font-size:22px}.cardPlay{right:7px;bottom:-18px;width:42px;height:42px;border-radius:50%;background:var(--pink);font-size:15px}.live{position:absolute;left:7px;bottom:5px;background:#063b2a;color:#1dff8b;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900}.station h3{font-size:14px;margin:17px 10px 4px}.station p{font-size:11px;color:var(--muted);margin:0 10px 10px}.tags{display:flex;gap:6px;padding:0 10px}.tags span{background:#1a3151;padding:5px 9px;border-radius:6px;font-size:10px}.station footer{display:flex;justify-content:space-between;color:#a9b8d1;font-size:11px;padding:12px 10px}.rank{height:57px;display:flex;align-items:center;gap:9px;border-top:1px solid #203a5c}.rank>b{width:25px;height:25px;border-radius:5px;background:#162d4e;display:grid;place-items:center}.ranklogo{width:38px;height:38px;border-radius:5px;background:white;color:#172038;display:grid;place-items:center;font-size:10px;font-weight:900}.rank div{flex:1}.rank strong,.rank small{display:block;font-size:11px}.rank small{color:var(--muted);margin-top:3px}.rank button{width:35px;height:35px;border:0;border-radius:50%;background:var(--pink);color:white}.newBadge{font-size:9px;background:#7833ff;padding:7px;border-radius:6px}.newgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.newcard{border:1px solid #29476a;border-radius:6px;overflow:hidden;background:#0c1c35}.newcard>div{height:92px;background:linear-gradient(135deg,#5d1b19,#0e1830);display:grid;place-items:center;font-size:43px}.newcard b{display:block;padding:9px 9px 4px;font-size:12px}.newcard span{display:block;color:#aab7ca;font-size:10px;padding:0 9px 10px}.news{display:flex;gap:11px}.newsimg{width:85px;height:85px;background:linear-gradient(135deg,#6d2bd7,#174e95);display:grid;place-items:center;font-size:35px;border-radius:5px}.news div:last-child{flex:1}.news b{font-size:12px}.news small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:8px}.bottomPlayer{position:fixed;z-index:40;bottom:0;left:0;right:0;height:88px;background:linear-gradient(90deg,#1b092e,#071c3d);border-top:1px solid #ee168b;display:flex;align-items:center;gap:16px;padding:9px 22px}.nowlogo{width:62px;height:62px;border-radius:8px;background:#0d182a;display:grid;place-items:center;font-weight:900}.track{width:300px}.track b,.track small{display:block}.track b{font-size:13px;margin:4px 0}.track small{font-size:10px;color:var(--muted)}.livepill{background:#0cae67;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:900}.bottomPlayer button{border:0;background:transparent;color:white;font-size:19px}.bottomPlayer .mainPlay{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--pink),#ff496f);font-size:20px}.bottomPlayer input{width:130px;accent-color:var(--pink)}
@media(max-width:1050px){.top nav{display:none}.heroCTA{display:none}.heroContent{width:100%}.chips{overflow:auto}.cards{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.topactions .lang,.topactions .theme{display:none}.track{width:auto;flex:1}.bottomPlayer button:not(.mainPlay):not(#cast),.bottomPlayer input{display:none}}
@media(max-width:620px){.top{padding:0 12px}.rgbrand{min-width:0;flex:1}.rgbrand strong{font-size:22px}.rgbrand small{font-size:9px}.topactions .outline{display:none}.hero{height:330px}.heroContent{padding:25px 15px}.hero h1{font-size:31px}.heroSearch button{width:100px}.quick{grid-template-columns:1fr}.cards,.newgrid{grid-template-columns:repeat(2,1fr)}main{padding:14px}.art{height:120px}.bottomPlayer{padding:8px 10px;gap:8px}.nowlogo{width:52px;height:52px}.track small{display:none}}

.rgAuth{min-height:100vh;padding:0;display:grid;grid-template-columns:1.05fr .95fr;background:#06152f}.authVisual{min-height:100vh;padding:35px 55px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#06152fe8,#20104ab8),url('radiogo-design-reference.png') center/cover}.authVisual h1{font-size:58px;line-height:1.02;margin:18px 0}.authVisual h1 em{font-style:normal;color:var(--pink)}.authVisual p{font-size:17px;color:#c2cbe0}.authPane{display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 80% 20%,#45125c,transparent 30%),#07142d}.authBox{width:min(440px,100%);background:#0b1c38;border:1px solid #2a4771;border-radius:18px;padding:30px;box-shadow:0 30px 80px #0008}.authBox>small,.profileHero small{color:#c83eff;letter-spacing:2px;font-size:9px}.authBox h2{font-size:30px;margin:8px 0}.authBox>p{color:var(--muted);font-size:13px}.authBox form label,.accountCard label{display:block;font-size:11px;color:#a9b7cc;margin:14px 0 6px}.authBox input,.accountCard input,.accountCard select,.accountCard textarea{width:100%;background:#07152c;border:1px solid #2a486f;color:white;border-radius:8px;padding:12px}.authBox form button,.accountCard form>button{width:100%;margin-top:18px;padding:13px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;font-weight:900}.authSwitch{text-align:center;margin-top:18px;font-size:11px;color:#8fa0bb}.authSwitch a{color:#ff43ad}.authError,.authOk{padding:11px;border-radius:8px;margin:12px 0;font-size:11px}.authError{background:#451b31;color:#ffaccb}.authOk{background:#0e3b30;color:#8af1c9}.accountMain{max-width:1200px}.profileHero{margin:25px 0 18px;padding:25px 30px;border:1px solid #294a74;border-radius:15px;background:linear-gradient(110deg,#102754,#1e164d,#43133f);display:flex;align-items:center;gap:20px}.profileHero h1{font-size:32px;margin:5px 0}.profileHero p{color:#b0bdd1;margin:0}.avatar{width:85px;height:85px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple),var(--pink));display:grid;place-items:center;font-size:31px;font-weight:900;overflow:hidden;border:3px solid #ffffff22}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:48px;height:48px;font-size:12px;border-radius:10px}.accountGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.accountCard{background:linear-gradient(145deg,#0b1d39,#08172d);border:1px solid #244264;border-radius:12px;padding:22px}.accountCard h2{margin-top:0}.myStations{margin:16px 0 40px}.accountStation{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #1c385a}.accountStation>div:nth-child(2){flex:1}.accountStation b,.accountStation small{display:block}.accountStation small{color:#8498b7;font-size:9px;margin-top:4px}.accountStation .delete{background:#461b2d;color:#ff9bb9;border:1px solid #713047;border-radius:7px;padding:8px}.accountStation form{margin:0}
@media(max-width:800px){.rgAuth{grid-template-columns:1fr}.authVisual{display:none}.accountGrid{grid-template-columns:1fr}}

/* V6.4: login/register always use the full browser page */
html,body.rgAuth{width:100%;min-width:0;min-height:100%;margin:0;overflow-x:hidden}
body.rgAuth{min-height:100dvh}
.rgAuth .authVisual,.rgAuth .authPane{min-width:0}
@media(max-width:800px){
  body.rgAuth{display:flex;min-height:100dvh;background:radial-gradient(circle at 50% 0%,#35135b 0,transparent 38%),#06152f}
  .rgAuth .authVisual{display:none}
  .rgAuth .authPane{width:100%;min-height:100dvh;padding:22px 14px;place-items:center}
  .rgAuth .authBox{width:min(100%,460px);margin:auto;padding:24px 18px}
}
\n/* V6.5 - Login/register als volledige overlay */
body.rgAuth{display:block!important;position:relative;width:100vw;min-height:100dvh;margin:0;overflow:hidden;background:#06152f}
body.rgAuth:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(3,12,31,.84),rgba(5,10,30,.92)),url('radiogo-design-reference.png') center/cover no-repeat;filter:saturate(1.08);z-index:0}
body.rgAuth:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 15%,rgba(43,107,255,.18),transparent 34%),radial-gradient(circle at 82% 25%,rgba(236,28,153,.20),transparent 34%);z-index:1;pointer-events:none}
.authOverlayPage{position:fixed;inset:0;z-index:2;width:100%;height:100dvh;display:grid;place-items:center;padding:24px;overflow-y:auto;box-sizing:border-box}
.authOverlayBox{position:relative;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;margin:auto;background:rgba(9,28,57,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(82,139,205,.55);box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 55px rgba(143,40,255,.10)}
.authBrand{display:flex;margin:0 0 24px;text-decoration:none}.authBrand .playlogo{width:45px;height:45px}.authBrand strong{font-size:21px}.authBrand small{font-size:8px}
.authClose{position:fixed;z-index:4;top:20px;right:24px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;font-size:30px;line-height:1;background:rgba(9,28,57,.86);border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 35px #0006}.authClose:hover{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent}
@media(max-width:600px){body.rgAuth{overflow:auto}.authOverlayPage{padding:68px 14px 20px;align-items:start}.authOverlayBox{width:100%;max-height:none;padding:22px 18px}.authClose{top:12px;right:14px;width:40px;height:40px}.authBrand{margin-bottom:18px}}

/* V6.6 echte login/register overlay boven de huidige website */
html,body{max-width:100%;overflow-x:hidden}
.authModal{position:fixed;inset:0;z-index:99999;display:none;width:100vw;height:100dvh}
.authModal.open{display:block}
.authModalBackdrop{position:absolute;inset:0;background:rgba(2,8,24,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.authModalFrame{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.authModalFrame iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.authModalClose{position:fixed;z-index:100002;right:22px;top:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0a1d3bea;color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 12px 35px #0008}
.authModalClose:hover{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent}
body.authModalOpen{overflow:hidden!important}
.nowlogo{overflow:hidden}
.nowlogo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:620px){.authModalClose{right:12px;top:12px;width:42px;height:42px}.top,.hero,main,.bottomPlayer{max-width:100vw}.cards,.newgrid{min-width:0}.station,.newcard{min-width:0}}

body.rgAuthEmbedded .authOverlayPage{padding:24px 72px} body.rgAuthEmbedded{background:transparent} @media(max-width:600px){body.rgAuthEmbedded .authOverlayPage{padding:64px 14px 20px}}

/* V6.7 media fixes */
.nowlogo{flex:0 0 auto}
.nowlogo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:7px;background:#08152b}
.accountLink{display:flex!important;grid-auto-flow:column;gap:8px;align-items:center}
.topAvatar{width:27px;height:27px;border-radius:50%;object-fit:cover;display:block;border:1px solid #ffffff44}

.subPage{min-height:calc(100vh - 170px);padding-top:30px}.emptyState{padding:55px 25px;text-align:center;color:var(--muted)}.emptyState b{display:block;color:#fff;font-size:22px;margin-bottom:10px}.aboutText{max-width:850px;padding:20px 8px 45px;line-height:1.75;color:#c3cee0}.aboutText h3{color:#fff;font-size:28px}.genrePage{padding:10px 0 25px}.genrePage .chips{flex-wrap:wrap}

/* V6.12 — stationlogo's altijd binnen hun eigen vak */
.station .art{overflow:hidden}
.station .art>img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;display:block!important;
}
.newgrid{align-items:stretch}
.newcard{overflow:hidden;min-width:0}
.newcard>img{
  width:100%!important;height:110px!important;max-width:100%!important;max-height:110px!important;
  object-fit:contain!important;display:block!important;background:#f4f7fb;border-radius:8px;
}
.rank{overflow:hidden}
.ranklogo{
  width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
  overflow:hidden!important;display:grid!important;place-items:center!important;border-radius:7px;
}
.ranklogo img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;display:block!important;
}
.accountStation .avatar img,.slogo img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;display:block!important;
}
.nowlogo{
  width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;
  overflow:hidden!important;
}
.nowlogo img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;display:block!important;
}
@media(max-width:620px){
 .nowlogo{width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important}
 .newcard>img{height:90px!important;max-height:90px!important}
}

/* V6.13 — stationlogo volledig zichtbaar + playknop netjes binnen kaart */
.station .art{
  position:relative!important;
  height:190px!important;
  overflow:hidden!important;
  background:#f4f7fb!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.station .art>img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
.station .cardPlay{
  position:absolute!important;
  right:12px!important;
  bottom:12px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  z-index:8!important;
  transform:none!important;
  margin:0!important;
}
.station .live{
  left:10px!important;
  bottom:10px!important;
  z-index:7!important;
}
.station .fav{z-index:8!important}
.newcard{
  min-height:155px!important;
  display:flex!important;
  flex-direction:column!important;
}
.newcard>img{
  width:100%!important;
  height:105px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f4f7fb!important;
}
@media(max-width:620px){
  .station .art{height:165px!important}
  .station .cardPlay{right:9px!important;bottom:9px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
}

/* V6.15 Dagtopper */
.dagtopperPublic{border-color:#715a21!important;background:linear-gradient(145deg,rgba(35,27,17,.96),rgba(10,25,52,.96))!important}.dagtopperPublic .panelTitle small{color:#ffc44f;font-size:10px}.dayWinner{display:flex;gap:14px;align-items:center;padding:8px 2px 6px}.dayWinnerLogo{width:70px;height:70px;flex:0 0 70px;border-radius:15px;background:linear-gradient(135deg,#ffb21c,#ff168f);display:grid;place-items:center;font-weight:900;font-size:20px;overflow:hidden}.dayWinnerLogo img{width:100%;height:100%;object-fit:contain;background:#fff}.dayWinner small{font-size:9px;color:#ffc44f;letter-spacing:1px}.dayWinner h3{margin:5px 0;font-size:18px}.dayWinner p{margin:0;color:#91a5c2;font-size:10px;line-height:1.5}.dagInfo{font-size:11px;color:#8fd9ff;background:#081f3d;border:1px solid #1a4a72;padding:10px;border-radius:8px}

/* V6.17 professional interaction & mobile release */
button,a,.station{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}button{cursor:pointer}.quick>a:hover,.station:hover{transform:translateY(-2px);border-color:#526f9a;box-shadow:0 12px 28px #0004}.chips button.active,.chips button:hover{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent}.fav.active{color:#ff4b9f;background:#fff}.cardPlay.isPlaying{box-shadow:0 0 0 4px #ff168f33,0 0 28px #ff168f88}.bottomPlayer button.active{color:#ff4b9f}.mobileMenuBtn{display:none;width:42px;height:42px;border:1px solid #3c557d;border-radius:9px;background:#132747;color:white;font-size:21px;place-items:center}.top nav.mobileOpen{display:flex!important}.heroSearch button:active,.cardPlay:active,.mainPlay:active{transform:scale(.96)}
@media(max-width:1050px){.mobileMenuBtn{display:grid;order:5}.top{gap:12px}.top nav{position:fixed;left:12px;right:12px;top:76px;background:#091a36f5;border:1px solid #35577f;border-radius:14px;padding:12px;box-shadow:0 25px 60px #000a;flex-direction:column;z-index:100}.top nav a{width:100%;padding:12px 14px}.topactions{margin-left:auto}.topactions .pink{display:none}.bottomPlayer{min-height:82px;height:auto}.bottomPlayer #castStatus{display:none}}
@media(max-width:620px){body{padding-bottom:82px}.top{height:70px}.playlogo{width:44px;height:44px}.topactions{gap:5px}.topactions .accountLink{font-size:0;width:42px;padding:0}.topactions .accountLink:after{content:'👤';font-size:18px}.heroSearch{height:48px}.heroSearch button{font-size:13px}.bottomPlayer{gap:5px;padding:7px 8px}.bottomPlayer .track{min-width:0}.bottomPlayer .track b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottomPlayer #playerFavBtn,.bottomPlayer #shareBtn,.bottomPlayer #repeatBtn,.bottomPlayer #queueBtn{display:none}.station .art{height:150px!important}.quick>a{height:72px}.themepanel{right:12px;left:12px;width:auto;top:74px}}