/* Radio uses the site's graphite, amber, and existing motion curve. */
.site-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.site-radio-link{display:flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:50px;font-size:.8125rem;font-weight:600;color:var(--muted)}.site-radio-link svg,.r-icon svg,.r-search svg,.r-main-play svg,.r-station-play svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-radio-link[aria-current=page]{color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}
.r-page{max-width:1120px;padding-bottom:60px}.r-page .breadcrumb{margin-bottom:36px}.r-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;gap:24px}.r-intro h1{font-family:inherit;font-size:clamp(2.8rem,5vw,4.5rem);letter-spacing:-.045em;line-height:1.06;font-weight:750;margin:12px 0 18px}.r-lead{font-size:1rem;line-height:1.7}.r-intro-count{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.75rem;max-width:160px;line-height:1.4}.r-intro-count b{font-size:3.5rem;line-height:1;font-weight:650;letter-spacing:-.06em;color:var(--accent)}
.r-feature{display:grid;grid-template-columns:40% 1fr;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);margin-bottom:56px}.r-feature-art{min-height:310px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.r-feature-art>img{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.22));z-index:1}.r-art-lines{position:absolute;inset:26px;border-radius:50%;border:1px solid rgba(var(--text-rgb),.06);transform:scale(1.4)}.r-art-lines:before,.r-art-lines:after{content:"";position:absolute;inset:24px;border:1px solid rgba(var(--text-rgb),.05);border-radius:50%}.r-art-lines:after{inset:48px}.r-art-caption{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:.5625rem;font-weight:650;letter-spacing:.22em;color:rgba(var(--text-rgb),.5)}
.r-tone-0{background:radial-gradient(ellipse at 50% 40%,#5a4034,#27272a 80%)}.r-tone-1{background:radial-gradient(ellipse at 50% 40%,#3e4356,#27272e 80%)}.r-tone-2{background:radial-gradient(ellipse at 50% 40%,#4c384e,#2a252d 80%)}.r-tone-3{background:radial-gradient(ellipse at 50% 40%,#3b5049,#242b2a 80%)}.r-tone-4{background:radial-gradient(ellipse at 50% 40%,#5a5038,#2d2a25 80%)}
.r-feature-copy{padding:36px 40px;align-self:center;min-width:0}.r-kicker{font-size:.75rem;font-weight:600;line-height:1.5;color:var(--accent);min-height:18px}.r-feature h2{font-family:inherit;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.035em;margin:12px 0 8px;line-height:1.15}.r-feature-copy>p[data-radio-genre]{font-size:.875rem}.r-feature-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.r-main-play{border:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:138px;padding:12px 22px;border-radius:50px;background:var(--accent);color:var(--on-accent);font-weight:650;font-size:.875rem;white-space:nowrap}.r-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--text);padding:0;flex-shrink:0}.r-next{width:48px;height:48px}.r-volume{display:grid;gap:5px;min-width:64px;flex:1;max-width:150px;margin-left:8px;font-size:.625rem;color:var(--muted)}.r-volume input{width:100%;min-height:24px;margin:0;accent-color:var(--accent);cursor:pointer}.r-feedback{font-size:.75rem;color:var(--danger);margin-top:12px;line-height:1.5}.r-feedback:empty{display:none}.r-popout{font-size:.75rem;color:var(--accent);display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:8px}.r-popout-note{font-size:.6875rem;line-height:1.5;max-width:280px}
.r-library-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.r-library h2{font-family:inherit;font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.r-search{display:flex;align-items:center;gap:10px;border-radius:50px;background:var(--field-bg);border:1px solid var(--line);padding:0 16px;width:280px;min-width:0}.r-search svg{width:18px;height:18px;color:var(--muted)}.r-search input{background:transparent;border:0;outline:0;width:100%;min-height:46px;color:var(--text);font-size:16px;min-width:0}.r-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.r-filters{display:flex;flex-wrap:wrap;gap:8px}.r-filters button,.r-empty button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:50px;font-size:.75rem;min-height:44px;padding:10px 17px}.r-filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.r-results{font-size:.6875rem;margin:16px 0;color:var(--muted)}.r-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.r-station{position:relative;min-width:0;border-radius:17px;border:1px solid var(--line);overflow:hidden;background:var(--panel);isolation:isolate}.r-station[hidden]{display:none}.r-station:before{content:"";position:absolute;inset:0;border:1px solid var(--accent);border-radius:16px;pointer-events:none;opacity:0;z-index:2;transition:opacity 160ms var(--ease)}.r-station.is-selected:before{opacity:1}.r-station-select{display:flex;flex-direction:column;width:100%;text-align:left;border:0;background:transparent;padding:0 0 17px;min-height:100%;color:var(--text)}.r-station-select:focus-visible{outline-offset:-4px}.r-station-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1.25;width:100%;position:relative;overflow:hidden}.r-station-art>img{width:63%;height:78%;object-fit:contain}.r-station-name{font-size:.875rem;font-weight:650;line-height:1.3;display:block;padding:17px 16px 0}.r-station-genre{display:block;font-size:.6875rem;color:var(--muted);padding:6px 16px 0;line-height:1.5}.r-station-play{position:absolute;bottom:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--bg-rgb),.75);opacity:0;transition:opacity 160ms var(--ease)}.r-station.is-selected .r-station-play{opacity:1;color:var(--accent)}.r-station-play svg{width:18px;height:18px}.r-favorite{position:absolute;top:5px;right:5px;border:0;background:rgba(var(--bg-rgb),.45);color:var(--muted);width:44px;height:44px}.r-favorite svg{width:17px;height:17px}.r-favorite[aria-pressed=true]{color:var(--accent)}.r-favorite[aria-pressed=true] svg{fill:currentColor}.r-empty{text-align:center;padding:58px 20px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.r-empty h3{font-size:1rem}.r-empty p{font-size:.8125rem;margin:10px 0 18px}.r-empty[hidden]{display:none}.r-page-note{margin-top:30px;font-size:.75rem;line-height:1.6}
/* The dock remains above phone navigation, safe areas, and consent controls. */
.r-dock{position:fixed;z-index:18;bottom:24px;left:50%;width:min(560px,calc(100% - 40px));transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid var(--line-strong);border-radius:19px;background:rgba(var(--panel-rgb),.96);box-shadow:0 12px 44px rgba(0,0,0,.3);backdrop-filter:blur(16px);isolation:isolate}.r-dock[hidden]{display:none}.r-dock-art{width:50px;height:50px;flex-shrink:0;border-radius:11px;background:var(--field-bg);padding:5px;object-fit:contain}.r-dock-copy{min-width:0;flex:1;line-height:1.3;display:flex;flex-direction:column;gap:5px}.r-dock-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8125rem}.r-dock-copy span{font-size:.625rem;color:var(--muted)}.r-dock .r-main-play{min-width:44px;min-height:44px;padding:11px;width:44px}.r-dock .r-main-play svg{width:20px;height:20px}.r-dock-close{width:36px;height:44px;border:0;border-radius:10px;background:none;color:var(--muted);padding:0;flex-shrink:0}.r-dock-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}.r-on-page .r-dock{display:none}.r-docked .site-footer{padding-bottom:120px}.r-main-play,.r-icon,.r-dock-close{transition:transform 140ms var(--ease)}.r-main-play:active,.r-icon:active,.r-dock-close:active{transform:scale(.97)}.keyboard .r-main-play,.keyboard .r-icon,.keyboard .r-dock-close{transition:none;transform:none}
@media(hover:hover) and (pointer:fine){.r-station-select:hover .r-station-play{opacity:1}.r-icon:hover,.r-dock-close:hover{background:var(--surface)}.r-popout:hover{text-decoration:underline}.site-radio-link:hover{color:var(--accent)}}
@media(max-width:1150px){.site-radio-link span{display:none}.site-radio-link{padding:0;justify-content:center}.r-feature-copy{padding:30px}.r-volume{display:none}}
@media(max-width:900px){.r-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.r-intro-count{display:none}.r-feature-copy{padding:26px}.r-feature-art>img{width:170px;height:170px}.r-feature-art{min-height:300px}}
@media(max-width:760px){.site-header-actions{gap:0;margin-left:auto}.site-header-actions .header-social{margin-left:0}.r-page .breadcrumb{margin-bottom:24px}.r-intro{margin-bottom:26px}.r-intro h1{font-size:3rem}.r-lead{font-size:.875rem}.r-feature{border-radius:20px;grid-template-columns:1fr;margin-bottom:36px}.r-feature-art{min-height:240px}.r-feature-art>img{width:180px;height:180px}.r-art-caption{bottom:16px}.r-feature-copy{padding:26px}.r-feature-actions{margin-top:22px}.r-feature h2{font-size:1.6rem}.r-library-top{display:block}.r-search{width:100%;margin-top:20px}.r-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.r-station-name{padding:14px 12px 0;font-size:.8125rem}.r-station-genre{padding:6px 12px 0;font-size:.625rem}.r-filters{gap:6px}.r-filters button{padding:10px 13px}.r-station-play{opacity:1}.r-dock{bottom:calc(82px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);gap:10px;border-radius:16px}.r-dock-art{width:44px;height:44px}.r-dock .r-next{display:none}.r-docked .site-footer{padding-bottom:185px}.site-input-open .r-dock{display:none}.r-volume{display:none}}
@media(prefers-reduced-motion:reduce){.r-main-play,.r-icon,.r-dock-close{transform:none!important;transition:none}.r-station:before,.r-station-play{transition:opacity 120ms ease}}
@media(prefers-reduced-transparency:reduce){.r-dock{background:var(--panel);backdrop-filter:none}}
@media(prefers-contrast:more){.r-dock,.r-station,.r-feature{border-color:var(--text)}.r-dock{background:var(--panel);backdrop-filter:none}}

.r-volume[hidden]{display:none}.r-feature-actions{flex-wrap:wrap}.keyboard .r-station:before,.keyboard .r-station-play{transition:none}