.qp-listening-grid,.qp-listening-rows,.qp-explore-small{gap:16px;min-width:0;display:grid}.qp-listening-grid,.qp-explore-small{grid-template-columns:repeat(4,minmax(0,1fr))}.qp-listening-rows{grid-template-columns:repeat(3,minmax(0,1fr))}.qp-listening-card{border:1px solid var(--qp-card-border);border-radius:var(--radius);background:var(--qp-card-bg);grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:8px 12px;min-width:0;padding:16px;display:grid}.qp-listening-card__station{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.qp-listening-card__station>span:last-child{min-width:0}.qp-listening-card strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.qp-listening-card small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.qp-listening-card p{color:var(--text-secondary);min-height:20px;margin:0;font-size:14px}.qp-listening-card__track{text-overflow:ellipsis;white-space:nowrap;grid-column:1;min-width:0;overflow:hidden}.qp-listening-card .qp-btn{border-radius:var(--radius-pill,999px);grid-area:1/2/span 2;justify-content:center;width:48px;height:48px;min-height:48px;padding:0}.qp-listening-card .qp-btn:focus-visible{outline:2px solid var(--signal-live);outline-offset:4px}.qp-home .qp-listening-card__station:focus-visible,.qp-home .qp-section__link:focus-visible{outline:2px solid var(--signal-live);outline-offset:4px;border-radius:8px}.qp-home [aria-labelledby=home-popular] .qp-play-btn{flex-shrink:0;width:48px;height:48px}.qp-home [aria-labelledby=home-popular] .qp-play-btn:focus-visible,.qp-home [aria-labelledby=home-popular] .qp-station-card__link:focus-visible{outline:2px solid var(--signal-live);outline-offset:2px}.qp-home .qp-carousel{--qp-carousel-cols:3}@media (width>=1800px){.qp-listening-rows{grid-template-columns:repeat(4,minmax(0,1fr))}.qp-home .qp-carousel{--qp-carousel-cols:4}}.qp-explore-small .qp-art-card{min-height:160px}.qp-explore-small .qp-grid{grid-column:span 2}@media (width<=1100px){.qp-home .qp-carousel{--qp-carousel-cols:2}.qp-listening-grid,.qp-listening-rows,.qp-explore-small{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.qp-home .qp-carousel{--qp-carousel-cols:1.15}.qp-listening-grid,.qp-listening-rows{grid-template-columns:minmax(0,1fr)}.qp-listening-card{padding:16px}.qp-listening-card__station{gap:12px}.qp-explore-small{scroll-snap-type:x proximity;padding:4px;display:flex;overflow-x:auto}.qp-explore-small>*{scroll-snap-align:start;flex:0 0 72%}}.qp-grid--tracks{grid-template-columns:repeat(4,minmax(0,1fr))}.qp-track-card{border:1px solid var(--qp-card-border);border-radius:var(--qp-radius-card);background:var(--qp-card-bg);min-width:0;transition:border-color .15s,transform .15s}.qp-track-card:hover,.qp-track-card:focus-within{border-color:#00d4ff80;transform:translateY(-1px)}.qp-track-card__link{color:inherit;grid-template-columns:28px 64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}.qp-track-card__top{display:contents}.qp-track-card__rank{color:var(--qp-cyan-soft);font-variant-numeric:tabular-nums;letter-spacing:-.01em;opacity:.85;grid-area:1/1;font-size:22px;font-weight:800}.qp-rank-move{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.qp-rank-move--up{color:#b6f5c8;background:#84f2a824}.qp-rank-move--down{color:#ffb3bf;background:#ff708724}.qp-rank-move--new{color:#7fe0ff;letter-spacing:.04em;background:#00d4ff29}.qp-rank-move--flat{color:var(--qp-text-dim);background:#ffffff0f}.qp-track-art-host,.qp-track-art{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;display:block}.qp-track-card__link>a{grid-area:1/2;display:block}.qp-track-art-host{background:#ffffff0f;position:relative}.qp-track-art-host>.qp-track-art{position:absolute;inset:0}.qp-track-art--fallback{color:#b8efff;background:radial-gradient(circle at 25% 20%,#00d4ff47,#0000 42%),linear-gradient(145deg,#123d68,#07182f 78%);border:1px solid #00d4ff4d;place-items:center;display:grid}.qp-track-card__meta{grid-area:1/3;min-width:0;min-height:68px}.qp-track-card .qp-rank-move{grid-area:1/4;align-self:start}.qp-track-card__title,.qp-track-card__artist,.qp-track-card__stats{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.qp-track-card__title{color:inherit;font-size:14px;font-weight:650;text-decoration:none}.qp-track-card__artist{color:var(--qp-text-dim);margin-top:2px;font-size:12px}.qp-track-card__stats{color:var(--qp-text-dim);margin-top:6px;font-size:11px}.qp-track-card__live{color:var(--qp-live);align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:650;display:inline-flex}.qp-track-card__live i{background:var(--qp-live);width:5px;height:5px;box-shadow:0 0 8px var(--qp-live);border-radius:50%}@media (width<=1100px){.qp-grid--tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.qp-grid--tracks{grid-template-columns:minmax(0,1fr)}.qp-track-card__link{grid-template-columns:24px 56px minmax(0,1fr) auto}}.qp-charts-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.qp-charts-table{flex-direction:column;gap:6px;display:flex}.qp-charts-row{border:1px solid var(--qp-card-border);background:var(--qp-card-bg);color:inherit;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;text-decoration:none;transition:border-color .15s;display:grid}.qp-charts-row__link{min-width:0;color:inherit;grid-template-columns:40px 56px minmax(0,1fr) 90px 90px 90px;align-items:center;gap:14px;text-decoration:none;display:grid}.qp-chart-video-button{border:1px solid var(--qp-line-strong);min-height:40px;color:var(--qp-cyan-soft);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:700}.qp-chart-video-button:hover,.qp-chart-video-button:focus-visible{border-color:var(--qp-cyan-soft);outline:2px solid var(--qp-cyan-soft);outline-offset:1px}.qp-charts-toolbar .qp-charts-play-all{min-width:48px;min-height:48px;margin-left:auto;font-size:12px}.qp-charts-row:hover,.qp-charts-row:focus-visible{border-color:#00d4ff80}.qp-charts-row__rank{color:var(--qp-cyan-soft);font-variant-numeric:tabular-nums;text-align:center;font-size:16px;font-weight:800}.qp-charts-row__track{min-width:0}.qp-charts-row__title{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;text-decoration:none;display:block;overflow:hidden}.qp-charts-row__artist{color:var(--qp-text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;display:block;overflow:hidden}.qp-charts-row__insights,.qp-track-card__insights{color:var(--qp-text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.qp-charts-row__num{color:var(--qp-text-dim);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.qp-charts-header{color:var(--qp-text-dim);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:40px 56px minmax(0,1fr) 90px 90px 90px;gap:14px;padding:0 14px 6px;font-size:11px;font-weight:700;display:grid}.qp-charts-header span:not(:first-child){text-align:right}.qp-charts-header span:first-child,.qp-charts-header span:nth-child(2){text-align:left}@media (width<=760px){.qp-charts-header{display:none}.qp-charts-row{grid-template-columns:minmax(0,1fr) auto}.qp-charts-row__link{grid-template-columns:32px 52px minmax(0,1fr);grid-template-areas:"rank art track"}.qp-charts-row__movement,.qp-charts-row__plays,.qp-charts-row__stations{display:none}.qp-charts-row__track{grid-area:track}.qp-chart-video-button{padding:0 8px;font-size:0}.qp-chart-video-button:first-letter{font-size:15px}.qp-charts-row__stats-mobile{color:var(--qp-text-dim);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}}.qp-charts-row__stats-mobile{display:none}@media (width<=760px){.qp-charts-row__stats-mobile{display:flex}}.qp-track-hero{padding:24px var(--qp-gutter,26px);flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.qp-track-hero__art{flex:none;width:176px}.qp-track-hero__art .qp-track-art-host,.qp-track-hero__art .qp-track-art--fallback{border-radius:14px;width:176px;height:176px}.qp-track-hero__body{flex:1;min-width:240px}.qp-track-hero__eyebrow{color:var(--qp-cyan-soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.qp-track-hero__title{margin:0;font-size:clamp(24px,3.4vw,36px);font-weight:800}.qp-track-hero__artist{color:var(--text-secondary);margin:4px 0 0;font-size:16px}.qp-track-video-cta{border:1px solid var(--qp-card-border);background:var(--qp-card-bg);border-radius:12px;align-items:center;gap:10px;max-width:520px;margin-top:16px;padding:8px;display:flex}.qp-track-video-cta>img{object-fit:cover;background:#000;border-radius:7px;flex:none;width:88px;height:50px}.qp-track-video-cta__copy{gap:3px;min-width:0;display:grid}.qp-track-video-cta__eyebrow{color:var(--text-main);font-size:12px;font-weight:750}.qp-track-video-cta__meta{color:var(--qp-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.qp-track-video-action{flex:none;margin-top:0;margin-left:auto}.qp-panel__hint{color:var(--qp-text-dim);margin:4px 0 0;font-size:12px}.qp-live-count{color:#b6f5c8;white-space:nowrap;background:#84f2a81a;border:1px solid #84f2a847;border-radius:999px;flex:none;padding:5px 9px;font-size:11px;font-weight:750}.qp-track-hero__facts{color:var(--qp-text-dim);flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:13px;display:flex}.qp-track-hero__genres{flex-wrap:wrap;gap:6px;margin-top:12px;padding:0;list-style:none;display:flex}.qp-track-hero__genres li{border:1px solid var(--qp-line-strong);color:var(--qp-cyan-soft);border-radius:999px;padding:3px 10px;font-size:11px}.qp-track-summary{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:18px;display:grid}.qp-track-summary__stat{border:1px solid var(--qp-card-border);background:var(--qp-card-bg);border-radius:10px;padding:10px 12px}.qp-track-summary__value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;display:block}.qp-track-summary__label{color:var(--qp-text-dim);margin-top:2px;font-size:11px;display:block}.qp-airplay-chart{align-items:flex-end;gap:3px;height:120px;padding:8px 0;display:flex}.qp-airplay-bar{min-width:2px;height:var(--qp-bar-height,4%);opacity:.85;background:linear-gradient(#00d4ff,#06f);border-radius:3px 3px 0 0;flex:1;transition:opacity .15s;position:relative}.qp-airplay-bar:hover,.qp-airplay-bar:focus-visible{opacity:1;outline:2px solid var(--qp-cyan);outline-offset:1px}.qp-airplay-chart__empty{height:120px;color:var(--qp-text-dim);place-items:center;font-size:13px;display:grid}.qp-period-tabs{border:1px solid var(--qp-card-border);background:#ffffff0a;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.qp-period-tabs button{color:var(--qp-text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:650}.qp-period-tabs button[aria-pressed=true]{color:#05141f;background:var(--qp-cyan)}.qp-now-playing-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.qp-now-playing-row{border:1px solid var(--qp-card-border);background:var(--qp-card-bg);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.qp-now-playing-row__meta{flex:1;min-width:0}.qp-now-playing-row__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;display:block;overflow:hidden}.qp-now-playing-row__place{color:var(--qp-text-dim);align-items:center;gap:5px;margin-top:2px;font-size:11px;display:flex}.qp-now-playing-row__flag{object-fit:cover;border-radius:2px;width:16px;height:11px}.qp-station-play-button{color:#041523;background:linear-gradient(145deg, var(--qp-cyan), var(--qp-blue));cursor:pointer;border:1px solid #00d4ff6b;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-grid;box-shadow:0 8px 18px #0066ff3d}.qp-station-play-button:hover{filter:brightness(1.08);transform:translateY(-1px)scale(1.03);box-shadow:0 10px 22px #0066ff57}.qp-station-play-button:focus-visible{outline:2px solid var(--qp-cyan);outline-offset:3px}.qp-station-play-button:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.qp-station-play-button{transition:none}}.qp-lyrics-panel{color:var(--qp-text-dim);font-size:13px}.qp-lyrics-body{white-space:pre-wrap;color:var(--text-main);font-size:14px;line-height:1.7}@media (width<=760px){.qp-track-hero{text-align:center;flex-direction:column;align-items:center;padding:20px 16px}.qp-track-hero__body{min-width:0}.qp-track-hero__facts,.qp-track-hero__genres{justify-content:center}.qp-track-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-now-playing-list{grid-template-columns:minmax(0,1fr)}.qp-section__head--stack-mobile{flex-direction:column;align-items:flex-start;gap:8px}.qp-track-video-cta{text-align:left;width:100%;max-width:none}.qp-track-video-cta .qp-track-video-action{margin-left:auto}}.qp-youtube-player{z-index:40;border:1px solid var(--qp-line-strong);background:var(--qp-panel,#10284d);max-width:min(100vw - 16px,177.778dvh - 256px);color:var(--text-main);border-radius:14px;position:fixed;overflow:hidden;box-shadow:0 18px 50px #0000006b}.qp-youtube-player--expanded{width:min(min(860px,100vw - 32px),92vw);top:50%;left:50%;transform:translate(-50%,-50%)}.qp-youtube-player--floating{right:18px;bottom:calc(92px + env(safe-area-inset-bottom))}.qp-youtube-player__header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:40px;padding:4px 8px;display:flex}.qp-youtube-player__header:active{cursor:grabbing}.qp-youtube-player__handle{color:var(--qp-text-dim);letter-spacing:-4px}.qp-youtube-player__caption{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.qp-youtube-player__actions{gap:4px;display:flex}.qp-youtube-player button{min-width:36px;min-height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px}.qp-youtube-player button:hover,.qp-youtube-player button:focus-visible{border-color:var(--qp-line-strong);outline:2px solid var(--qp-cyan-soft);outline-offset:1px;background:#ffffff14}.qp-youtube-player__drag-hint{display:none}.qp-youtube-player__frame{aspect-ratio:16/9;background:#000;position:relative}.qp-youtube-player__mount{width:100%;height:100%}.qp-youtube-player__frame iframe{border:0;width:100%;height:100%;display:block}.qp-youtube-player__message{z-index:1;text-align:center;background:#071426f0;place-content:center;gap:12px;padding:20px;display:grid;position:absolute;inset:0}.qp-youtube-player__toolbar{border-top:1px solid var(--qp-line-strong);background:var(--qp-panel,#10284d);align-items:center;gap:12px;min-height:48px;padding:6px 10px;display:flex}.qp-youtube-player__toolbar-track{flex:1;gap:2px;min-width:0;display:grid}.qp-youtube-player__toolbar-track strong,.qp-youtube-player__toolbar-track span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qp-youtube-player__toolbar-track strong{font-size:12px}.qp-youtube-player__toolbar-track span{color:var(--qp-text-dim);font-size:11px}.qp-youtube-player__toolbar-actions{gap:4px;display:flex}.qp-youtube-player__toolbar-actions button{padding:0 8px;font-size:18px;line-height:1;min-width:32px!important;min-height:30px!important}.qp-youtube-player__toolbar-actions button:disabled{cursor:not-allowed;opacity:.35}.qp-youtube-player__resize-handle{z-index:3;touch-action:none;width:28px;height:28px;padding:0;position:absolute;bottom:0;right:0;cursor:nwse-resize!important;background:#07142694!important;border:0!important;border-radius:10px 0 0!important;min-width:28px!important;min-height:28px!important}.qp-youtube-player__resize-handle span{border-bottom:2px solid #fff;border-right:2px solid #fff;width:10px;height:10px;margin:0 5px 5px auto;display:block}@media (width<=760px){.qp-youtube-player--floating{max-width:min(360px,100vw - 32px,177.778dvh - 256px);right:8px;bottom:calc(var(--qp-player-h,64px) + var(--qp-mobile-nav-h,56px) + 8px);width:min(360px,100vw - 32px)}.qp-youtube-player--expanded{width:calc(100vw - 16px)}.qp-youtube-player__resize-handle{display:none}.qp-youtube-player__header{gap:4px;padding:4px}.qp-youtube-player__actions{gap:0}.qp-youtube-player__actions button,.qp-youtube-player__toolbar-actions button{min-width:48px!important;min-height:48px!important}.qp-youtube-player__toolbar{flex-wrap:wrap;gap:4px;padding:6px 8px}.qp-youtube-player__toolbar-track{flex-basis:100%}.qp-youtube-player__toolbar-actions{justify-content:center;width:100%}}@media (pointer:coarse) and (width>=761px){.qp-youtube-player__actions button,.qp-youtube-player__toolbar-actions button{min-width:48px!important;min-height:48px!important}}.qp-pwa-update{z-index:100;right:16px;bottom:calc(var(--qp-player-h,80px) + var(--qp-mobile-nav-h,0px) + 16px);border:1px solid var(--qp-line-strong);background:var(--qp-panel,#10284d);width:min(440px,100vw - 32px);color:var(--text-main);border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex;position:fixed;box-shadow:0 8px 24px #0000004d}.qp-pwa-update .qp-btn{flex:none;min-height:48px}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-1792091015218-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-1792091015218-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-1792091015218-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-1792091015218-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-1792091015218-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-1792091015218-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-1792091015218-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#111318;--panel:#161b22d1;--panel-strong:#10141bf0;--panel-soft:#ffffff0f;--border:#ffffff1f;--border-strong:#fff3;--text-main:#f7f8fb;--text-muted:#f7f8fbad;--text-soft:#f7f8fb80;--accent:#4dd7c8;--accent-2:#ffb45c;--accent-3:#8fb3ff;--accent-rgb:77, 215, 200;--accent-2-rgb:255, 180, 92;--accent-3-rgb:143, 179, 255;--theme-page-rgb:17, 19, 24;--theme-panel-rgb:16, 20, 27;--theme-panel:#10141b;--accent-glow:#4dd7c857;--danger:#ff7087;--success:#84f2a8;--shadow:0 26px 70px #00000061;--radius:18px;--surface-base:#071426;--surface-primary:#0b1f44;--surface-elevated:#10284d;--text-primary:#fff;--text-secondary:#a9b9ca;--action-primary:#06f;--signal-live:#00d4ff;--border-subtle:#1b3558}*{box-sizing:border-box}html{background:var(--page-bg);min-height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{width:100%;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 18% 8%, rgba(var(--accent-rgb), .28), transparent 34%), radial-gradient(circle at 86% 82%, rgba(var(--accent-2-rgb), .22), transparent 32%), linear-gradient(180deg, rgba(var(--theme-page-rgb), 1) 0%, #101218 58%, rgba(var(--theme-panel-rgb), .95) 100%);margin:0;transition:background .45s;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px), radial-gradient(circle, #ffffff2e 0 1px, transparent 1.6px), radial-gradient(circle, rgba(var(--accent-3-rgb), .14) 0 1px, transparent 1.8px), radial-gradient(circle, #ffffff1f 0 1px, transparent 1.7px);opacity:.62;background-position:0 0,0 0,20px 28px,80px 120px,120px 56px;background-size:42px 42px,42px 42px,180px 180px,240px 240px,300px 300px;animation:72s linear infinite grid-drift;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000009e,#0000 78%);mask-image:linear-gradient(#0000009e,#0000 78%)}body:after{content:"";pointer-events:none;background:radial-gradient(circle at 24% 32%, rgba(var(--accent-rgb), .16), transparent 22vmax), radial-gradient(circle at 78% 64%, rgba(var(--accent-2-rgb), .12), transparent 24vmax), radial-gradient(circle at 52% 82%, rgba(var(--accent-3-rgb), .1), transparent 20vmax);filter:blur(36px);opacity:.42;animation:84s ease-in-out infinite alternate ambient-drift;position:fixed;inset:-24vmax;transform:translate(0,0)}@keyframes grid-drift{0%{background-position:0 0,0 0,20px 28px,80px 120px,120px 56px}to{background-position:12px 12px,-12px 12px,32px 18px,92px 128px,108px 66px}}@keyframes ambient-drift{0%{transform:translate(-.6%,-.4%)scale(1)}50%{transform:translate(.8%,.6%)scale(1.02)}to{transform:translate(.2%,.9%)scale(1.03)}}button,input{font:inherit}button{cursor:pointer}input{cursor:text;-webkit-user-select:text;user-select:text}button:focus-visible,input:focus-visible,.station-card:focus-visible,.library-station:focus-visible,.library-tab:focus-visible,.category-chip:focus-visible,.coverflow-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff2e padding-box content-box;border:3px solid #0000;border-radius:999px}.live-dot{background:var(--signal-live);width:7px;height:7px;box-shadow:0 0 14px var(--signal-live);border-radius:50%;margin-right:7px;display:inline-block}.eyebrow{color:var(--signal-live);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}:root{--page-bg:#071426;--panel:#0a213cdb;--panel-strong:#071426f5;--panel-soft:#ffffff0f;--border:#66b4ff38;--border-strong:#68edff7a;--text-main:#f7fbff;--text-muted:#a9bfd5;--text-soft:#7892ae;--accent:#00d4ff;--accent-2:#00bfa6;--accent-3:#8fb3ff;--accent-rgb:0, 212, 255;--accent-2-rgb:0, 191, 166;--accent-3-rgb:143, 179, 255;--theme-page-rgb:7, 20, 38;--theme-panel-rgb:10, 33, 60;--theme-panel:#0a213c;--accent-glow:#00d4ff47;--surface-base:#071426;--surface-primary:#0b1f44;--surface-elevated:#10284d;--signal-live:#00d4ff;--border-subtle:#66b4ff3d}body{background:radial-gradient(circle at 75% 8%,#0066ff29,#0000 34%),radial-gradient(circle at 12% 88%,#00bfa61a,#0000 30%),#071426}.station-library{background:linear-gradient(145deg,#00d4ff14,#0000 42%),linear-gradient(#0a213ce6,#071426f0);border-color:#66b4ff3d;box-shadow:0 24px 70px #0000004d}.artwork-container{border-color:#68edff59;box-shadow:0 0 48px #06f3}.artwork-placeholder{background:linear-gradient(135deg,#00bfa6e6,#0066ffd1 50%,#8fb3ffdb)}.control-btn.primary{background:linear-gradient(135deg,#06f,#00bfa6);box-shadow:0 0 28px #00d4ff47}.library-tab.active{color:#fff;background:#0066ff3d;border-color:#00d4ff8c}.station-library{border:1px solid var(--border);background:linear-gradient(180deg, rgba(var(--theme-panel-rgb), .84), #ffffff09), linear-gradient(140deg, rgba(var(--accent-rgb), .1), transparent 52%);-webkit-backdrop-filter:blur(24px)saturate(130%);backdrop-filter:blur(24px)saturate(130%);transform-origin:0;will-change:transform, opacity;border-radius:28px;grid-template-rows:auto auto auto auto auto minmax(0,1fr);gap:14px;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;padding:20px;transition:opacity .38s,transform .46s cubic-bezier(.22,1,.36,1),filter .38s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000052}.library-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.library-top-actions{align-items:center;gap:8px;display:inline-flex}.library-eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:.74rem;font-weight:850}.library-top h2{color:var(--text-main);margin:0;font-size:1.35rem;line-height:1}.library-close{display:inline-flex}.library-search{min-width:0;height:44px;color:var(--text-muted);background:#fff1;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:9px;padding:0 12px;display:flex}.library-filter-grid{z-index:3;opacity:1;grid-template-columns:minmax(0,4fr) minmax(56px,1fr);gap:10px;max-height:160px;transition:max-height .28s,opacity .2s,transform .2s,margin .2s;display:grid;position:relative;overflow:visible;transform:translateY(0)}.library-filter-grid>.library-search{grid-column:1/-1}.library-filter-grid .library-select-trigger{gap:9px;height:42px;padding:0 12px}.library-filter-grid .library-select-value{font-size:.86rem;font-weight:800}.library-filter-grid .library-select-caret{margin-left:auto}.library-filter-grid .library-select-flag,.library-filter-grid .library-select-sort-icon{opacity:.9}.library-filter-grid .library-select-prefix{display:none}.station-library.filters-collapsed .library-filter-grid{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:translateY(-8px)}.library-select-sort-icon{opacity:.7;flex:none}.library-select{min-width:0;position:relative}.library-select.open{z-index:18}.library-select-trigger{border:1px solid rgba(var(--accent-rgb), .26);background:linear-gradient(180deg, #ffffff17, #ffffff0a), linear-gradient(135deg, rgba(var(--accent-rgb), .14), rgba(var(--accent-3-rgb), .08));width:100%;min-width:0;height:44px;color:var(--text-main);font:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:10px;padding:0 12px 0 14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 12px 28px #00000029,inset 0 1px #ffffff1a}.library-select-flag,.library-select-option-flag{text-align:center;flex:none;justify-content:center;align-items:center;width:1.4rem;height:1rem;font-size:1.05rem;line-height:1;display:inline-flex}.library-select-option-flag-img{object-fit:cover;border-radius:2px;width:1.4rem;height:1rem;display:block}.library-select-trigger:hover,.library-select.open .library-select-trigger{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 16px 32px #0003, 0 0 0 1px rgba(var(--accent-rgb), .08);transform:translateY(-1px)}.library-select-prefix{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:.7rem;font-weight:850}.library-select-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.92rem;font-weight:850;overflow:hidden}.library-select-caret{opacity:.8;flex:none}.library-select-menu{z-index:12;border:1px solid rgba(var(--accent-rgb), .18);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:linear-gradient(#10141bf5,#10141be6),#ffffff0a;border-radius:18px;width:100%;max-height:280px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 24px 48px #00000057}.library-select-menu.open{gap:6px;display:grid}.library-filter-settings-btn{border:1px solid rgba(var(--accent-rgb), .26);background:linear-gradient(180deg, #ffffff17, #ffffff0a), linear-gradient(135deg, rgba(var(--accent-rgb), .14), rgba(var(--accent-3-rgb), .08));width:100%;height:42px;color:var(--text-main);border-radius:16px;justify-content:center;align-items:center;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 12px 28px #00000029,inset 0 1px #ffffff1a}.library-filter-settings-btn:hover{border-color:rgba(var(--accent-rgb), .5);box-shadow:0 16px 32px #0003, 0 0 0 1px rgba(var(--accent-rgb), .08);transform:translateY(-1px)}.advanced-filters-modal{width:min(620px,100%)}.advanced-filters-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.advanced-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.advanced-filters-grid .library-select-prefix{display:none}.advanced-filters-grid .library-select-trigger,.advanced-filters-grid .library-select-toggle{height:46px}.advanced-filters-grid .library-select-toggle{justify-content:flex-start}.advanced-filters-grid .library-select-toggle.active{border-color:rgba(var(--accent-rgb), .5);background:linear-gradient(180deg, #ffffff17, #ffffff0a), linear-gradient(135deg, rgba(var(--accent-rgb), .2), rgba(var(--accent-3-rgb), .1));box-shadow:0 16px 32px #0003, 0 0 0 1px rgba(var(--accent-rgb), .08)}.advanced-filters-actions{justify-content:flex-end;margin-top:18px}.library-select-option{width:100%;min-width:0;min-height:38px;color:var(--text-muted);text-align:left;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:.9rem;transition:background .16s,color .16s,border-color .16s,transform .16s;display:flex}.library-select-option-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.library-select-option:hover{border-color:rgba(var(--accent-rgb), .24);background:rgba(var(--accent-rgb), .12);color:var(--text-main);transform:translate(1px)}.library-select-option.active{border-color:rgba(var(--accent-rgb), .42);background:linear-gradient(135deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-3-rgb), .12));color:var(--text-main)}.library-select-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.library-search input{width:100%;min-width:0;color:var(--text-main);background:0 0;border:0;outline:0;font-size:.92rem}.library-search input::placeholder{color:var(--text-soft)}.library-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.library-tab{min-width:0;min-height:40px;color:var(--text-muted);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;padding:0;font-weight:800;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.library-tab-icon{opacity:.9;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.library-tab-icon svg{width:100%;height:100%}.library-tab:hover{border-color:var(--border-strong);color:var(--text-main);transform:translateY(-1px)}.library-tab.active{border-color:rgba(var(--accent-rgb), .48);background:rgba(var(--accent-rgb), .15);color:var(--text-main);box-shadow:0 10px 24px rgba(var(--accent-rgb), .12)}.category-list{gap:8px;padding-bottom:2px;display:none;overflow-x:auto}.station-library.show-categories .category-list{display:flex}.category-chip{min-height:32px;color:var(--text-muted);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;flex:none;padding:7px 11px;font-size:.78rem;font-weight:800}.category-chip.active{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .16);color:var(--text-main)}.library-summary{min-height:18px;color:var(--text-soft);font-size:.78rem;font-weight:700}.library-pagination{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-pagination-info{min-width:0;color:var(--text-soft);text-align:center;white-space:nowrap;flex:auto;font-size:.78rem;font-weight:800}.library-page-btn{min-width:88px;min-height:34px;color:var(--text-main);font:inherit;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:800;transition:background .16s,border-color .16s,transform .16s,opacity .16s;display:inline-flex}.library-page-btn:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff16;transform:translateY(-1px)}.library-page-btn:disabled{opacity:.45;cursor:not-allowed}.library-page-btn svg{flex:none}.library-list{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .72) #ffffff0f;min-height:0;margin:0;padding:2px 8px 2px 0;list-style:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12px calc(100% - 12px),#0000);mask-image:linear-gradient(#0000,#000 12px calc(100% - 12px),#0000)}.library-list::-webkit-scrollbar{width:12px}.library-list::-webkit-scrollbar-track{background:linear-gradient(180deg, rgba(var(--accent-rgb), .08), rgba(var(--accent-3-rgb), .08)), #ffffff0b;border-radius:999px;margin-block:6px;box-shadow:inset 0 0 0 1px #ffffff0f}.library-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--accent-3)) padding-box, #ffffff1f border-box;min-height:56px;box-shadow:0 0 16px rgba(var(--accent-rgb), .24), inset 0 0 0 1px #ffffff2e;border:3px solid #0000;border-radius:999px}.library-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--accent), var(--accent-2)) padding-box, #ffffff2e border-box}.library-empty{color:var(--text-muted);background:#ffffff09;border:1px dashed #ffffff29;border-radius:16px;padding:18px 14px;font-size:.88rem;line-height:1.35}.library-station{width:100%;min-width:0;min-height:72px;color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:17px;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:11px;margin-bottom:10px;padding:10px;transition:transform .16s,border-color .16s,background .16s;display:grid;overflow:hidden}.library-station:hover{border-color:var(--border-strong);background:#ffffff16;transform:translateY(-1px)}.library-station.current{border-color:rgba(var(--accent-rgb), .56);background:linear-gradient(135deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-3-rgb), .1)), #ffffff0d}.library-station-logo,.library-station-fallback{background:#ffffff14;border-radius:14px;width:48px;height:48px}.library-station-logo{object-fit:contain;padding:7px}.library-station-fallback{color:var(--text-main);justify-content:center;align-items:center;font-size:1rem;font-weight:850;display:flex}.library-station-copy{gap:6px;min-width:0;display:grid;overflow:hidden}.library-station-title-row{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.library-station-title{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:.94rem;font-weight:850;line-height:1.12;overflow:hidden}.library-station-meta{min-width:0;color:var(--text-muted);flex-wrap:nowrap;align-items:center;gap:7px;font-size:.76rem;font-weight:700;display:flex;overflow:hidden}.library-station-country,.library-station-tech{text-overflow:ellipsis;white-space:nowrap;flex:none;min-width:0;overflow:hidden}.library-station-tech{color:var(--text-soft)}.library-station-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.station-info-indicator{color:#ffc2c2;cursor:help;-webkit-user-select:none;user-select:none;background:#ff848424;border:1px solid #ff848452;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.station-info-indicator:focus-visible{outline-offset:2px;outline:2px solid #ffb8b89e}.station-info-indicator-inline{flex:none}.station-info-indicator-inline.station-info-indicator-neutral{margin-top:1px}.station-info-indicator-neutral{color:var(--text-soft);background:#ffffff0f;border-color:#ffffff24}.station-info-indicator-neutral:hover{border-color:rgba(var(--accent-rgb), .32);background:rgba(var(--accent-rgb), .14);color:var(--text-main)}.favorite-btn{width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:12px;justify-content:center;align-items:center;font-size:1.06rem;line-height:1;transition:transform .14s,color .14s,background .14s,border-color .14s;display:inline-flex}.favorite-btn:hover{color:var(--text-main);transform:scale(1.05)}.favorite-btn.active{border-color:rgba(var(--accent-2-rgb), .48);background:rgba(var(--accent-2-rgb), .14);color:var(--accent-2)}.star{width:var(--star-size);height:var(--star-size);box-shadow:0 0 12px #ffffffb8, 0 0 28px rgba(var(--accent-rgb),.52);opacity:0;transform-style:preserve-3d;animation:star-tunnel var(--star-duration) linear infinite;animation-delay:var(--star-delay);background:#ffffffeb;border-radius:50%;position:absolute;top:50%;left:50%}.star:after{content:"";width:calc(var(--star-size) * 7);opacity:.38;background:linear-gradient(90deg,currentColor,#0000);border-radius:999px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-100%,-50%)}.star:nth-child(3n){color:rgba(var(--accent-rgb),.95);background:rgba(var(--accent-rgb),.86);box-shadow:0 0 16px rgba(var(--accent-rgb),.76)}.star:nth-child(4n){color:rgba(var(--accent-2-rgb),.9);background:rgba(var(--accent-2-rgb),.72);box-shadow:0 0 16px rgba(var(--accent-2-rgb),.58)}.star:nth-child(7n){filter:blur(1px)}@keyframes starfield-tilt{0%{transform:rotateX(7deg)rotateY(-10deg)translate(-1.2%)}to{transform:rotateX(-4deg)rotateY(11deg)translate(1.5%)}}@keyframes star-tunnel{0%{opacity:0;transform:translate3d(var(--x0), var(--y0), -680px) scale(.22)}12%{opacity:.36}58%{opacity:.92}to{opacity:0;transform:translate3d(var(--x1), var(--y1), 260px) scale(1.65)}}header{grid-area:header}.icon-btn{border:1px solid var(--border);width:42px;height:42px;color:var(--text-main);-webkit-app-region:no-drag;background:#fff1;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.icon-btn:hover{border-color:var(--border-strong);background:#ffffff1c;transform:translateY(-2px)}.icon-btn.small{width:40px;height:40px}.artwork-section{grid-area:artwork;justify-content:center;align-self:stretch;align-items:center;min-width:0;display:flex}.artwork-stack{justify-items:center;gap:18px;width:min(100%,410px);display:grid}.quickpick-section{grid-area:quickpick;justify-content:center;align-items:center;min-width:0;display:flex}.legal-links{grid-area:legal;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-top:8px;display:flex}.legal-link{width:32px;height:32px;color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:color .16s,border-color .16s,background .16s,transform .16s;display:inline-flex}.legal-link[data-variant=about]{color:var(--accent-3)}.legal-link[data-variant=docs]{color:var(--accent-2)}.legal-link[data-variant=privacy]{color:var(--text-muted)}.legal-link:hover{color:var(--text-main);border-color:rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .09);transform:translateY(-1px)}.legal-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-color:rgba(var(--accent-rgb), .35)}.artwork-container{aspect-ratio:1;border:1px solid var(--border);background:linear-gradient(145deg,#ffffff29,#ffffff0a);border-radius:32px;width:min(100%,360px);padding:10px;box-shadow:0 28px 72px #0000005c}.artwork-placeholder{isolation:isolate;cursor:pointer;background:linear-gradient(135deg, rgba(var(--accent-rgb), .9), rgba(var(--accent-3-rgb), .72) 48%, rgba(var(--accent-2-rgb), .86));border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .18s,box-shadow .18s,background .45s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #00000042}.artwork-placeholder:before{content:"";z-index:1;opacity:.62;background:linear-gradient(120deg,#ffffff42,#0000 34%),repeating-linear-gradient(135deg,#ffffff0d 0 1px,#0000 1px 12px);animation:9s ease-in-out infinite alternate artwork-sheen;position:absolute;inset:0}.artwork-placeholder:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;opacity:0;mix-blend-mode:screen;filter:blur(.5px)drop-shadow(0 0 16px #ffffff42);background:linear-gradient(120deg,#0000 28%,#ffffff3d 42%,#ffffffdb 50%,#ffffff42 58%,#0000 72%),radial-gradient(circle,#ffffffbd,#0000 60%);position:absolute;inset:-18%;transform:translate(-10%,-10%)rotate(0)}.artwork-placeholder.shine-sweep:after{opacity:1;animation:2.6s ease-out forwards artwork-shine-sweep}.artwork-placeholder.shine-glint:after{opacity:1;background:radial-gradient(circle at 22% 28%, #ffffffeb 0 8%, transparent 13%), radial-gradient(circle at 72% 34%, rgba(var(--accent-3-rgb), .56) 0 10%, transparent 16%), radial-gradient(circle at 52% 58%, #ffffff3d, transparent 36%);animation:2.2s ease-out forwards artwork-shine-glint}.artwork-placeholder.shine-flare:after{opacity:1;background:radial-gradient(circle at 48% 42%, #fffffff2 0 4%, transparent 12%), radial-gradient(circle at 52% 48%, #ffffff4d 0 18%, transparent 42%), linear-gradient(135deg, transparent 35%, rgba(var(--accent-rgb), .34) 50%, transparent 66%);animation:2.4s ease-out forwards artwork-shine-flare}@keyframes artwork-shine-sweep{0%{opacity:0;transform:translate(-26%,-10%)rotate(11deg)}12%{opacity:.95}58%{opacity:.8}to{opacity:0;transform:translate(26%,10%)rotate(11deg)}}@keyframes artwork-shine-glint{0%{opacity:0;transform:scale(.92)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes artwork-shine-flare{0%{opacity:0;transform:scale(.84)}18%{opacity:.95;transform:scale(1)}60%{opacity:.55}to{opacity:0;transform:scale(1.12)}}@keyframes artwork-sheen{0%{opacity:.5;transform:translate(-3%)translateY(-2%)}to{opacity:.72;transform:translate(4%)translateY(3%)}}.artwork-placeholder:hover{box-shadow:inset 0 0 55px #0003, 0 18px 42px rgba(var(--accent-rgb), .18);transform:translateY(-2px)}.station-logo-img{z-index:2;object-fit:contain;cursor:pointer;border-radius:18px;width:88%;height:88%;padding:14px;position:relative}.station-logo-text{z-index:2;max-width:88%;color:var(--text-main);text-align:center;text-shadow:0 8px 22px #0000005c;cursor:pointer;font-size:clamp(2.2rem,8vw,4.2rem);font-weight:850;line-height:1;position:relative}.station-logo-text.logo-name{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(1.5rem,4.8vw,2.8rem);line-height:1.05;display:-webkit-box;overflow:hidden}.artwork-coverflow{-webkit-app-region:no-drag;width:100%;max-width:none;height:128px;position:relative;overflow:hidden}.artwork-coverflow-stage{z-index:1;perspective:900px;transform-style:preserve-3d;position:absolute;inset:0 44px}.coverflow-item{border:1px solid var(--border);width:92px;height:82px;transform-style:preserve-3d;cursor:pointer;will-change:transform, opacity;background:#ffffff14;border-radius:20px;justify-content:center;align-items:center;transition:border-color .16s,background .16s,box-shadow .16s,opacity .16s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 12px 28px #00000047}.coverflow-item.selected{background:rgba(var(--accent-rgb), .16);border-color:rgba(var(--accent-rgb), .48);box-shadow:0 14px 34px rgba(var(--accent-rgb), .18)}.coverflow-item:not(.selected):hover{background:#ffffff1f;border-color:#ffffff47}.coverflow-item.icon-flash,.coverflow-item.icon-gradient-sweep,.coverflow-item.icon-glow-pulse{transition:none!important}.coverflow-item.icon-flash{animation:.8s ease-out forwards icon-flash}.coverflow-item.icon-gradient-sweep{animation:1.1s ease-out forwards icon-gradient-sweep}.coverflow-item.icon-glow-pulse{animation:1.4s ease-out forwards icon-glow-pulse}.coverflow-item.selected.icon-flash{animation:.8s ease-out forwards icon-flash-selected}.coverflow-item.selected.icon-gradient-sweep{animation:1.1s ease-out forwards icon-gradient-sweep-selected}.coverflow-item.selected.icon-glow-pulse{animation:1.4s ease-out forwards icon-glow-pulse-selected}@keyframes icon-flash{0%{border-color:var(--border);box-shadow:0 12px 28px #00000047}20%{border-color:#fffffff2;box-shadow:0 0 0 3px #ffffffe6,0 0 22px 4px #ffffff8c}55%{border-color:#ffffff80;box-shadow:0 0 0 2px #fff6,0 0 12px 2px #fff3}to{border-color:var(--border);box-shadow:0 12px 28px #00000047}}@keyframes icon-gradient-sweep{0%{border-color:var(--border);background:#ffffff14;box-shadow:0 12px 28px #00000047}15%{border-color:rgba(var(--accent-rgb), .9)}40%{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .8), 0 0 24px 6px rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), 1)}80%{box-shadow:0 0 0 1px rgba(var(--accent-rgb), .3), 0 12px 28px #00000047;background:#ffffff14}to{border-color:var(--border);background:#ffffff14;box-shadow:0 12px 28px #00000047}}@keyframes icon-glow-pulse{0%{border-color:var(--border);box-shadow:0 12px 28px #00000047}30%{box-shadow:0 0 0 3px rgba(var(--accent-rgb), .85), 0 0 28px 8px rgba(var(--accent-rgb), .5);border-color:rgba(var(--accent-rgb), 1)}65%{box-shadow:0 0 0 2px rgba(var(--accent-rgb), .4), 0 8px 28px rgba(var(--accent-rgb), .25);border-color:rgba(var(--accent-rgb), .55)}to{border-color:var(--border);box-shadow:0 12px 28px #00000047}}@keyframes icon-flash-selected{0%{box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .48)}20%{border-color:#fffffff2;box-shadow:0 0 0 3px #fffffff2,0 0 26px 6px #ffffff80}55%{box-shadow:0 0 0 2px rgba(var(--accent-rgb), .6), 0 0 16px 3px rgba(var(--accent-rgb), .35);border-color:rgba(var(--accent-rgb), .75)}to{box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .48)}}@keyframes icon-gradient-sweep-selected{0%{box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .48)}40%{box-shadow:0 0 0 3px rgba(var(--accent-rgb), 1), 0 0 32px 8px rgba(var(--accent-rgb), .6);border-color:rgba(var(--accent-rgb), 1)}to{box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .48)}}@keyframes icon-glow-pulse-selected{0%{box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .48)}30%{box-shadow:0 0 0 3px rgba(var(--accent-rgb), 1), 0 0 32px 10px rgba(var(--accent-rgb), .65);border-color:rgba(var(--accent-rgb), 1)}65%{box-shadow:0 0 0 2px rgba(var(--accent-rgb), .55), 0 8px 28px rgba(var(--accent-rgb), .38);border-color:rgba(var(--accent-rgb), .7)}to{box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .48)}}.coverflow-item img{object-fit:contain;width:100%;height:100%;padding:10px}.coverflow-item.fallback{color:var(--text-main);text-align:center;padding:10px;font-size:.86rem;font-weight:800;line-height:1.08}.coverflow-arrow{z-index:3;border:1px solid var(--border);width:38px;height:38px;color:var(--text-main);background:#0c0f14ad;border-radius:999px;justify-content:center;align-items:center;font-size:1.6rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.coverflow-arrow.left{left:0}.coverflow-arrow.right{right:0}.track-info{text-align:left;flex-direction:column;grid-area:info;justify-content:flex-start;align-items:flex-start;min-width:0;min-height:0;display:flex}.track-info h2{letter-spacing:0;overflow-wrap:anywhere;width:100%;margin:0;font-size:clamp(2.1rem,4.5vw,3.1rem);font-weight:850;line-height:.96}#now-playing{width:100%;min-height:58px;margin-top:18px}#now-playing .now-artist,#now-playing .now-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#now-playing .now-artist{color:var(--accent);font-size:clamp(1rem,2vw,1.18rem);font-weight:800}#now-playing .now-title{color:var(--text-main);margin-top:3px;font-size:clamp(.96rem,1.6vw,1.08rem);font-weight:600}#now-playing.hidden{visibility:hidden}.track-info p{color:var(--text-muted);margin:12px 0 0;font-size:.98rem}.station-meta-row{flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-top:12px;display:flex}.station-health-summary{width:fit-content;color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;margin-top:0;padding:5px 10px;font-size:.76rem;font-weight:800;line-height:1.2;display:inline-flex}.station-health-summary-info{color:#ffd0d0;background:#ff848424;border-color:#ff848457}.station-health-summary-healthy{color:#b6ffd0;background:#84f2a824;border-color:#84f2a857}.station-health-summary-warning{color:#ffd99a;background:#ffb84d24;border-color:#ffb84d57}.station-health-summary-proxy{color:#ffc2c2;background:#ff848424;border-color:#ff848452}.station-health-detail{color:var(--text-soft);max-width:54ch;margin-top:7px;font-size:.82rem;line-height:1.35}.station-health-detail-warning{color:#ffd99a}.station-health-detail-proxy{color:#ffc2c2}.session-summary-btn{background:linear-gradient(135deg, rgba(var(--accent-rgb), .12), rgba(var(--accent-3-rgb), .08)), #ffffff0b;width:100%;color:var(--text-main);text-align:left;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:12px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.session-summary-section{grid-area:session}.session-summary-btn:hover{border-color:rgba(var(--accent-rgb), .34);transform:translateY(-1px);box-shadow:0 14px 30px #0000002e}.session-summary-icon{width:38px;height:38px;color:var(--accent);background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.session-summary-copy{gap:3px;min-width:0;display:grid}.session-summary-label{color:var(--text-main);font-size:.84rem;font-weight:850}.session-summary-text{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:700;overflow:hidden}.session-scheduler-btn{position:relative}.session-scheduler-btn.session-active{border-color:rgba(var(--accent-rgb), .42);background:rgba(var(--accent-rgb), .14);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .08), 0 10px 22px rgba(var(--accent-rgb), .16)}.session-scheduler-badge{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px rgba(var(--accent-rgb), .85);border-radius:999px;position:absolute;top:8px;right:8px}.session-scheduler-modal{border-color:rgba(var(--accent-rgb), .18);background:radial-gradient(circle at top left, rgba(var(--accent-rgb), .12), transparent 34%), radial-gradient(circle at bottom right, rgba(var(--accent-3-rgb), .12), transparent 32%), var(--panel-strong);gap:18px;width:min(760px,100%);padding:26px}.session-scheduler-top{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.session-scheduler-eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:.74rem;font-weight:850}.session-scheduler-intro{max-width:52ch;color:var(--text-muted);margin:10px 0 0;font-size:.9rem;line-height:1.5}.session-scheduler-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.session-panel{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:22px;min-width:0;padding:18px;box-shadow:inset 0 1px #ffffff0d}.session-panel-sleep{background:linear-gradient(180deg, rgba(var(--accent-rgb), .08), transparent 55%), #ffffff0b}.session-panel-wake{background:linear-gradient(180deg, rgba(var(--accent-3-rgb), .1), transparent 55%), #ffffff0b}.session-panel-heading{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;display:grid}.session-panel-icon{width:42px;height:42px;color:var(--accent);background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.session-panel-heading h3{color:var(--text-main);margin:0;font-size:1.02rem;font-weight:850}.session-panel-heading p{color:var(--text-soft);margin:6px 0 0;font-size:.82rem;line-height:1.45}.session-tool-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.session-chip,.session-link-btn{color:var(--text-main);font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;font-weight:800;transition:transform .14s,border-color .14s,background .14s,color .14s,box-shadow .14s}.session-chip{border-radius:999px;min-height:40px;padding:0 14px;font-size:.8rem}.session-chip.secondary{color:var(--text-soft)}.session-chip.active,.session-chip:hover,.session-link-btn:hover{border-color:rgba(var(--accent-rgb), .4);background:rgba(var(--accent-rgb), .14);transform:translateY(-1px);box-shadow:0 10px 18px #0000001f}.session-tool-status{color:var(--text-soft);margin-top:14px;font-size:.8rem;font-weight:700}.session-tool-status-strong{color:var(--text-main)}.session-scheduler-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.session-scheduler-footnote{color:var(--text-soft);font-size:.76rem;font-weight:700;line-height:1.4}.session-scheduler-footer .btn{width:auto;min-width:140px}.song-history-panel{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;width:100%;margin-top:14px;padding:14px}.song-history-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.song-history-header h3{color:var(--text-main);margin:0;font-size:.9rem;font-weight:850}.session-link-btn{border-radius:999px;min-height:30px;padding:0 10px;font-size:.74rem}.song-history-list{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.song-history-item{min-width:0}.song-history-track{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:800;overflow:hidden}.song-history-meta{color:var(--text-soft);margin-top:3px;font-size:.74rem;font-weight:700}.status-indicator-wrap{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;font-size:.8rem;line-height:1;display:flex}.quickpick-sync-info{width:min(340px,100vw - 32px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;z-index:24;text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:6px;padding:0;display:flex;position:fixed;bottom:16px;right:16px}.quickpick-sync-info .catalog-sync-history{margin-top:0}.catalog-sync-status{width:fit-content;color:var(--text-main);letter-spacing:.01em;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;margin-top:0;padding:0;font-size:.75rem;font-weight:800;display:inline-flex}.catalog-sync-status.is-warning{color:#ff9db0}.catalog-sync-status-time{color:var(--text-muted);font-weight:700}.catalog-sync-status-time:not(:empty):before{content:"·";color:var(--text-soft);margin-right:8px}.catalog-sync-status:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px rgba(var(--accent-rgb), .7);border-radius:50%}.catalog-sync-status.is-warning:before{background:var(--danger);box-shadow:0 0 10px #ff7087b3}.catalog-sync-history{color:var(--text-soft);letter-spacing:.01em;font-size:.74rem;font-weight:700}@media (width<=760px){.quickpick-sync-info{display:none!important}}.status-dot{background-color:var(--success);width:8px;height:8px;box-shadow:0 0 12px var(--success);border-radius:50%}.engine-badge{border:1px solid var(--border);color:var(--text-main);letter-spacing:0;text-transform:uppercase;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.engine-badge svg{width:13px;height:13px}.engine-cast{border-color:#8fb3ff7a;box-shadow:0 0 14px #8fb3ff1f}.engine-airplay{border-color:#4dd7c885;box-shadow:0 0 14px #4dd7c824}.engine-html{border-color:#ffffff2e}.cast-output-row{align-items:center;gap:8px;margin-top:12px;display:flex}.cast-output-label{color:var(--text-soft);font-size:.8rem}.cast-output-toggle{border:1px solid var(--border);color:var(--text-main);background:#ffffff12;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.cast-output-toggle[aria-pressed=true]{color:var(--success);background:#84f2a81f;border-color:#84f2a880}.controls-section{grid-area:controls;grid-template-columns:64px 96px 64px;justify-content:center;align-items:center;gap:18px;display:grid}.control-btn{color:var(--text-main);border:none;justify-content:center;align-items:center;transition:transform .14s,background .14s,box-shadow .14s;display:flex}.control-btn:hover{transform:translateY(-2px)}.control-btn:active{transform:scale(.96)}.control-btn.secondary{border:1px solid var(--border);background:#ffffff12;border-radius:18px;width:64px;height:64px}.control-btn.primary{background:linear-gradient(145deg, var(--accent), var(--accent-3));width:96px;height:96px;box-shadow:0 18px 42px rgba(var(--accent-rgb), .24), inset 0 1px 0 #ffffff47;border-radius:28px}.control-btn.primary.playing{animation:2s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%,to{box-shadow:0 18px 42px rgba(var(--accent-rgb), .24), 0 0 0 0 rgba(var(--accent-rgb), .34)}50%{box-shadow:0 18px 42px rgba(var(--accent-rgb), .24), 0 0 0 10px rgba(var(--accent-rgb), 0)}}.icon-container{width:34px;height:34px;position:relative}.icon-container svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.volume-section{grid-area:volume;grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:12px;width:100%;display:grid}.slider-container{min-width:0}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff29;border-radius:999px;height:7px}input[type=range]::-webkit-slider-thumb{border:3px solid var(--page-bg);background:var(--accent);-webkit-appearance:none;border-radius:50%;width:19px;height:19px;margin-top:-6px;box-shadow:0 0 0 1px #ffffff3d,0 8px 16px #0000003d}#volume-value{color:var(--text-muted);text-align:right;font-size:.86rem;font-weight:700}.install-prompt-banner{display:none}.hidden{display:none!important}.overlay{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#070a0ead;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.overlay:not(.hidden){opacity:1;pointer-events:auto}.modal{border:1px solid var(--border);background:var(--panel-strong);width:min(860px,100%);max-height:min(760px,100vh - 40px);box-shadow:var(--shadow);color:var(--text-main);border-radius:24px;flex-direction:column;padding:22px;animation:.2s pop;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h2{letter-spacing:0;margin:0 0 16px;font-size:clamp(1.18rem,2.5vw,1.5rem);font-weight:850}.shortcut-help-modal{max-width:min(460px,100vw - 32px)}.shortcut-help-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.shortcut-help-list li{background:#ffffff0b;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:11px 12px;display:grid}.shortcut-help-list kbd{border:1px solid rgba(var(--accent-rgb), .28);background:rgba(var(--accent-rgb), .12);min-height:32px;color:var(--text-main);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;font-size:.8rem;font-weight:850;display:inline-flex}.device-list{margin:0 0 18px;padding:2px;list-style:none;overflow-y:auto}.stations-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.station-card,.device{background:#ffffff0e;border:1px solid #ffffff1a;list-style:none;transition:transform .14s,background .14s,border-color .14s}.station-card{cursor:pointer;border-radius:16px;align-items:center;gap:12px;min-height:88px;padding:12px;display:flex}.station-card:hover,.device:hover{border-color:var(--border-strong);background:#ffffff17;transform:translateY(-2px)}.station-card.selected{border-color:rgba(var(--accent-rgb), .52);background:linear-gradient(135deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-3-rgb), .12))}.station-card-left{flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.station-card-logo,.station-card-fallback{background:#ffffff14;border-radius:14px;width:58px;height:58px}.station-card-logo{object-fit:contain;padding:8px}.station-card-fallback{justify-content:center;align-items:center;font-size:1.2rem;font-weight:850;display:flex}.station-card-body{min-width:0}.station-card-title{color:var(--text-main);font-size:.98rem;font-weight:800;line-height:1.12}.station-card-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:.82rem;overflow:hidden}.station-card-health{width:fit-content;color:var(--text-main);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;margin-top:7px;padding:3px 8px;font-size:.7rem;font-weight:800;line-height:1.2;display:inline-flex}.station-card-health-healthy{color:#b6ffd0;background:#84f2a824;border-color:#84f2a857}.station-card-health-warning{color:#ffd99a;background:#ffb84d24;border-color:#ffb84d57}.station-card-health-proxy{color:#ffc2c2;background:#ff848424;border-color:#ff848452}.device{border-radius:14px;margin-bottom:10px;padding:13px 14px}.device-main{color:var(--text-main);font-size:.94rem;font-weight:800}.device-sub{color:var(--text-muted);overflow-wrap:anywhere;margin-top:4px;font-size:.78rem}.editor-station-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-station-copy{min-width:0}.editor-station-actions,.editor-actions{align-items:center;gap:8px;display:flex}.editor-tools{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.editor-tools .btn{flex:160px}.hidden-file-input{display:none}.editor-note{color:var(--text-muted);margin:0 0 12px;font-size:.82rem}.editor-note strong{color:var(--text-main)}.editor-note-subtle{margin-top:-4px;font-size:.78rem}.editor-checkbox{color:var(--text-muted);align-items:center;gap:10px;margin:-4px 0 16px;font-size:.82rem;display:inline-flex}.editor-checkbox input{width:16px;height:16px;accent-color:var(--accent);margin:0}.field-row{margin-bottom:10px}.modal input,.modal textarea,.modal select{border:1px solid var(--border);width:100%;color:var(--text-main);background:#ffffff0f;border-radius:12px;padding:12px 13px;box-shadow:inset 0 1px #ffffff08}.modal input::placeholder,.modal textarea::placeholder{color:var(--text-soft)}.btn{min-height:42px;color:var(--text-main);background:#ffffff17;border:1px solid #0000;border-radius:12px;padding:10px 16px;font-weight:800;transition:transform .14s,background .14s,border-color .14s}.btn:hover{border-color:var(--border-strong);background:#ffffff21;transform:translateY(-1px)}.btn.cancel{color:#0c1819;background:var(--accent);width:100%}.btn.secondary{background:#ffffff14}.btn.edit-btn{color:#071314;background:var(--accent)}.btn.delete-btn{color:#ffd3db;background:#ff708729;border-color:#ff708740}#add-station-form{border-top:1px solid #ffffff1a;padding-top:16px}.cast-btn,.install-btn{gap:8px;width:auto;padding:0 12px}.cast-btn span,.install-btn span{font-size:.86rem;font-weight:800;line-height:1}.cast-btn:not(.cast-ready){color:var(--text-soft)}.cast-btn.cast-active,.cast-btn.cast-ready:hover{background:#8fb3ff24;border-color:#8fb3ff80}.cast-btn.cast-airplay-active,.cast-btn.cast-airplay-active:hover{background:#4dd7c826;border-color:#4dd7c88f}@media (width<=1100px){body.library-open{overflow:hidden}.station-library{z-index:1200;opacity:0;visibility:hidden;pointer-events:none;border-radius:24px;grid-template-rows:auto auto auto auto auto minmax(0,1fr);height:auto;min-height:0;max-height:min(82vh,720px);padding:18px;transition:transform .24s,opacity .24s,visibility .24s;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(calc(100% + 24px))}.station-library.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.library-close{display:inline-flex}.library-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (height<=780px) and (width>=761px){.artwork-container{border-radius:26px;width:min(100%,300px);padding:8px}.artwork-placeholder{border-radius:20px}.station-logo-img{padding:10px}.track-info h2{font-size:clamp(1.9rem,4vw,2.8rem)}.station-meta-row{gap:8px;margin-top:10px}.session-summary-btn{padding:11px}.song-history-panel{margin-top:12px;padding:12px}.controls-section{grid-template-columns:56px 84px 56px;gap:14px;margin-top:8px}.control-btn.secondary{border-radius:16px;width:56px;height:56px}.control-btn.primary{border-radius:24px;width:84px;height:84px}.icon-container{width:30px;height:30px}.volume-section{grid-template-columns:38px minmax(0,1fr) 44px;gap:10px}.quickpick-section{align-self:end}.artwork-coverflow{height:108px}.coverflow-item{border-radius:18px;width:82px;height:72px}.coverflow-item img{padding:8px}.legal-links{margin-top:0}}@media (height<=700px) and (width>=761px){.icon-btn{border-radius:11px;width:38px;height:38px}.artwork-container{border-radius:22px;width:min(100%,260px);padding:7px}.artwork-placeholder{border-radius:18px}.track-info h2{font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:.94}#now-playing{min-height:44px;margin-top:12px}.track-info p{margin-top:9px;font-size:.9rem}.station-meta-row{gap:7px;margin-top:9px}.station-health-summary{padding:4px 9px;font-size:.72rem}.status-indicator-wrap{gap:7px;font-size:.76rem}.engine-badge{padding:4px 8px;font-size:.68rem}.station-health-detail{margin-top:6px;font-size:.78rem}.song-history-panel{margin-top:10px;padding:10px 12px}.song-history-list{gap:8px}.controls-section{grid-template-columns:48px 72px 48px;gap:12px;margin-top:12px}.control-btn.secondary{border-radius:14px;width:48px;height:48px}.control-btn.primary{border-radius:22px;width:72px;height:72px}.icon-container{width:26px;height:26px}.volume-section{grid-template-columns:36px minmax(0,1fr) 42px;gap:8px;margin-top:2px}.session-summary-btn{border-radius:16px;padding:10px 11px}.session-summary-icon{border-radius:11px;width:34px;height:34px}.session-summary-label{font-size:.8rem}.session-summary-text{font-size:.72rem}.artwork-coverflow{height:88px}.coverflow-item{border-radius:16px;width:70px;height:62px}.coverflow-item img{padding:7px}.legal-link{width:28px;height:28px}}@media (width<=760px){body{overflow:hidden}.library-tab{border-radius:11px;min-height:36px}.library-tab-icon{width:17px;height:17px}.station-library{border-radius:22px;grid-template-rows:auto auto auto auto auto minmax(0,1fr);gap:11px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:15px;inset:8px}.library-top h2{font-size:1.18rem}.library-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.library-filter-grid,.session-scheduler-grid{grid-template-columns:1fr}.session-scheduler-footer{flex-direction:column;align-items:stretch}.session-scheduler-footer .btn{width:100%}.library-select-menu{max-height:240px}.library-list{-webkit-overflow-scrolling:touch;padding-bottom:10px;padding-right:0;-webkit-mask-image:none;mask-image:none}.library-tab{min-width:0;min-height:34px}.library-station{border-radius:15px;grid-template-columns:44px minmax(0,1fr) 32px;gap:9px;min-height:66px;padding:9px}.library-station-logo,.library-station-fallback{border-radius:13px;width:44px;height:44px}.favorite-btn{border-radius:11px;width:32px;height:32px}#edit-stations-btn,#install-app-btn{display:none}.icon-btn{border-radius:12px;width:40px;height:40px}.cast-btn,.install-btn{width:40px;min-width:40px;padding:0}.cast-btn span,.install-btn span{display:none}.artwork-section{align-self:center}#station-health-detail{display:none!important}.artwork-stack{gap:6px;width:100%}.artwork-container{border-radius:18px;width:min(34vw,132px,22dvh);max-height:min(132px,22dvh);padding:4px}.artwork-placeholder{border-radius:16px}.station-logo-img{width:72%;height:72%;padding:6px}.station-logo-text{font-size:clamp(1rem,4.8vw,1.55rem)}.artwork-coverflow{width:min(100%,100vw - 42px);height:72px;margin-inline:auto}.artwork-coverflow-stage{inset:0 38px}.coverflow-item{border-radius:14px;width:60px;height:52px}.coverflow-item.fallback{font-size:.66rem}.coverflow-arrow{background:#0c0f14c7;width:32px;height:32px}.track-info{text-align:center;justify-content:center;align-items:center;min-height:72px}.track-info h2{white-space:nowrap;text-overflow:clip;font-size:clamp(1.45rem,8vw,2.25rem);overflow:hidden}.track-info h2.station-title-marquee{overflow:hidden}.track-info h2.station-title-marquee .station-title-track{will-change:transform;width:max-content;animation:10s linear infinite station-title-scroll;display:inline-flex}.track-info h2 .station-title-text,.track-info h2 .station-title-copy{white-space:nowrap;display:inline-block}.track-info p{display:none}#now-playing{min-height:34px;margin-top:8px}.status-indicator-wrap,.cast-output-row{justify-content:center}.controls-section{grid-template-columns:50px 72px 50px;justify-content:center;gap:10px}.control-btn.secondary{border-radius:15px;width:50px;height:50px}.control-btn.primary{border-radius:20px;width:72px;height:72px}.volume-section{grid-template-columns:36px minmax(0,1fr) 38px;gap:8px;padding-bottom:0}.volume-section #volume-value{font-size:.78rem}.quickpick-section{align-self:end}.quickpick-section .artwork-coverflow{max-width:100%}.legal-links{justify-content:center;margin-top:0}.legal-link{width:30px;height:30px}.install-prompt-banner{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9999;border:1px solid rgba(var(--accent-rgb), .22);background:linear-gradient(145deg, rgba(var(--theme-panel-rgb), .94), #ffffff0f), linear-gradient(135deg, rgba(var(--accent-rgb), .14), rgba(var(--accent-3-rgb), .1));-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;max-width:640px;margin:0 auto;padding:10px 12px;display:flex;position:fixed;box-shadow:0 16px 38px #00000057}.install-prompt-banner.hidden{display:none}.install-prompt-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.install-prompt-copy strong{color:var(--text-main);font-size:.92rem;font-weight:850}.install-prompt-copy span{color:var(--text-muted);font-size:.76rem;line-height:1.2}.install-prompt-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.install-prompt-action,.install-prompt-dismiss{border-radius:11px;min-height:36px;padding:0 11px}.install-prompt-action{color:#0c1819;background:var(--accent)}.overlay{align-items:end;padding:0}.modal{border-inline:none;border-bottom:none;border-radius:22px 22px 0 0;width:100%;max-height:88vh;padding:18px}.stations-grid{grid-template-columns:1fr;gap:10px}.editor-station-row{flex-direction:column;align-items:stretch}.editor-station-actions,.editor-actions{flex-wrap:wrap;width:100%}.editor-station-actions .btn,.editor-actions .btn,.editor-tools .btn{flex:1}}@keyframes station-title-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (width>=761px) and (width<=980px){.artwork-container{width:min(100%,320px)}.track-info h2{font-size:clamp(2rem,5vw,3.7rem)}}@media (width>=761px) and (height<=860px){#station-subtitle,#cast-output-row,#station-health-detail{display:none!important}.quickpick-sync-info{min-height:44px;margin-top:10px}.artwork-container{width:min(100%,360px)}.track-info h2{font-size:clamp(1.9rem,4vw,2.8rem)}.status-indicator-wrap{margin-top:10px}.station-health-summary{margin-top:8px}}@media (width<=760px) and (height<=650px){.artwork-container{width:min(26vw,100px,16dvh)}.artwork-coverflow{height:56px}.coverflow-item{width:50px;height:44px}.track-info{min-height:72px}.track-info h2{font-size:clamp(1.25rem,7vw,1.8rem)}}@media (width<=380px){.artwork-container{width:min(47vw,238px)}.artwork-coverflow{height:80px}.coverflow-item{width:62px;height:56px;font-size:.66rem}.controls-section{grid-template-columns:52px 76px 52px;gap:12px}.control-btn.secondary{width:52px;height:52px}.control-btn.primary{width:76px;height:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--qp-midnight:#071426;--qp-line:#66b4ff36;--qp-line-strong:#459ae67a;--qp-muted:#8fa6bf;--qp-text-dim:#97b0c8;--qp-cyan:#00d4ff;--qp-cyan-soft:#55cfff;--qp-blue:#06f;--qp-live:#18e1c5;--qp-sidebar-w:252px;--qp-header-h:66px;--qp-player-h:104px;--qp-mobile-nav-h:0px;--qp-gutter:26px;--qp-radius-card:9px;--qp-radius-control:12px;--qp-card-bg:linear-gradient(135deg, #0d2948, #0a2038);--qp-card-border:#5c9cd333;--qp-panel-bg:#061b32ad;--qp-panel-border:#488ecd47;--qp-focus:0 0 0 2px #071426, 0 0 0 4px #55cfff;--qp-font:"Inter Variable", Inter, "Segoe UI", system-ui, -apple-system, sans-serif}html,body{background:var(--qp-midnight);height:100%;font-family:var(--qp-font);overflow:hidden}body{color:#fff;background:radial-gradient(circle at 70% 20%, #0066ff17, transparent 40%), var(--qp-midnight)}body:before,body:after{display:none}#root{height:100%}.qp-shell{grid-template-columns:var(--qp-sidebar-w) minmax(0, 1fr);grid-template-rows:var(--qp-header-h) minmax(0, 1fr) var(--qp-player-h);width:100%;height:100dvh;font-family:var(--qp-font);display:grid;overflow:hidden}:where(.qp-shell) a{color:inherit;text-decoration:none}.qp-shell :focus-visible{box-shadow:var(--qp-focus);outline:none}.qp-skip{z-index:100;color:#00152c;background:#4ddfff;border-radius:8px;padding:8px 14px;font-weight:600;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.qp-skip:focus{transform:none}.qp-sidebar{z-index:20;scrollbar-width:none;background:linear-gradient(#06162b 0%,#071a31 65%,#07182d 100%);border-right:1px solid #327dbe40;flex-direction:column;grid-area:1/1/4;min-height:0;padding:16px 16px 0;display:flex;overflow:hidden auto}.qp-sidebar::-webkit-scrollbar{display:none}.qp-brand{height:var(--qp-header-h);border-radius:8px;flex:none;justify-content:center;align-items:center;margin-top:-16px;padding:0 4px;display:flex;position:relative}.qp-brand:after{background:var(--qp-line);content:"";pointer-events:none;height:1px;position:absolute;bottom:0;left:-16px;right:-16px}.qp-brand__logo{object-fit:contain;object-position:center;width:136px;max-width:100%;height:46px;max-height:100%;position:relative}.qp-nav{flex-direction:column;gap:8px;padding-top:8px;display:flex}.qp-nav__group{flex-direction:column;gap:4px;display:flex}.qp-nav__group-label{color:#7f9ab5;letter-spacing:.12em;text-transform:uppercase;margin:8px 14px 2px;font-size:10px;font-weight:750}.qp-nav__divider{background:#83b1da29;height:1px;margin:4px 4px 8px}.qp-nav__item{border-radius:var(--qp-radius-control);color:#dce9f7;border:1px solid #0000;align-items:center;gap:14px;height:48px;padding:0 14px;font-size:14px;font-weight:550;transition:background-color .15s,border-color .15s,color .15s;display:flex}.qp-nav__item svg{flex:none}.qp-nav__item:hover{color:#fff;background:#1448794d;border-color:#66b4ff2e}.qp-nav__item.is-active{color:#fff;box-shadow:inset 3px 0 0 var(--qp-cyan);background:linear-gradient(90deg,#0066ff3d,#1252972e);border-color:#009dff70}.qp-nav__item.is-active svg{color:#54ddff}.qp-sidebar__footer{border-top:1px solid #83b1da29;flex:none;margin-top:auto;padding:14px 4px 12px}.qp-sidebar__canary{aspect-ratio:1;object-fit:cover;width:100%;height:auto;margin:0 auto;display:block}.qp-sidebar__closing{color:var(--text-main);font-family:var(--qp-font);letter-spacing:.14em;text-align:left;text-transform:uppercase;margin:0 12px 12px;font-size:14px;font-weight:500;line-height:1.5}.qp-topbar{z-index:10;background:linear-gradient(90deg,#07192e,#08213a);border-bottom:1px solid #296eab42;grid-area:1/2;align-items:center;gap:24px;min-width:0;padding:0 30px 0 clamp(0px,10vw,168px);display:flex}.qp-search{color:#aac0d8;align-items:center;gap:12px;min-width:0;display:flex}.qp-search svg{flex:none}.qp-search input{color:#fff;min-width:0;font:inherit;appearance:none;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:13px}.qp-search input::placeholder{color:#91a9c2}.qp-search input::-webkit-search-cancel-button{filter:invert()opacity(.6)}.qp-search__kbd{color:#a6bbd0;font:inherit;white-space:nowrap;background:#648bb41a;border:1px solid #93b6d63d;border-radius:7px;padding:3px 8px;font-size:12px}.qp-search--global{border:1px solid var(--qp-line-strong);background:#0f2e4ebf;border-radius:24px;flex:1;max-width:812px;height:43px;padding:0 16px;box-shadow:inset 0 1px 1px #ffffff08}.qp-search--global:focus-within,.qp-search--hero:focus-within{border-color:var(--qp-cyan);box-shadow:0 0 0 3px #00d4ff2e}.qp-search--global :focus-visible,.qp-search--hero :focus-visible{box-shadow:none}.qp-search--hero{background:#0a2644e6;border:2px solid #00cbff;border-radius:13px;width:100%;max-width:575px;height:49px;padding:0 14px;box-shadow:0 0 22px #00d4ff1f}.qp-search--hero input{font-size:14px}.qp-account{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.qp-tools{align-items:center;gap:4px;display:flex}.qp-icon-btn{color:#cfe0f2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:inline-grid;position:relative}.qp-icon-btn:hover{color:#fff;background:#14487973}.qp-icon-btn[aria-expanded=true],.qp-icon-btn.active{color:#54ddff;background:#06f3;border-color:#009dff73}.qp-badge{background:var(--qp-cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.qp-account__btn{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:12px;padding:4px 6px 4px 4px;transition:background-color .15s;display:flex}.qp-account__btn:hover{background:#14487959}.qp-account__avatar{color:#cfe6ff;background:linear-gradient(135deg,#123a63,#0b2a4a);border:2px solid #acd8ff;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.qp-account__text{text-align:left;line-height:1.1;display:grid}.qp-account__text small{color:#b1c5d9;margin-bottom:5px;font-size:11px}.qp-account__text strong{font-size:16px;font-weight:600}.qp-account__btn .when-in,.qp-account__btn.active .when-out{display:none}.qp-account__btn.active .when-in{display:block}.qp-main{background:var(--qp-midnight);grid-area:2/2;min-width:0;min-height:0;position:relative}.qp-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#173b5e var(--qp-midnight);height:100%;overflow:hidden auto}.qp-scroll::-webkit-scrollbar{background:0 0;width:7px}.qp-scroll::-webkit-scrollbar-thumb{background:#173b5e;border:0;border-radius:10px}.qp-hero{border-bottom:1px solid #4381be29;height:300px;position:relative;overflow:hidden}.qp-hero--discover{height:347px}.qp-hero__bg{background-position:50%;background-size:cover;position:absolute;inset:0 0 0 37%}.qp-hero--discover .qp-hero__bg{inset:0 0 0 35%}.qp-hero__scrim{background:linear-gradient(90deg,#071426 0% 34%,#071426d1 45%,#0714261a 73%,#0714260d 100%);position:absolute;inset:0}.qp-hero__body{z-index:2;max-width:640px;padding:43px 28px 25px;position:relative}.qp-hero--discover .qp-hero__body{max-width:620px;padding-top:24px}.qp-eyebrow{color:#6ebfff;letter-spacing:4px;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:400}.qp-hero h1{letter-spacing:-2.5px;margin:0 0 12px;font-size:55px;font-weight:800;line-height:.98}.qp-hero--discover h1{max-width:500px;font-size:52px}.qp-gradient-text{color:#0000;background:linear-gradient(90deg,#00d4ff,#1688ff);-webkit-background-clip:text;background-clip:text}.qp-hero__lede{color:#c3d2e2;max-width:540px;margin:0 0 18px;font-size:16px;line-height:1.42}.qp-hero--discover .qp-hero__lede{margin-bottom:16px}.qp-hero__actions{flex-wrap:wrap;gap:16px;display:flex}.qp-btn{border-radius:var(--qp-radius-control);height:47px;font:inherit;cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:0 20px;font-weight:600;transition:filter .15s,background-color .15s,transform .15s;display:inline-flex}.qp-btn--primary{color:#00152c;background:linear-gradient(90deg,#4ddfff,#06bdf3);box-shadow:0 0 24px #00d4ff3d}.qp-btn--primary:hover{filter:brightness(1.08)}.qp-btn--secondary{color:#f0f7ff;background:#0b2b4cc7;border-color:#4795de73}.qp-btn--secondary:hover{background:#144879b3}.qp-btn__glyph{color:#fff;background:#00152c;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.qp-pills{flex-wrap:wrap;gap:9px;margin-top:11px;display:flex}.qp-pill{border-radius:var(--qp-radius-control);color:#eef7ff;height:39px;font:inherit;cursor:pointer;background:#0c2947;border:1px solid #63a1d961;align-items:center;gap:9px;padding:0 18px;font-size:12px;transition:background-color .15s,border-color .15s;display:inline-flex}.qp-pill:hover{background:#113558;border-color:#00d4ff99}.qp-content{padding:14px var(--qp-gutter) 18px}.qp-content--page{box-sizing:border-box;width:100%;padding-top:28px}.qp-breadcrumbs{color:var(--qp-muted);flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;display:flex}.qp-breadcrumbs a{color:var(--qp-cyan-soft)}.qp-breadcrumbs strong{color:var(--qp-text-dim);font-weight:600}.qp-content__note{color:var(--qp-muted);margin:14px 0 0;font-size:12px}.qp-section{margin-bottom:15px}.qp-section__head{align-items:center;gap:14px;min-height:28px;margin-bottom:2px;display:flex}.qp-section__title{white-space:nowrap;margin:0;font-size:18px;font-weight:700}.qp-section__sub{color:#88a6c5;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.qp-section__link{color:var(--qp-cyan-soft);flex:none;align-items:center;gap:6px;margin-left:auto;padding:4px 0;font-size:12px;display:flex}.qp-section__link:hover{color:#9be9ff}.qp-grid{gap:10px;display:grid}.qp-grid--stations,.qp-grid--art{grid-template-columns:repeat(5,minmax(0,1fr))}.qp-grid--genre{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.qp-grid--results{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.qp-grid--browse{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (width>=2200px){.qp-grid--results{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=1101px) and (width<=1499px){.qp-grid--stations,.qp-grid--art{grid-template-columns:repeat(4,minmax(0,1fr))}.qp-grid--stations>:nth-child(n+5),.qp-grid--art>:nth-child(n+5){display:none}.qp-grid--genre{grid-template-columns:repeat(6,minmax(0,1fr))}.qp-grid--genre>:nth-child(n+7){display:none}}.qp-station-card{content-visibility:auto;contain-intrinsic-size:auto 103px;border:1px solid var(--qp-card-border);border-radius:var(--qp-radius-card);background:var(--qp-card-bg);align-items:center;gap:12px;min-width:0;height:103px;padding:12px;transition:border-color .15s,transform .15s;display:flex;position:relative}.qp-station-card:hover,.qp-station-card:focus-within{border-color:#00d4ff80}.qp-station-card--compact{background:#0b233d;border-radius:8px;gap:10px;height:64px;padding:9px}.qp-station-card__link{border-radius:6px;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.qp-station-card--compact .qp-station-card__link{gap:10px}.qp-artwork{-webkit-backdrop-filter:blur(8px);object-fit:contain;background:#ffffff0f;border-radius:7px;flex:none;width:72px;height:72px}.qp-artwork-host{-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border-radius:7px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.qp-artwork-host>img.qp-artwork{-webkit-backdrop-filter:none;background:0 0;border-radius:4px;width:84%;height:84%;display:block;position:relative}.qp-artwork-host>.qp-artwork--fallback[hidden]{display:none!important}.qp-artwork--fallback{color:#b8efff;background:radial-gradient(circle at 25% 20%,#00d4ff4d,#0000 42%),linear-gradient(145deg,#123d68,#07182f 78%);border:1px solid #00d4ff61;place-items:center;display:grid;overflow:hidden}.qp-artwork__name{color:#e8f8ff;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:90%;font-size:clamp(8px,1.8vw,13px);font-weight:750;line-height:1.12;display:-webkit-box;overflow:hidden}.qp-artwork[data-fallback]{object-fit:cover;background:#10141b}.qp-station-card--compact .qp-artwork{border-radius:6px;width:46px;height:46px;padding:0}.qp-station-card__meta{flex:1;min-width:0;display:block}.qp-station-card__name,.qp-station-card__place,.qp-station-card__tags{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.qp-station-card__name{font-size:14px;font-weight:650}.qp-station-card--compact .qp-station-card__name{font-size:13px}.qp-station-card__place,.qp-station-card__tags{color:var(--qp-text-dim);margin-top:3px;font-size:10px}.qp-station-card__flag{object-fit:cover;vertical-align:-1px;border:1px solid #ffffff59;border-radius:2px;width:18px;height:12px;margin-right:5px;display:inline-block}.qp-station-card__tags{align-items:center;gap:5px;margin-top:6px;display:flex}.qp-station-card__taglist{text-overflow:ellipsis;overflow:hidden}.qp-live-badge{color:var(--qp-live);background:#00bfa61f;border:1px solid #00bfa659;border-radius:4px;flex:none;align-items:center;gap:4px;padding:1px 5px;font-size:9px;display:inline-flex}.qp-live-badge i{background:#00e3c2;border-radius:50%;width:5px;height:5px}.qp-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06f,#0b70c3);border:1.5px solid #00bdf9;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;padding:0;transition:filter .15s,box-shadow .15s;display:grid}.qp-play-btn:hover{filter:brightness(1.15);box-shadow:0 0 16px #00bdf973}.qp-play-btn svg{margin-left:2px}.qp-station-card--compact .qp-play-btn{width:34px;height:34px}.qp-toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:10px;display:flex}.qp-search--filter{border:1px solid var(--qp-line-strong);background:#0f2e4ebf;border-radius:20px;flex:260px;max-width:420px;height:40px;padding:0 14px}.qp-search--filter:focus-within{border-color:var(--qp-cyan);box-shadow:0 0 0 3px #00d4ff2e}.qp-search--filter :focus-visible{box-shadow:none}.qp-field{color:var(--qp-muted);align-items:center;gap:8px;font-size:12px;display:flex}.qp-field select{border:1px solid var(--qp-line-strong);border-radius:var(--qp-radius-control);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:40px;font:inherit;cursor:pointer;background:#0f2e4ebf;padding:0 32px 0 12px;font-size:13px}.qp-chips{scrollbar-width:none;flex:100%;gap:8px;padding:2px 0 4px;display:flex;overflow-x:auto}.qp-chips::-webkit-scrollbar{display:none}.qp-chip{border:1px solid var(--qp-card-border);color:var(--qp-text-dim);font:inherit;cursor:pointer;background:#0f2e4e80;border-radius:999px;flex:none;padding:7px 13px;font-size:12.5px;transition:border-color .15s,color .15s}.qp-chip:hover{border-color:var(--qp-line-strong);color:#fff}.qp-chip[aria-pressed=true]{border-color:var(--qp-cyan);color:#fff;background:#00d4ff24}.qp-chip__count{color:var(--qp-muted);margin-left:3px}.qp-toolbar__count{color:var(--qp-muted);align-items:center;gap:12px;margin:8px 0 12px;font-size:12.5px;display:flex}.qp-link-btn{color:var(--qp-cyan-soft);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.qp-link-btn:hover{color:#9be9ff}.qp-grid--browse>.qp-art-card{content-visibility:auto;contain-intrinsic-size:auto 103px}.qp-carousel{--qp-carousel-cols:5;--qp-carousel-gap:10px;position:relative}.qp-carousel__track{gap:var(--qp-carousel-gap);scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:2px;display:flex;overflow-x:auto}.qp-carousel__track::-webkit-scrollbar{display:none}.qp-carousel__track>*{flex:0 0 calc((100% - (var(--qp-carousel-cols) - 1) * var(--qp-carousel-gap)) / var(--qp-carousel-cols));scroll-snap-align:start;min-width:0}.qp-carousel__btn{z-index:2;width:calc(var(--qp-gutter) - 2px);height:calc(var(--qp-gutter) - 2px);border:1px solid var(--qp-line-strong);color:var(--qp-cyan-soft);cursor:pointer;background:#071426e0;border-radius:50%;place-items:center;transition:opacity .15s,border-color .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.qp-carousel__btn--prev{left:calc(var(--qp-gutter) * -1 + 1px)}.qp-carousel__btn--next{right:calc(var(--qp-gutter) * -1 + 1px)}.qp-carousel__btn:hover:not(:disabled){border-color:var(--qp-cyan)}.qp-carousel__btn:disabled{opacity:0;pointer-events:none}.qp-carousel--rows .qp-carousel__track{grid-auto-flow:column;grid-template-rows:repeat(var(--qp-carousel-rows), auto);grid-auto-columns:calc((100% - (var(--qp-carousel-cols) - 1) * var(--qp-carousel-gap)) / var(--qp-carousel-cols));display:grid}@media (width>=1101px) and (width<=1499px){.qp-carousel{--qp-carousel-cols:4}}@media (width<=1100px){.qp-carousel{--qp-carousel-cols:3}}@media (width<=900px){.qp-carousel{--qp-carousel-cols:2}}@media (width<=760px){.qp-carousel__btn{display:none}.qp-carousel__track{margin-inline:calc(var(--qp-gutter) * -1);padding-inline:var(--qp-gutter);scroll-snap-type:x proximity;scroll-padding-inline:var(--qp-gutter)}.qp-carousel__track>*{flex-basis:min(78vw,280px)}.qp-carousel--rows .qp-carousel__track{grid-auto-columns:min(78vw,280px)}}.qp-carousel--compact{--qp-carousel-cols:5;--qp-carousel-gap:12px}.qp-results-toolbar{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;display:flex}.qp-results-toolbar .qp-search--filter{flex:280px;max-width:520px}.qp-order-tabs{border:1px solid var(--qp-border);background:var(--qp-surface-soft);border-radius:999px;gap:6px;padding:4px;display:inline-flex}.qp-order-tabs .qp-chip{min-width:74px}.qp-order-tabs .qp-chip[aria-selected=true]{background:var(--qp-accent);color:var(--qp-on-accent)}.qp-letter-filter{scrollbar-width:none;flex:100%;gap:6px;padding:2px 0 4px;display:flex;overflow-x:auto}.qp-letter-filter::-webkit-scrollbar{display:none}.qp-letter-filter .qp-chip{text-align:center;min-width:30px;padding-inline:8px}.qp-load-sentinel{height:1px;margin-top:2px}@media (width>=1101px) and (width<=1499px){.qp-carousel--compact{--qp-carousel-cols:4}}@media (width<=1100px){.qp-carousel--compact{--qp-carousel-cols:3}}@media (width<=900px){.qp-carousel--compact{--qp-carousel-cols:2}}@media (width<=760px){.qp-carousel--compact .qp-carousel__track>*{flex-basis:min(72vw,280px)}}@media (prefers-reduced-motion:reduce){.qp-carousel__btn{transition:none}}.qp-art-card{aspect-ratio:16/9;border-radius:var(--qp-radius-card);background:linear-gradient(135deg, hsl(var(--tint,210) 70% 26%), #0a2038 85%);border:1px solid #4a8fcc59;min-width:0;height:auto;transition:border-color .15s,transform .15s;display:block;position:relative;overflow:hidden}.qp-art-card--plain{background:linear-gradient(135deg, hsl(var(--tint,210) 70% 26%), #0a2038 85%)}.qp-art-card--tall{aspect-ratio:16/9;border-color:var(--qp-card-border)}.qp-art-card:after{content:"";background:linear-gradient(#0000 35%,#04101ed9);position:absolute;inset:0}.qp-art-card:hover{border-color:#00d4ff99}.qp-art-card__label{z-index:2;min-width:0;position:absolute;bottom:11px;left:14px;right:52px}.qp-art-card--tall .qp-art-card__label{bottom:8px;left:11px;right:8px}.qp-art-card__label strong,.qp-art-card__label small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.qp-art-card__picture{background:#0d2743;display:block;position:absolute;inset:0;overflow:hidden}.qp-art-card__image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.qp-art-card__flag{object-fit:cover;background:#061d35ad;border:1px solid #ffffff73;border-radius:2px;width:24px;height:16px;margin-bottom:5px;display:block}.qp-country-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.qp-country-mobile{display:none}@media (width<=1499px){.qp-country-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.qp-country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.qp-country-grid{display:none}.qp-country-mobile{display:block}}.qp-art-card__label strong{font-size:14px;font-weight:650}.qp-art-card--tall .qp-art-card__label strong{font-size:12px}.qp-art-card__label small{color:#d1deeb;margin-top:3px;font-size:10px}.qp-art-card__go{z-index:3;background:#061d35ad;border:1px solid #cae5ffa6;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:16px;right:11px}.qp-art-card--tall .qp-art-card__go{display:none}@keyframes qp-shimmer{to{background-position:-200% 0}}.qp-state{border:1px solid var(--qp-panel-border);color:#c3d2e2;background:var(--qp-panel-bg);border-radius:10px;padding:22px}.qp-state strong{font-size:15px;display:block}.qp-state p{color:var(--qp-muted);margin:6px 0 0;font-size:13px}.qp-state a{color:var(--qp-cyan-soft);text-decoration:underline}.qp-state--error{border-color:#ff708773}.qp-page-heading{margin-bottom:18px}.qp-page-heading h1{letter-spacing:-1.2px;margin:0 0 6px;font-size:38px;font-weight:800;line-height:1.05}.qp-page-heading__lede{color:#c3d2e2;margin:0;font-size:15px}.qp-content--library-heading{padding-bottom:0}.qp-station__hero{border-bottom:1px solid #4381be29;min-height:300px;position:relative;overflow:hidden}.qp-station__bg{width:66%;height:100%;display:block;position:absolute;inset:0 0 0 34%}.qp-station__bg-image{object-fit:cover;object-position:center top;opacity:.95;width:100%;height:100%;position:absolute;inset:0}.qp-station__bg--cover{object-fit:cover;object-position:right center;width:100%;height:100%;inset:0}.qp-station__bg--fallback{background:url(/assets/hero-world-home.jpg) 50%/cover no-repeat}.qp-station__hero:after{content:"";background:linear-gradient(90deg,#071426 0% 34%,#071426bf 50%,#07142614 78%);position:absolute;inset:0}.qp-back{z-index:5;color:#61caff;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:inline-flex;position:absolute;top:11px;left:26px}.qp-back:hover{color:#a5e6ff}.qp-station__row{z-index:3;gap:25px;padding:45px 24px 24px 26px;display:flex;position:relative}.qp-station__art{border:1px solid #79c2ff66;border-radius:10px;width:166px;height:166px;box-shadow:0 0 18px #0077ff1f}.qp-station__copy{min-width:0;max-width:560px}.qp-station__live{color:#11e5cd;letter-spacing:1px;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;display:flex}.qp-station__live i{background:#00e3c2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #00e3c2}.qp-station__copy h1{letter-spacing:-1px;overflow-wrap:anywhere;margin:6px 0 2px;font-size:42px;font-weight:800;line-height:1.1}.qp-station__place{color:#d3deea;align-items:center;gap:9px;margin:5px 0 0;font-size:16px;display:flex}.qp-station__country-flag{object-fit:cover;border:1px solid #ffffff80;border-radius:3px;flex:none;width:28px;height:18px}.qp-station__country-link{color:#63d7ff;align-items:center;gap:7px;margin-top:14px;font-size:13px;display:inline-flex}.qp-station__country-link:hover{color:#b0efff}.qp-chips{flex-wrap:wrap;gap:9px;margin:17px 0 0;padding:0;list-style:none;display:flex}.qp-chips li{color:#84ceff;background:#0066ff2e;border:1px solid #0093ffab;border-radius:16px;padding:5px 14px;font-size:11px}.qp-station__actions{align-items:center;gap:28px;margin-top:20px;display:flex}.qp-round-btn{color:#fff;cursor:pointer;background:#0066ff2e;border:2px solid #0cf;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;transition:box-shadow .15s,background-color .15s;display:grid}.qp-round-btn:hover,.qp-round-btn.is-playing{background:#0066ff57;box-shadow:0 0 20px #00d4ff4d}.qp-action{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 4px;display:inline-flex}.qp-action:hover{color:#9be9ff}.qp-action--favorite{min-height:48px}.qp-action--favorite.is-active{color:#9be9ff}.qp-action--favorite:disabled{cursor:wait;opacity:.65}.qp-favorites{box-sizing:border-box;width:100%;min-width:0;padding:28px var(--qp-gutter) 36px}.qp-favorites h1,.qp-favorites h2,.qp-favorites p{margin-top:0}.qp-favorites__header{grid-template-columns:1fr auto;align-items:end;gap:6px 24px;margin-bottom:22px;display:grid}.qp-favorites__header .qp-eyebrow{color:var(--accent-2);letter-spacing:.12em;grid-column:1/-1;margin:0;font-size:.75rem;font-weight:800}.qp-favorites__header h1{margin-bottom:6px}.qp-favorites__header p,.qp-favorites__header>strong{color:var(--text-muted)}.qp-favorites__toolbar{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.qp-favorites__toolbar label{border:1px solid var(--border);background:#ffffff0d;border-radius:12px;flex:280px;align-items:center;gap:8px;min-height:44px;padding:0 12px;display:flex}.qp-favorites__toolbar input{width:100%;min-width:0;color:var(--text-main);font:inherit;background:0 0;border:0;outline:0}.qp-favorites__toolbar select,.qp-favorites__toolbar>button,.qp-favorites__more,.qp-favorites__quick button{border:1px solid var(--border);min-height:44px;color:var(--text-main);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:12px}.qp-favorites__toolbar select{padding:0 10px}.qp-favorites__toolbar>button{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.15);align-items:center;gap:7px;padding:0 14px;font-weight:750;display:flex}.qp-favorites__toolbar>button:disabled{opacity:.5;cursor:not-allowed}.qp-favorites__on-air,.qp-favorites__quick{margin:30px 0}.qp-favorites__on-air>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;display:grid}.qp-favorites__quick>div{gap:8px;display:flex;overflow-x:auto}.qp-favorites__quick button{flex:none;padding:0 14px}.qp-favorites__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.qp-favorites__rows{display:none}.qp-favorite-card{border:1px solid var(--qp-card-border);background:var(--qp-card-bg);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;min-width:0;min-height:124px;padding:14px;display:grid;position:relative}.qp-favorite-card__station{color:var(--text-main);align-items:center;gap:12px;text-decoration:none;display:flex}.qp-favorite-card__station .qp-artwork-host,.qp-favorite-card__station>.qp-artwork{aspect-ratio:1;width:72px;height:72px;margin:0}.qp-favorite-card__station strong,.qp-favorite-card__station small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.qp-favorite-card__station small{color:var(--text-muted);margin-top:4px}.qp-favorite-card>p{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 0 84px;font-size:.88rem;overflow:hidden}.qp-favorite-card__actions{flex-direction:column;grid-area:1/2/span 2;justify-content:center;gap:2px;display:flex}.qp-favorites__heart,.qp-favorite-card__play{cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.qp-favorites__heart{color:var(--accent-2);background:0 0}.qp-favorite-card__play{background:var(--accent);color:#fff}.qp-favorites__more{margin:22px auto 0;padding:0 18px;display:block}.qp-favorites__state{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:18px;justify-items:center;gap:10px;padding:46px 20px;display:grid}.qp-favorites__state strong{color:var(--text-main)}.qp-favorites__state a,.qp-favorites__state button{color:var(--accent-2)}.qp-favorite-card__station{grid-area:1/1;min-width:0}.qp-favorite-card__station .qp-artwork-host,.qp-favorite-card__station>.qp-artwork{flex:none}.qp-favorite-card__meta{flex:1;min-width:0;display:block}.qp-favorite-card__meta strong{overflow-wrap:anywhere;line-height:1.35;display:block}.qp-favorite-card--row .qp-favorite-card__station{flex-direction:row;align-items:center}.qp-favorite-card--row .qp-favorite-card__meta{flex:1;width:auto}.qp-favorites__on-air .qp-favorite-card__station{flex-direction:row;align-items:center}.qp-favorites__on-air .qp-favorite-card__station .qp-artwork-host,.qp-favorites__on-air .qp-favorite-card__station>.qp-artwork{flex:none;width:72px;margin:0}.qp-favorite-card:hover,.qp-favorite-card:focus-within{border-color:var(--qp-line-strong)}.qp-favorites__toolbar label:focus-within,.qp-recents__search:focus-within{border-color:var(--qp-cyan);box-shadow:var(--qp-focus)}@media (width>=1300px){.qp-favorites__toolbar{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(130px,1fr)) auto;display:grid}}@media (width<=760px){.qp-favorites{padding-top:20px}.qp-favorites__header{display:block}.qp-favorites__header>strong{margin-top:8px;display:block}.qp-favorites__toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qp-favorites__toolbar label{grid-column:1/-1}.qp-favorites__toolbar>button{grid-column:1/-1;justify-content:center}.qp-favorites__on-air>div{display:flex;overflow-x:auto}.qp-favorites__on-air .qp-favorite-card{flex:none;width:250px}.qp-favorites__quick{margin:24px 0}.qp-favorites__grid{display:none}.qp-favorites__rows{display:grid}.qp-favorite-card--row{background:0 0;border-width:0 0 1px;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:11px 0;display:grid}.qp-favorite-card--row .qp-favorite-card__station{min-width:0}.qp-favorite-card--row .qp-favorite-card__station .qp-artwork-host,.qp-favorite-card--row .qp-favorite-card__station>.qp-artwork{aspect-ratio:1;width:56px;margin:0}.qp-favorite-card--row>p{grid-column:1;min-height:0;margin:0}.qp-favorite-card--row .qp-favorite-card__actions{grid-area:1/2/span 2;align-items:center;gap:2px}.qp-favorite-card--row .qp-favorite-card__station .qp-artwork-host,.qp-favorite-card--row .qp-favorite-card__station>.qp-artwork{height:56px}.qp-favorite-card--row .qp-favorite-card__actions{flex-direction:row}}.qp-recents{width:100%;min-width:0;padding-bottom:32px}.qp-recents__header,.qp-recents__section-heading,.qp-recents__continue-card,.qp-recent-row,.qp-recents__toolbar{align-items:center;display:flex}.qp-recents__header{justify-content:space-between;gap:20px;margin-bottom:22px}.qp-recents__header h1,.qp-recents__section-heading h2{margin:0}.qp-recents__header>div>p:last-child{color:var(--text-muted);margin:8px 0 0}.qp-recents__clear,.qp-recents__state button,.qp-recents__state a,.qp-recents__load-more{border:1px solid var(--border);min-height:44px;color:var(--text-main);font:inherit;cursor:pointer;background:#ffffff0d;border-radius:12px;padding:0 16px;font-weight:700;text-decoration:none}.qp-recents__clear:disabled,.qp-recents__load-more:disabled{cursor:wait;opacity:.55}.qp-recents__toolbar{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(140px,1fr)) minmax(84px,.65fr) minmax(112px,.85fr) auto;gap:8px;margin-bottom:24px;display:grid}.qp-recents__toolbar>*{min-width:0}.qp-recents__search,.qp-recents__toolbar select,.qp-recents__compact-filter,.qp-recents__filter-chip,.qp-recents__search-toggle{border:1px solid var(--border);min-height:44px;color:var(--text-main);font:inherit;background:#ffffff0d;border-radius:12px}.qp-recents__search{flex:280px;align-items:center;gap:8px;padding:0 12px;display:flex}.qp-recents__search input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0}.qp-recents__toolbar select,.qp-recents__compact-filter,.qp-recents__filter-chip,.qp-recents__search-toggle{padding:0 12px}.qp-recents__compact-filter{width:100%;color:var(--text-main);font:inherit;padding:0 10px}.qp-recents__compact-filter--genre{width:100%}.qp-recents__search-toggle{align-items:center;gap:7px;display:none}.qp-recents__filter-chip{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.qp-recents__filter-chip.is-active,.qp-recents__filter-chip:hover,.qp-recents__clear:hover,.qp-recents__load-more:hover{border-color:rgba(var(--accent-rgb), .6);background:rgba(var(--accent-rgb), .14)}.qp-recents__continue,.qp-recents__timeline>section{margin-top:26px}.qp-recents__timeline>section{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));align-items:stretch;gap:12px;display:grid}.qp-recents__timeline .qp-recents__section-heading{grid-column:1/-1;margin-bottom:0}.qp-recents__section-heading{justify-content:space-between;gap:12px;margin-bottom:10px}.qp-recents__section-heading>span{color:var(--text-muted);font-size:.82rem}.qp-recents__continue-card{border:1px solid rgba(var(--accent-rgb), .28);background:linear-gradient(110deg, rgba(var(--accent-rgb), .13), #ffffff0b);border-radius:18px;gap:14px;padding:14px}.qp-recents__continue-card>div:not(.qp-artwork){flex:1;min-width:0}.qp-recents__continue-card p,.qp-recents__continue-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.qp-recents__continue-card p{margin:0 0 6px;font-weight:700}.qp-recents__continue-card small{color:var(--text-muted)}.qp-recents__continue-play,.qp-recent-row__play{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.qp-recent-row{border:1px solid var(--qp-card-border);background:var(--qp-card-bg);border-radius:16px;gap:12px;min-width:0;min-height:96px;padding:12px}.qp-recent-row:hover,.qp-recent-row:focus-within{border-color:var(--qp-line-strong)}.qp-recent-row__art{flex:none}.qp-recent-row__body{flex:1;min-width:0}.qp-recent-row__heading,.qp-recent-row__actions{align-items:center;gap:8px;display:flex}.qp-recent-row__heading{min-width:0}.qp-recent-row__name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-weight:750;text-decoration:none;overflow:hidden}.qp-recent-row__name:hover{color:var(--accent-2)}.qp-recent-row__track,.qp-recent-row__time{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;overflow:hidden}.qp-recent-row__track{color:var(--text-muted);font-size:.88rem}.qp-recent-row__time{color:var(--text-soft);font-size:.78rem}.qp-recent-row__actions{flex:none}.qp-recent-row__icon{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.qp-recent-row__icon:hover,.qp-recent-row__icon.is-active{color:var(--accent-2);background:rgba(var(--accent-rgb), .12)}.qp-recent-row__remove span{font-size:1.5rem;line-height:1}.qp-recent-row.is-playing{border-color:var(--qp-cyan)}.qp-recents__load-more{margin:22px auto 0;display:block}.qp-recents__skeletons{gap:10px;display:grid}.qp-recents__skeletons span{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;border-radius:14px;height:76px;animation:1.2s ease-in-out infinite qp-recents-skeleton;display:block}@keyframes qp-recents-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.qp-recents__state{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:18px;justify-items:center;gap:10px;padding:48px 20px;display:grid}.qp-recents__state strong{color:var(--text-main)}.qp-recents__state p{max-width:420px;margin:0}.qp-recents__state--error strong{color:var(--danger)}@media (width<=1300px) and (width>=701px){.qp-recents__toolbar{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(130px,1fr))}.qp-recents__compact-filter,.qp-recents__compact-filter--genre{width:100%}}@media (width<=700px){.qp-recents{padding-bottom:24px}.qp-recents__header{align-items:flex-start}.qp-recents__clear{min-height:44px;padding:0 10px;font-size:.8rem}.qp-recents__search-toggle{grid-column:1/-1;display:inline-flex}.qp-recents__toolbar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qp-recents__search{flex-basis:100%;display:none}.qp-recents__search.is-open{display:flex}.qp-recents__toolbar select,.qp-recents__compact-filter,.qp-recents__filter-chip{flex:none;width:100%;min-width:0}.qp-recents__compact-filter--genre{width:auto}.qp-recents__continue-card{padding:10px}.qp-recent-row__actions{gap:2px}.qp-recent-row{grid-template-columns:52px minmax(0,1fr);gap:8px 12px;display:grid}.qp-recent-row__art{grid-area:1/1}.qp-recent-row__body{grid-area:1/2}.qp-recent-row__actions{grid-area:2/2;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.qp-recents__skeletons span{animation:none}}.qp-station__body{grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:stretch;gap:12px;padding:12px 14px 4px;display:grid}.qp-station__primary{align-content:start;gap:12px;min-width:0;display:grid}.qp-station-recent{grid-area:1/2;min-height:100%}.qp-panel{border:1px solid var(--qp-panel-border);background:var(--qp-panel-bg);border-radius:10px;min-width:0;padding:14px 16px}.qp-panel__title{margin:0 0 12px;font-size:17px;font-weight:700}.qp-panel__empty{color:var(--qp-muted);margin:0;font-size:13px;line-height:1.5}.qp-now{align-items:center;gap:18px;display:flex}.qp-now__art{object-fit:cover;background:#ffffff0f;border-radius:8px;width:120px;height:120px}.qp-now__title{overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:700}.qp-now__artist{color:#d5e2ef;margin:2px 0 0;font-size:16px}.qp-now__album{color:var(--qp-muted);margin:2px 0 0;font-size:13px}.qp-now__state{color:var(--qp-live);margin:8px 0 0;font-size:12px}.qp-station-recent-list{gap:8px;display:grid}.qp-station-recent-row{border:1px solid var(--qp-card-border);background:var(--qp-card-bg);border-radius:10px;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.qp-station-recent-row__meta{flex:1;gap:2px;min-width:0;display:grid}.qp-station-recent-row__title,.qp-station-recent-row__artist,.qp-station-recent-row__time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qp-station-recent-row__title{color:var(--text-main);font-size:13px;font-weight:650}.qp-station-recent-row__artist,.qp-station-recent-row__time{color:var(--qp-text-dim);font-size:11px}.qp-station-recent-row__video{flex:none;min-height:36px;padding:6px 10px}.qp-station-recent__load-more{width:100%;margin-top:10px}.qp-station-recent__load-error{color:var(--qp-muted);margin:10px 0 0;font-size:12px}.qp-station-recent-row__skeleton-art{border-radius:8px;flex:none;width:52px;height:52px}.qp-station-recent-row__skeleton-line{border-radius:4px;width:min(240px,70%);height:12px}.qp-station-recent-row__skeleton-line--short{width:min(150px,45%)}.qp-info{color:#bcd0e4;gap:12px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.qp-info li{align-items:center;gap:10px;min-width:0;display:flex}.qp-info svg{color:var(--qp-cyan-soft);flex:none}.qp-info span{overflow-wrap:anywhere;min-width:0}.qp-info a{color:var(--qp-cyan-soft)}.qp-info a:hover{text-decoration:underline}.qp-station .qp-content{padding-top:18px}.qp-station__favorites-wrap .qp-section__head{padding-inline:12px}.qp-favorite-rail{background:linear-gradient(115deg,#0070be38,#0b1f3ab8 48%,#27145366);border:1px solid #00d4ff4d;border-radius:14px;padding:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 12px 30px #00000029}.qp-favorite-rail__glow{filter:blur(30px);pointer-events:none;background:#00d4ff29;border-radius:50%;width:220px;height:140px;position:absolute;top:-70px;right:8%}.qp-favorite-rail__grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.qp-favorite-rail .qp-station-card{background:#05182f94;border-color:#77dcff47}.qp-favorite-rail .qp-station-card:hover{background:#082a48c2;border-color:#00e5ffb8}@media (width<=1100px){.qp-favorite-rail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.qp-favorite-rail{padding:10px}.qp-favorite-rail__grid{grid-template-columns:minmax(0,1fr)}}.qp-settings{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.qp-settings__item{border:1px solid var(--qp-card-border);color:#fff;background:var(--qp-card-bg);min-width:0;font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s;display:flex}.qp-settings__item:hover{border-color:#00d4ff80}.qp-settings__icon{color:#54ddff;background:#06f3;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.qp-settings__copy{flex:1;min-width:0}.qp-settings__copy strong,.qp-settings__copy small{display:block}.qp-settings__copy strong{font-size:14px;font-weight:650}.qp-settings__copy small{color:var(--qp-text-dim);margin-top:3px;font-size:12px}.qp-legal{flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:12px;display:flex}.qp-legal a{color:var(--qp-cyan-soft)}.qp-legal a:hover{text-decoration:underline}.qp-shell .station-library{border-color:var(--qp-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0a2038,#071a31);border-radius:16px;box-shadow:0 24px 60px #00000073}@media (width>=1101px){.qp-shell .station-library{z-index:45;top:calc(var(--qp-header-h) + 10px);right:12px;bottom:calc(var(--qp-player-h) + 10px);width:min(430px, calc(100vw - var(--qp-sidebar-w) - 24px));height:auto;max-height:none;transition:transform .28s,opacity .2s,visibility .2s;position:fixed}.qp-shell.library-collapsed .station-library{opacity:0;visibility:hidden;pointer-events:none;filter:none;transform:translate(calc(100% + 24px))}}.qp-shell .station-library{gap:12px;padding:18px}.qp-shell .library-search,.qp-shell .library-select-trigger,.qp-shell .library-filter-settings-btn{border:1px solid var(--qp-line-strong);border-radius:var(--qp-radius-control);color:#c3d2e2;box-shadow:none;background:#0f2e4ebf}.qp-shell .library-search:focus-within,.qp-shell .library-select-trigger:hover,.qp-shell .library-filter-settings-btn:hover{border-color:var(--qp-cyan);background:#0f2e4ef2}.qp-shell .library-search input{font-size:13px}.qp-shell .library-search input:focus-visible{box-shadow:none}.qp-shell .library-tab,.qp-shell .category-chip{border-radius:var(--qp-radius-control);color:#c3d2e2;box-shadow:none;background:#0c2947;border:1px solid #63a1d961;transform:none}.qp-shell .library-tab:hover,.qp-shell .category-chip:hover{color:#fff;background:#113558;border-color:#00d4ff99;transform:none}.qp-shell .library-tab.active,.qp-shell .category-chip.active{color:#fff;box-shadow:none;background:linear-gradient(90deg,#0066ff94,#12529794);border-color:#009dffbf}.qp-shell .library-summary,.qp-shell .library-pagination-info{color:var(--qp-muted);font-size:12px}.qp-shell .library-list{scrollbar-color:#173b5e transparent;-webkit-mask-image:none;mask-image:none}.qp-shell .library-station{border:1px solid var(--qp-card-border);border-radius:var(--qp-radius-card);background:var(--qp-card-bg);min-height:72px;transform:none}.qp-shell .library-station:hover{background:var(--qp-card-bg);border-color:#00d4ff80;transform:none}.qp-shell .library-station.current{background:linear-gradient(135deg,#0066ff47,#0a2038e6);border-color:#00bdf9b3}.qp-shell .library-station-logo,.qp-shell .library-station-fallback{border-radius:7px}.qp-shell .library-station-logo,.qp-shell .station-card-logo{object-fit:contain;background:0 0}.qp-shell .library-station-fallback{-webkit-backdrop-filter:blur(8px);background:#ffffff0f}.qp-shell .favorite-btn.active{color:#38c9ff}.qp-shell .library-empty{border:1px solid var(--qp-panel-border);background:var(--qp-panel-bg);border-radius:10px}.qp-shell .library-scope-note{border:1px solid var(--qp-panel-border);color:var(--qp-text-dim);background:var(--qp-panel-bg);border-radius:10px;grid-column:1/-1;margin:0;padding:8px 12px;font-size:12px;line-height:1.45}.qp-shell .library-search input:disabled,.qp-shell .library-select-trigger:disabled{cursor:not-allowed;opacity:.5}.qp-shell[data-view=library] .station-library{z-index:auto;width:auto;height:auto;max-height:none;margin:0 var(--qp-gutter) 24px;opacity:1;visibility:visible;pointer-events:auto;filter:none;box-shadow:none;display:grid;position:static;transform:none}.qp-shell[data-view=library] .library-top,.qp-shell[data-view=library] .library-close{display:none}.qp-shell[data-view=library] .library-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:10px;display:grid;overflow:visible}.qp-shell[data-view=library] .library-empty{grid-column:1/-1}.qp-player{z-index:30;-webkit-backdrop-filter:blur(14px);background:linear-gradient(90deg,#0c2846e0,#0d2a49e0);border-top:1px solid #4d96d457;grid-area:3/2;align-items:center;gap:18px;min-width:0;padding:0 24px;display:flex;position:relative;box-shadow:0 -8px 25px #0000001f}.qp-player .artwork-section{flex:none;align-self:center;width:55px;height:55px}.qp-player .artwork-placeholder{-webkit-backdrop-filter:blur(8px);width:55px;height:55px;box-shadow:none;background:#ffffff0f;border:0;border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden;transform:none}.qp-player .artwork-placeholder:before,.qp-player .artwork-placeholder:after{display:none}.qp-player__art{position:relative}.qp-player__art-link{border-radius:var(--qp-radius-card);color:var(--text-main);display:block}.qp-player__art-link[aria-disabled=true]{cursor:default}.qp-player__art-link:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}.qp-player__art-preview{z-index:1;width:min(240px,100vw - 32px);padding-bottom:12px;position:absolute;bottom:100%;left:0}.qp-player__art-preview[hidden]{display:none}.qp-player__art-preview>img{aspect-ratio:1;object-fit:contain;border:1px solid var(--border);border-radius:var(--qp-radius-card) var(--qp-radius-card) 0 0;background:var(--surface-primary,var(--bg-card));width:100%;display:block}.qp-player__art-preview>span{border:1px solid var(--border);border-radius:0 0 var(--qp-radius-card) var(--qp-radius-card);background:var(--surface-primary,var(--bg-card));overflow-wrap:anywhere;border-top:0;padding:12px;font-size:.875rem;display:block}@media (hover:none){.qp-player__art-preview{display:none}}.qp-player .station-logo-img{object-fit:contain;background:0 0;border-radius:0;width:100%;height:100%;padding:0;position:static}.qp-player .station-logo-text,.qp-player .station-logo-text.logo-name{color:#0b1f44;max-width:100%;text-shadow:none;overflow-wrap:anywhere;padding:3px;font-size:10px;font-weight:700;line-height:1.1}.qp-player__info{text-align:left;flex-direction:column;flex:0 240px;justify-content:center;align-self:stretch;align-items:stretch;min-width:0;margin:0;padding:0;display:flex}.qp-player #station-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden}.qp-player #station-subtitle,.qp-player #now-playing{color:#9eb3c8;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:auto;min-height:0;margin:1px 0 0;font-size:11px;line-height:1.35;display:block;overflow:hidden}.qp-player #now-playing:not(.hidden)~#station-subtitle{display:none}.qp-player #now-playing .now-artist,.qp-player #now-playing .now-title{color:inherit;font-size:inherit;margin:0;font-weight:400;display:inline}.qp-player #now-playing .now-artist:not(:empty):after{content:" — "}.qp-player .station-meta-row{align-items:center;gap:8px;min-width:0;min-height:16px;margin:2px 0 0;display:flex;overflow:hidden}.qp-player .status-indicator-wrap{color:#9eb3c8;align-items:center;gap:6px;min-width:0;font-size:10px;display:inline-flex}.qp-player #status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qp-player .engine-badge{display:none}.qp-player .station-health-summary{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:0 auto;max-width:130px;height:auto;margin:0;padding:1px 6px;font-size:9px;overflow:hidden}.qp-player .station-health-summary,.qp-player .station-health-detail{display:none!important}.qp-player .station-health-detail{display:none}.qp-player__favorite{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;padding:0;font-size:24px;line-height:1;transition:color .15s,background-color .15s;display:grid}.qp-player__favorite:hover{background:#14487973}.qp-player__favorite.active{color:#38c9ff;box-shadow:none}.qp-player__favorite:disabled{opacity:.4;cursor:not-allowed}.qp-player__controls{flex:none;align-items:center;gap:16px;width:auto;min-width:0;margin:0;display:flex}@media (width>=761px){.qp-player__controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.qp-player .control-btn{color:#fff;width:38px;height:38px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .15s,box-shadow .15s;animation:none;display:grid;transform:none}.qp-player .control-btn:hover{background:#1448798c;transform:none}.qp-player .control-btn:active{transform:none}.qp-player .control-btn.primary{background:#0066ff29;border:2px solid #00cfff;width:53px;height:53px;box-shadow:0 0 18px #00d4ff29}.qp-player .control-btn.primary:hover{background:#0066ff57}.qp-player .control-btn.primary.playing{box-shadow:0 0 22px #00d4ff61}.qp-player .icon-container{width:26px;height:26px}.qp-player__signal{opacity:1;flex:0 240px;justify-content:center;align-items:center;gap:2px;min-width:0;max-width:330px;height:45px;margin-left:auto;display:flex;position:relative;overflow:hidden}.qp-player__signal canvas{opacity:0;width:100%;height:100%;position:absolute;inset:0}.qp-player__signal[data-live=true] canvas{opacity:1}.qp-player__signal[data-live=true] i{visibility:hidden}.qp-player__signal i{opacity:.34;width:2px;height:36px;transform:scaleY(var(--s,.3));background:linear-gradient(#0000 0%,#18bfff 50%,#0000 100%);border-radius:3px;flex:none}.qp-shell:has(#icon-play.hidden) .qp-player__signal i{opacity:1;animation:qp-wave var(--duration,1.2s) ease-in-out var(--delay,0s) infinite alternate}@keyframes qp-wave{0%{transform:scaleY(calc(var(--s,.3) * .28 + .08))}43%{transform:scaleY(calc(var(--s,.3) * .92 + .08))}to{transform:scaleY(calc(var(--s,.3) * .42 + .08))}}.qp-player__volume{flex:none;align-items:center;gap:8px;width:150px;margin:0;display:flex}.qp-player .icon-btn.small{color:#fff;width:36px;height:36px;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;transform:none}.qp-player .icon-btn.small:hover{background:#1448798c}.qp-player .slider-container{flex:1;min-width:0}.qp-player #volume-slider{accent-color:#36c5ff;width:100%;height:20px;display:block}.qp-player #volume-slider::-webkit-slider-runnable-track{background:#365777;border-radius:4px;height:4px}.qp-player #volume-slider::-webkit-slider-thumb{width:13px;height:13px;box-shadow:none;background:#3abfff;border:0;margin-top:-4.5px}.qp-player #volume-slider::-moz-range-track{background:#365777;border-radius:4px;height:4px}.qp-player #volume-slider::-moz-range-thumb{background:#3abfff;border:0;width:13px;height:13px}.qp-player #volume-value,.qp-engine-only{display:none}.qp-history{flex:none;display:none;position:relative}.qp-player:has(#song-history-panel:not(.hidden)) .qp-history{display:block}.qp-history .song-history-panel{z-index:60;border:1px solid var(--qp-line);background:#0a2038;border-radius:12px;width:min(340px,100vw - 24px);max-height:320px;padding:14px 16px;display:none;position:absolute;bottom:calc(100% + 18px);right:0;overflow:auto;box-shadow:0 18px 40px #00000080}.qp-history.is-open .song-history-panel:not(.hidden){display:block}.qp-notices{z-index:46;left:calc(var(--qp-sidebar-w) + 16px);bottom:calc(var(--qp-player-h) + 12px);color:#c3d2e2;pointer-events:none;gap:6px;max-width:min(420px,100vw - 32px);margin:0;font-size:12px;display:grid;position:fixed}.qp-notices>:not(.hidden){border:1px solid var(--qp-line);background:#0a2038f5;border-radius:10px;padding:8px 12px}.install-prompt-banner:not(.hidden){z-index:47;right:16px;bottom:calc(var(--qp-player-h) + var(--qp-mobile-nav-h) + 12px);border:1px solid var(--qp-line);background:#0a2038;border-radius:12px;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:12px 14px;display:flex;position:fixed;box-shadow:0 18px 40px #00000080}.qp-mobile-nav{display:none}@media (width<=1350px){.qp-player__signal{display:none}.qp-player__volume{margin-left:auto}}@media (width<=1100px){:root{--qp-sidebar-w:84px}.qp-sidebar{padding:18px 10px 0}.qp-brand{justify-content:center;height:58px;margin-top:0;overflow:hidden}.qp-brand:after{left:-10px;right:-10px}.qp-brand__logo{object-fit:cover;object-position:left center;width:57px;max-width:none;height:61px;max-height:none;margin-right:0;top:0}.qp-nav__item{justify-content:center;padding:0}.qp-nav__item span,.qp-nav__group-label,.qp-nav__divider,.qp-sidebar__footer,.qp-sidebar__canary,.qp-sidebar__closing{display:none}.qp-topbar{gap:16px;padding:0 20px}.qp-tool--secondary,.qp-account__text,.qp-account__btn>svg:last-child{display:none}.qp-grid--stations,.qp-grid--art{grid-template-columns:repeat(3,minmax(0,1fr))}.qp-grid--stations>:nth-child(n+4),.qp-grid--art>:nth-child(n+4){display:none}.qp-grid--genre{grid-template-columns:repeat(4,minmax(0,1fr))}.qp-grid--genre>:nth-child(n+5){display:none}.qp-station__body{grid-template-columns:1fr}.qp-station-recent{grid-area:auto/1}.qp-player{gap:14px;padding:0 18px}.qp-player__volume{width:130px}.qp-player__info{flex-basis:180px}}@media (width<=900px){.qp-grid--stations,.qp-grid--art{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-grid--stations>:nth-child(n+3),.qp-grid--art>:nth-child(n+3){display:none}.qp-hero__body{max-width:560px}.qp-station__row{flex-wrap:wrap}}@media (width<=760px){:root{--qp-header-h:58px;--qp-player-h:66px;--qp-mobile-nav-h:calc(56px + env(safe-area-inset-bottom,0px));--qp-gutter:16px}.qp-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--qp-header-h) minmax(0, 1fr) var(--qp-player-h) var(--qp-mobile-nav-h)}.qp-sidebar{display:none}.qp-topbar,.qp-main,.qp-player{grid-column:1}.qp-topbar{gap:8px;padding:0 12px}.qp-search--global{height:40px;padding:0 14px}.qp-search__kbd{display:none}.qp-account{gap:2px}.qp-hero,.qp-hero--discover{height:auto;min-height:300px}.qp-hero__bg,.qp-hero--discover .qp-hero__bg{opacity:.55;background-position:68%;inset:0}.qp-hero__scrim{background:linear-gradient(90deg,#071426 0%,#071426db 55%,#07142666 100%)}.qp-hero__body,.qp-hero--discover .qp-hero__body{padding:28px 16px 24px}.qp-hero h1,.qp-hero--discover h1{letter-spacing:-1.6px;font-size:clamp(36px,11vw,48px)}.qp-hero__lede{font-size:14px}.qp-hero__actions{gap:10px}.qp-btn{height:44px;padding:0 16px}.qp-pill{height:40px;padding:0 14px}.qp-content--page{padding-top:20px}.qp-page-heading h1{font-size:30px}.qp-section__head{flex-wrap:wrap;row-gap:0}.qp-section__sub{white-space:normal;order:3;width:100%}.qp-grid--stations,.qp-grid--art,.qp-grid--genre{margin-inline:calc(var(--qp-gutter) * -1);padding:2px var(--qp-gutter) 6px;scroll-snap-type:x proximity;scroll-padding-inline:var(--qp-gutter);scrollbar-width:none;display:flex;overflow-x:auto}.qp-grid--stations::-webkit-scrollbar{display:none}.qp-grid--art::-webkit-scrollbar{display:none}.qp-grid--genre::-webkit-scrollbar{display:none}.qp-grid--stations>*,.qp-grid--art>*,.qp-grid--genre>*{scroll-snap-align:start;flex:0 0 min(78vw,280px);display:block}.qp-grid--stations>.qp-station-card{display:flex}.qp-grid--genre>*{flex-basis:min(44vw,170px)}.qp-grid--results,.qp-grid--browse{grid-template-columns:minmax(0,1fr)}.qp-grid--browse{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-station__row{flex-direction:column;gap:16px;padding:46px 16px 20px}.qp-station__art{width:112px;height:112px}.qp-station__bg{opacity:.4;width:100%;inset:0}.qp-station__copy h1{font-size:34px}.qp-station__actions{gap:16px}.qp-station__body{padding:12px 16px 4px}.qp-now{flex-direction:column;align-items:flex-start}.qp-settings,.qp-shell[data-view=library] .library-list{grid-template-columns:minmax(0,1fr)}.qp-back{left:16px}.qp-player{gap:10px;padding:0 12px}.qp-player .artwork-section,.qp-player .artwork-placeholder{width:44px;height:44px}.qp-player__info{flex:1 1 0}.qp-player .station-health-summary{display:none}.qp-player .status-indicator-wrap{justify-content:flex-start}.qp-player #station-name{font-size:13px}.qp-player__favorite{width:32px;height:32px;font-size:22px}.qp-player__controls{gap:2px;margin:0}.qp-player .control-btn{width:34px;height:34px}.qp-player .control-btn.primary{width:44px;height:44px}.qp-player__volume{display:none}.qp-notices{left:12px;bottom:calc(var(--qp-player-h) + var(--qp-mobile-nav-h) + 8px)}.qp-mobile-nav{z-index:60;padding-bottom:env(safe-area-inset-bottom,0px);background:#05162afa;border-top:1px solid #66b4ff38;grid-area:4/1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.qp-mobile-nav__item{color:#9fb7cc;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:10px;font-weight:500;display:flex}.qp-mobile-nav__item.is-active{color:#9ff5ff;background:#06f3}}@media (width<=380px){.qp-player{gap:6px;padding:0 8px}.qp-player__controls .control-btn.secondary{width:30px;height:30px}.qp-player .control-btn.primary{width:40px;height:40px}.qp-hero h1,.qp-hero--discover h1{font-size:34px}}@media (width>=1101px) and (height<=820px){.qp-sidebar__footer{display:none}}@media (width>=1101px) and (height<=640px){.qp-sidebar{padding-top:8px}.qp-brand{height:54px;margin-top:0}}@media (prefers-reduced-motion:reduce){.qp-shell *,.qp-shell :before,.qp-shell :after{transition:none!important;animation:none!important}}.qp-station__about{grid-column:1/-1}.qp-station__description{color:#bcd0e4;white-space:pre-line;overflow-wrap:anywhere;max-width:78ch;margin:0;font-size:14px;line-height:1.65}.qp-chips li a{color:inherit;text-decoration:none}.qp-chips li a:hover,.qp-chips li a:focus-visible{text-decoration:underline}.qp-account-preferences{border:1px solid var(--qp-line);background:var(--qp-panel-bg);border-radius:16px;gap:12px;max-width:640px;margin-bottom:24px;padding:24px;display:grid}.qp-account-preferences h2,.qp-account-preferences p{margin:0}.qp-account-preferences p,.qp-account-preferences small{color:var(--qp-text-dim);line-height:1.5}.qp-account-preferences label{gap:8px;display:grid}.qp-account-preferences input:not([type=checkbox]){border:1px solid var(--qp-line-strong);width:100%;min-width:0;min-height:48px;color:var(--text-main);background:var(--qp-midnight);font:inherit;border-radius:8px;padding:12px}.qp-account-preferences .qp-account-preferences__check{align-items:center;min-height:48px;display:flex}.qp-account-preferences__check input{accent-color:var(--qp-cyan)}.qp-account-preferences button{background:var(--qp-blue);color:#fff;justify-self:start;min-height:48px}.qp-favorites__state button{border:1px solid var(--qp-line-strong);min-height:48px;color:var(--qp-cyan-soft);background:var(--qp-panel-bg);font:inherit;cursor:pointer;border-radius:12px;padding:12px 20px}.qp-home-banner{isolation:isolate;border:1px solid var(--qp-line-strong);background:var(--qp-midnight);border-radius:16px;align-items:center;min-height:120px;margin-bottom:20px;padding:18px 24px;display:flex;position:relative;overflow:hidden}.qp-home-banner__image{z-index:-2;object-fit:cover;object-position:center 55%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.qp-home-banner__media{z-index:-2;pointer-events:none;position:absolute;inset:0}.qp-home-banner__media .qp-home-banner__image{position:static}.qp-home-banner:before{z-index:-1;content:"";background:linear-gradient(90deg, var(--qp-midnight) 0%, color-mix(in srgb, var(--qp-midnight) 90%, transparent) 30%, transparent 75%);position:absolute;inset:0}.qp-home-banner .qp-page-heading{max-width:55%;margin:0}.qp-home-banner .qp-eyebrow{letter-spacing:3px}.qp-home-banner .qp-page-heading h1{font-size:40px}.qp-home-banner .qp-page-heading__lede{line-height:1.5}@media (width<=760px){.qp-home-banner{min-height:144px;margin-bottom:20px;padding:20px 16px}.qp-home-banner .qp-page-heading{max-width:100%}.qp-home-banner .qp-page-heading h1{font-size:32px}.qp-home-banner .qp-eyebrow{letter-spacing:2px;font-size:10px}.qp-home-banner:before{background:linear-gradient(90deg, color-mix(in srgb, var(--qp-midnight) 95%, transparent), color-mix(in srgb, var(--qp-midnight) 65%, transparent))}.qp-home-banner__image{object-position:70% center}}.qp-player{border:1px solid var(--qp-line-strong);background:linear-gradient(180deg, var(--surface-elevated,#10284d), var(--qp-midnight));box-shadow:inset 0 1px 0 var(--qp-line), 0 4px 16px #0000002e;border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;margin:8px 12px;padding:0 20px;display:grid}.qp-player__station,.qp-player__output{align-items:center;gap:12px;min-width:0;display:flex}.qp-player__output{justify-content:flex-end}.qp-player__info{flex:240px;gap:2px}.qp-player__controls{grid-area:auto;gap:12px;position:static;transform:none}.qp-player__cast{width:44px;height:44px;color:var(--qp-text-dim);flex:none}.qp-player__cast:hover,.qp-player__cast:focus-visible,.qp-player__cast.cast-ready{color:var(--qp-cyan)}.qp-player .artwork-section,.qp-player .artwork-placeholder{width:64px;height:64px}.qp-player .artwork-placeholder{border:1px solid var(--qp-line-strong);box-shadow:inset 0 0 12px var(--qp-line);border-radius:12px}.qp-player .station-logo-text,.qp-player .station-logo-text.logo-name{color:var(--qp-text-dim)}.qp-player #station-name{font-size:16px}.qp-player #station-subtitle,.qp-player #now-playing{font-size:12px}.qp-player__favorite,.qp-player .control-btn,.qp-player .icon-btn.small{width:48px;height:48px}.qp-player .control-btn.primary{border-color:var(--qp-cyan);background:radial-gradient(circle at 35% 20%, var(--surface-elevated,#10284d), var(--qp-midnight));width:64px;height:64px;box-shadow:0 0 16px color-mix(in srgb, var(--qp-cyan) 24%, transparent), inset 0 0 12px var(--qp-line)}.qp-player .control-btn.primary:hover{background:var(--qp-panel-bg);box-shadow:0 0 20px color-mix(in srgb, var(--qp-cyan) 36%, transparent)}.qp-player .station-health-summary{border-radius:999px;padding:2px 8px}.qp-player__signal{flex:240px;height:48px;margin-left:0}.qp-player__volume{width:164px;margin-left:0}.qp-player #volume-slider{accent-color:var(--qp-cyan)}.qp-player #volume-slider::-webkit-slider-thumb{background:var(--qp-cyan)}.qp-player #volume-slider::-moz-range-thumb{background:var(--qp-cyan)}.qp-history__toggle{width:48px;height:48px}@media (width<=1100px) and (width>=761px){.qp-player{gap:12px;padding:0 12px}.qp-player__station{gap:8px}.qp-player .artwork-section,.qp-player .artwork-placeholder{width:48px;height:48px}.qp-player__volume{width:120px}}@media (width<=760px){:root{--qp-player-h:76px}.qp-player{border-radius:12px;gap:8px;margin:4px 8px;padding:0 8px;display:flex}.qp-player__station{flex:1 1 0;gap:8px}.qp-player__output{display:none}.qp-player .artwork-section,.qp-player .artwork-placeholder{width:44px;height:44px}.qp-player__info{flex:1 1 0;gap:0}.qp-player #station-name{font-size:13px}.qp-player #station-subtitle,.qp-player #now-playing{font-size:11px}.qp-player__controls{gap:0}.qp-player .control-btn.primary{width:48px;height:48px}}@media (width<=480px){.qp-player__controls .control-btn.secondary{display:none}}.account-control{flex:none;position:relative}.account-control .qp-account__btn{text-decoration:none}.qp-account__btn--signed-in{max-width:240px}.qp-account__btn--signed-in .qp-account__text{overflow:hidden}.qp-account__btn--signed-in .qp-account__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qp-account__avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.account-control-skeleton{opacity:.76}.account-menu{z-index:70;border:1px solid var(--qp-line-strong);background:#0a1d33;border-radius:14px;gap:3px;width:min(260px,100vw - 24px);padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #0000006b}.account-menu a,.account-menu button{color:#ecf5ff;min-height:44px;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.account-menu a:hover,.account-menu button:hover,.account-menu a:focus-visible,.account-menu button:focus-visible{background:#55cfff1f}.account-menu hr{border:0;border-top:1px solid var(--qp-line);width:100%;margin:4px 0}@media (width<=700px){.qp-account__btn--signed-in{max-width:175px}}@media (prefers-reduced-motion:reduce){.account-menu *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
