*,:before,:after{box-sizing:border-box}body{color:#e0e0f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1a;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._card_n412b_1{cursor:pointer;background:#16213e;border:1px solid #2d2d4e;border-radius:10px;flex-direction:column;gap:8px;padding:14px;transition:border-color .15s,transform .1s,background .15s;display:flex}._card_n412b_1:hover{background:#1e1e3a;border-color:#7c6af7;transform:translateY(-1px)}._card_n412b_1._active_n412b_19{background:#1e1e3a;border-color:#7c6af7;box-shadow:0 0 0 2px #7c6af74d}._header_n412b_25{align-items:flex-start;gap:10px;display:flex}._favicon_n412b_31{object-fit:contain;border-radius:6px;flex-shrink:0;width:32px;height:32px}._faviconPlaceholder_n412b_39{flex-shrink:0;font-size:24px}._meta_n412b_44{flex-direction:column;gap:2px;display:flex}._country_n412b_50{color:#7c6af7;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}._codec_n412b_58{color:#6b7280;font-size:10px}._name_n412b_63{color:#e0e0f0;font-size:14px;font-weight:600;line-height:1.3}._tags_n412b_70{flex-wrap:wrap;gap:4px;display:flex}._tag_n412b_70{color:#a0aec0;background:#0f3460;border-radius:12px;padding:2px 7px;font-size:10px}._grid_hiq0z_1{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=480px){._grid_hiq0z_1{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){._grid_hiq0z_1{grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){._grid_hiq0z_1{grid-template-columns:repeat(4,1fr)}}._empty_hiq0z_25{color:#6b7280;text-align:center;padding:40px;font-size:15px}._bar_ygtvz_1{z-index:100;background:#1a1a2e;border-top:1px solid #2d2d4e;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}._info_ygtvz_16{align-items:center;gap:12px;display:flex;overflow:hidden}._favicon_ygtvz_23{object-fit:contain;border-radius:6px;flex-shrink:0;width:36px;height:36px}._faviconPlaceholder_ygtvz_31{flex-shrink:0;font-size:28px}._text_ygtvz_36{flex-direction:column;display:flex;overflow:hidden}._statusLabel_ygtvz_42{text-transform:uppercase;letter-spacing:.08em;color:#7c6af7;font-size:10px;font-weight:600}._stationName_ygtvz_50{color:#e0e0f0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}._nowPlaying_ygtvz_59{color:#a0aec0;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}._nowPlaying_ygtvz_59 strong{color:#c4b5fd;font-weight:600}._controls_ygtvz_73{flex-shrink:0;gap:8px;display:flex}._btn_ygtvz_79{color:#e0e0f0;cursor:pointer;background:#2d2d4e;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex}._btn_ygtvz_79:hover:not(:disabled){background:#3d3d6e}._btn_ygtvz_79:disabled{opacity:.4;cursor:not-allowed}.trivia-overlay{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.trivia-popup{box-sizing:border-box;color:#0f172a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-wrap:anywhere;word-break:normal;background:radial-gradient(circle at 28% 22%,#ffffffe0,#fff3 18%,#0000 34%),linear-gradient(145deg,#bae6fdb8,#c4b5fd94 52%,#2dd4bf6b);border:1px solid #e0f2fe8a;border-radius:18px;width:min(320px,100vw - 32px);padding:18px 22px 16px;animation:.18s ease-out trivia-pop-in,7.6s ease-in-out forwards trivia-float;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 14px #ffffff94,inset 0 -12px 22px #4338ca29,0 18px 38px #00000047}.trivia-popup:before{content:"";filter:blur(1px);background:#ffffff9e;border-radius:999px;width:34px;height:14px;position:absolute;top:16%;left:18%;transform:rotate(-24deg)}.trivia-popup p{z-index:1;max-width:100%;margin:0;font-size:15px;font-weight:700;line-height:1.35;position:relative}.trivia-popup span{z-index:1;color:#0f172a9e;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:7px;font-size:10px;font-weight:800;display:block;position:relative}@keyframes trivia-pop-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes trivia-float{0%,82%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)scale(.98)}}@media (width<=640px){.trivia-popup{width:min(280px,100vw - 28px)}.trivia-popup p{font-size:14px}}@media (prefers-reduced-motion:reduce){.trivia-popup{animation:none}}._panel_m9qpi_1{flex-direction:column;justify-self:end;gap:16px;width:min(100%,560px);display:flex}._loading_m9qpi_10{color:#fff9;background:#ffffff0d;border-radius:14px;padding:20px;font-size:.9rem}._kicker_m9qpi_18{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:.7rem;display:block}._mood_m9qpi_27{color:#fff;text-shadow:0 1px 4px #0006;border-radius:16px;padding:20px}._mood_m9qpi_27 h3{margin:0 0 10px;font-size:1.6rem}._descriptors_m9qpi_39{flex-wrap:wrap;gap:6px;display:flex}._descriptors_m9qpi_39 span{background:#00000040;border-radius:999px;padding:3px 10px;font-size:.75rem}._energy_m9qpi_52{text-transform:capitalize}._fact_m9qpi_56{background:#ffffff0f;border-radius:14px;padding:16px 18px}._fact_m9qpi_56 p{margin:0;font-size:.95rem;line-height:1.5}._placements_m9qpi_68{background:#ffffff0f;border-radius:14px;padding:16px 18px}._placementList_m9qpi_74{flex-direction:column;gap:14px;display:flex}._placement_m9qpi_68{align-items:flex-start;gap:12px;display:flex}._placement_m9qpi_68 img{object-fit:cover;border-radius:8px;flex-shrink:0;width:54px;height:80px}._placementCopy_m9qpi_94 strong{font-size:.9rem}._placementCopy_m9qpi_94 p{opacity:.8;margin:4px 0 0;font-size:.8rem;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0f0;background:radial-gradient(circle at 18% 12%,#7c6af733,#0000 28rem),linear-gradient(135deg,#0f0f1a 0%,#151426 52%,#16131f 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:0 16px 32px}.app-listening{min-height:100vh}.app-player-docked{padding-bottom:100px}.header{text-align:center;padding:22px 0 18px}.logo{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.logo-icon{font-size:32px}.logo-text{color:#e0e0f0;letter-spacing:-.5px;font-size:28px;font-weight:300}.logo-text strong{color:#7c6af7;font-weight:700}.tagline{color:#6b7280;margin-top:4px;font-size:13px}.listening-stage{grid-template-columns:minmax(260px,.92fr) minmax(320px,1.08fr);align-items:center;gap:clamp(22px,5vw,72px);min-height:calc(100vh - 118px);padding:clamp(18px,4vw,46px) 0;display:grid}.artwork-wrap{aspect-ratio:1;background:linear-gradient(145deg,#ffffff17,#ffffff05),#16213e;border:1px solid #e0e0f024;border-radius:18px;justify-self:end;place-items:center;width:min(100%,560px);padding:clamp(24px,5vw,64px);display:grid;box-shadow:0 34px 80px #0000005c}.artwork{object-fit:contain;border-radius:12px;width:100%;height:100%}.artwork-placeholder{font-size:clamp(92px,18vw,210px);line-height:1}.listening-copy{min-width:0;max-width:640px}.status-row{color:#c4b5fd;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;display:inline-flex}.live-dot{background:#6b7280;border-radius:999px;width:9px;height:9px}.live-dot-on{background:#22c55e;box-shadow:0 0 0 6px #22c55e24}.listening-copy h1{color:#f7f7ff;letter-spacing:0;overflow-wrap:anywhere;margin-bottom:18px;font-size:clamp(38px,6vw,88px);line-height:.98}.station-details{color:#a0aec0;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:14px;display:flex}.station-details span{background:#0f0f1a57;border:1px solid #a0aec02e;border-radius:999px;padding:5px 10px}.track-panel{border-left:3px solid #7c6af7;margin-bottom:18px;padding:10px 0 10px 18px}.track-label,.section-kicker{color:#7c6af7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.track-panel p{color:#e0e0f0;overflow-wrap:anywhere;font-size:clamp(19px,2.2vw,30px);line-height:1.25}.track-panel strong{color:#c4b5fd}.listening-tags{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.listening-tags span{color:#d7def0;background:#0f3460;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.listening-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-control,.secondary-control,.close-browse{color:#f8fafc;cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s,transform .1s}.primary-control{background:#7c6af7}.secondary-control,.close-browse{background:#16213ed6;border-color:#2d2d4e}.primary-control:hover:not(:disabled),.secondary-control:hover,.close-browse:hover{transform:translateY(-1px)}.primary-control:disabled{opacity:.5;cursor:not-allowed}.browse-panel{padding-bottom:34px}.browse-panel-overlay{border-top:1px solid #e0e0f01f;margin-top:8px;padding-top:22px}.browse-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.browse-header h2{color:#f7f7ff;font-size:24px;line-height:1.15}.filters{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.input,.select{color:#e0e0f0;background:#16213e;border:1px solid #2d2d4e;border-radius:8px;outline:none;padding:9px 14px;font-size:14px;transition:border-color .15s}.input{flex:1;min-width:180px}.select{min-width:140px}.input:focus,.select:focus{border-color:#7c6af7}.select option{background:#16213e}.main{min-height:200px}.result-count{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:12px}.state-msg{text-align:center;color:#6b7280;padding:60px 20px;font-size:16px}.state-msg.error{color:#f87171}@media (width<=860px){.listening-stage{grid-template-columns:1fr;gap:24px;min-height:auto;padding-top:12px}.artwork-wrap{border-radius:14px;justify-self:center;width:min(74vw,420px)}.listening-copy{max-width:none}.browse-header{flex-direction:column;align-items:flex-start}}@media (width<=560px){.app{padding-inline:12px}.logo-text{font-size:24px}.listening-copy h1{font-size:38px}.track-panel p{font-size:18px}.listening-actions>*{flex:145px}.input,.select{width:100%}}