.tuner.svelte-lr47i{container-type:inline-size;position:relative;display:grid;grid-template-columns:1fr;grid-template-areas:"head" "main" "transport";gap:var(--pd-lg, 16px);padding:var(--pd-xl, 20px);border-radius:var(--radius-xl, 12px);border:1px solid color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 40%,var(--base-separator, #2b2e3a));background:var(--base-elevated, #21232c);color:var(--base-print-highlight, #e0ebf4);isolation:isolate}.glow.svelte-lr47i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;z-index:-1;background:radial-gradient(35% 60% at 0% 50%,color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 50%,transparent) 0%,transparent 70%),radial-gradient(30% 55% at 100% 0%,color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 35%,transparent) 0%,transparent 70%);pointer-events:none;opacity:.75;transition:opacity var(--transition-fast, .12s ease)}.tuner[data-playing=true].svelte-lr47i .glow:where(.svelte-lr47i){opacity:1}.tuner[data-empty=true].svelte-lr47i .glow:where(.svelte-lr47i){opacity:.25}.head.svelte-lr47i{grid-area:head;display:flex;flex-direction:column;gap:2px;min-width:0}.kind-label.svelte-lr47i{color:var(--base-print-subtle, #8691a0);text-transform:uppercase;letter-spacing:.1em}.station-name.svelte-lr47i{margin:0;color:var(--base-print-highlight, #e0ebf4);letter-spacing:-.01em;line-height:1.1}.station-desc.svelte-lr47i{margin:0;color:var(--base-print-subtle, #8691a0);max-width:60ch}.main.svelte-lr47i{grid-area:main;display:grid;grid-template-columns:128px 1fr;gap:var(--pd-lg, 16px);align-items:center;min-width:0}.cover.svelte-lr47i{position:relative;width:128px;height:128px;border-radius:var(--radius-md, 6px);overflow:hidden;background:color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 20%,var(--base-bg, #0f1013));box-shadow:0 8px 24px #00000059,0 0 0 1px color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 25%,transparent);flex-shrink:0}.cover.svelte-lr47i img:where(.svelte-lr47i){width:100%;height:100%;object-fit:cover;display:block}.cover-fallback.svelte-lr47i{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 90%,white 10%) 0%,var(--station-color, var(--base-print-brand, #1ac0da)) 70%);--icon-fill: var(--base-print-highlight, #e0ebf4);--icon-width: 36px;--icon-height: 36px}.track-area.svelte-lr47i{min-width:0;display:flex;flex-direction:column;gap:var(--pd-xs, 6px)}.track-title.svelte-lr47i{margin:0;color:var(--base-print-highlight, #e0ebf4);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600}.track-title.muted.svelte-lr47i{color:var(--base-print-subtle, #8691a0);font-weight:400;font-style:italic}.track-meta.svelte-lr47i{margin:0;color:var(--base-print-subtle, #8691a0);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-artist.svelte-lr47i{color:var(--base-print-highlight, #e0ebf4)}.track-link.svelte-lr47i{color:inherit;text-decoration:none;border-radius:2px}.track-link.svelte-lr47i:hover,.track-link.svelte-lr47i:focus-visible{color:var(--station-color, var(--base-print-brand, #1ac0da));text-decoration:underline;text-underline-offset:2px;outline:none}.bar.svelte-lr47i{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;position:relative;height:18px;margin-top:var(--pd-2xs, 2px);cursor:pointer;display:flex;align-items:center;touch-action:none;width:100%}.bar.inert.svelte-lr47i{cursor:default;opacity:.55;pointer-events:none}.bar.svelte-lr47i:focus-visible{outline:2px solid var(--station-color, var(--base-print-brand, #1ac0da));outline-offset:4px;border-radius:4px}.bar-track.svelte-lr47i{position:relative;width:100%;height:4px;border-radius:2px;background:color-mix(in srgb,var(--base-print-subtle, #8691a0) 30%,transparent);transition:height var(--transition-fast, .12s ease)}.bar.svelte-lr47i:hover .bar-track:where(.svelte-lr47i){height:6px}.bar-fill.svelte-lr47i{position:absolute;inset:0 auto 0 0;height:100%;border-radius:inherit;background:var(--station-color, var(--base-print-brand, #1ac0da))}.times.svelte-lr47i{display:inline-flex;align-items:center;gap:var(--pd-2xs, 4px);margin:0;color:var(--base-print-subtle, #8691a0);font-variant-numeric:tabular-nums}.times-sep.svelte-lr47i{opacity:.6}.transport.svelte-lr47i{grid-area:transport;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--pd-md, 12px);min-width:0}.buttons.svelte-lr47i{display:inline-flex;align-items:center;justify-content:center;gap:var(--pd-xs, 6px)}.volume-wrap.svelte-lr47i{display:flex;align-items:center;justify-self:end}.ctl.svelte-lr47i{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:0;padding:0;background:transparent;color:var(--base-print-highlight, #e0ebf4);--icon-fill: var(--base-print-highlight, #e0ebf4);--icon-width: 16px;--icon-height: 16px;cursor:pointer;transition:background var(--transition-fast, .12s ease)}.ctl.svelte-lr47i:hover:not(:disabled){background:color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 20%,transparent)}.ctl.svelte-lr47i:disabled{opacity:.4;cursor:default}.ctl-primary.svelte-lr47i{width:48px;height:48px;background:var(--station-color, var(--base-print-brand, #1ac0da));color:var(--base-print-inverse, #121116);--icon-fill: var(--base-print-inverse, #121116);--icon-width: 18px;--icon-height: 18px}.ctl-primary.svelte-lr47i:hover:not(:disabled){background:color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 80%,white)}@container (max-width: 480px){.main.svelte-lr47i{grid-template-columns:1fr;justify-items:start}.cover.svelte-lr47i{width:96px;height:96px}.station-desc.svelte-lr47i{display:none}}.visually-hidden.svelte-lr47i{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.preset.svelte-tg3t5f{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--pd-sm, 8px);padding:var(--pd-sm, 8px) var(--pd-md, 12px);border-radius:var(--radius-md, 6px);border:1px solid var(--base-separator, #2b2e3a);background:linear-gradient(90deg,var(--base-elevated, #21232c) 60%,color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 14%,var(--base-elevated, #21232c)) 100%);color:var(--base-print-highlight, #e0ebf4);font:inherit;text-align:left;cursor:pointer;min-height:52px;transition:border-color var(--transition-fast, .12s ease),background var(--transition-fast, .12s ease),transform var(--transition-fast, .12s ease)}.preset.svelte-tg3t5f:hover{border-color:var(--station-color, var(--base-print-brand, #1ac0da));transform:translateY(-1px)}.preset.svelte-tg3t5f:focus-visible{outline:2px solid var(--station-color, var(--base-print-brand, #1ac0da));outline-offset:2px}.preset[data-active=true].svelte-tg3t5f{border-color:var(--station-color, var(--base-print-brand, #1ac0da));background:linear-gradient(90deg,color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 10%,var(--base-elevated, #21232c)),color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 22%,var(--base-elevated, #21232c)))}.led.svelte-tg3t5f{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 25%,transparent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.led-dot.svelte-tg3t5f{width:8px;height:8px;border-radius:50%;background:var(--station-color, var(--base-print-brand, #1ac0da));box-shadow:0 0 8px var(--station-color, var(--base-print-brand, #1ac0da))}@keyframes svelte-tg3t5f-led-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.led-dot.pulse.svelte-tg3t5f{animation:svelte-tg3t5f-led-pulse 1.2s ease-in-out infinite}.text.svelte-tg3t5f{display:flex;flex-direction:column;gap:1px;min-width:0}.name.svelte-tg3t5f{color:var(--base-print-highlight, #e0ebf4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kind.svelte-tg3t5f{color:var(--base-print-subtle, #8691a0);text-transform:uppercase;letter-spacing:.08em}.glyph.svelte-tg3t5f{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--station-color, var(--base-print-brand, #1ac0da)) 22%,transparent);--icon-fill: var(--base-print-highlight, #e0ebf4);--icon-width: 12px;--icon-height: 12px;flex-shrink:0;transition:background var(--transition-fast, .12s ease)}.preset.svelte-tg3t5f:hover .glyph:where(.svelte-tg3t5f){background:var(--station-color, var(--base-print-brand, #1ac0da))}.preset[data-playing=true].svelte-tg3t5f .glyph:where(.svelte-tg3t5f){background:var(--station-color, var(--base-print-brand, #1ac0da))}.station-grid-wrap.svelte-f8reud{display:flex;flex-direction:column;gap:var(--pd-lg, 16px)}.grid.svelte-f8reud{display:grid;gap:var(--pd-sm, 8px);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width: 420px){.grid.svelte-f8reud{grid-template-columns:1fr}}.topbar.svelte-m56yfz{display:flex;align-items:center;justify-content:space-between;gap:var(--pd-md, 12px);width:100%;min-width:0}.brand.svelte-m56yfz{display:inline-flex;align-items:center;gap:var(--pd-sm, 8px)}.wordmark.svelte-m56yfz{color:var(--base-print-highlight, #e0ebf4);letter-spacing:.04em}.preview-pill.svelte-m56yfz{display:inline-flex;align-items:center;padding:2px var(--pd-xs, 6px);border-radius:999px;border:1px solid color-mix(in srgb,var(--base-print-key, #e1b03c) 50%,transparent);background:color-mix(in srgb,var(--base-print-key, #e1b03c) 14%,transparent);color:var(--base-print-key, #e1b03c);text-transform:uppercase;letter-spacing:.08em;line-height:1}.count.svelte-m56yfz{margin:0;color:var(--base-print-subtle, #8691a0);font-variant-numeric:tabular-nums}.preview-banner.svelte-m56yfz{display:flex;flex-direction:column;gap:var(--pd-2xs, 4px);padding:var(--pd-md, 12px) var(--pd-lg, 16px);border-radius:var(--radius-md, 6px);border:1px solid color-mix(in srgb,var(--base-print-key, #e1b03c) 35%,transparent);background:color-mix(in srgb,var(--base-print-key, #e1b03c) 8%,var(--base-elevated, #21232c));color:var(--base-print-highlight, #e0ebf4)}.preview-banner-title.svelte-m56yfz{margin:0;color:var(--base-print-key, #e1b03c)}.preview-banner-body.svelte-m56yfz{margin:0;color:var(--base-print-subtle, #8691a0)}
