:root{--background:#fffefb;--surface:#fffefb;--surface-strong:#f7f1d7;--navigation-surface:#fffef6;--player-surface:#fffef6;--text:#143430;--muted:#62716a;--accent:#ffe000;--focus:#006a67;--validation:#ba1a1a;--border:#14343021;--shadow:0 18px 50px #1434301f}@media (prefers-color-scheme:dark){html[data-theme=system]{--background:#111f1a;--surface:#1a2d25;--surface-strong:#22382e;--navigation-surface:#22382e;--player-surface:#1a2d25;--text:#eff5ef;--muted:#b5c4b8;--accent:#ffed00;--focus:#ffed00;--validation:#ffb4ab;--border:#ffffff1f;--shadow:0 18px 50px #00000047}}html[data-theme=dark]{--background:#111f1a;--surface:#1a2d25;--surface-strong:#22382e;--navigation-surface:#22382e;--player-surface:#1a2d25;--text:#eff5ef;--muted:#b5c4b8;--accent:#ffed00;--focus:#ffed00;--validation:#ffb4ab;--border:#ffffff1f;--shadow:0 18px 50px #00000047}*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{--shell-top:0px;--shell-bottom:0px;min-height:100dvh;padding-inline-start:224px;padding-bottom:var(--shell-bottom)}.app-shell.has-player{--shell-bottom:88px}.sidebar{background:var(--navigation-surface);border-inline-end:1px solid var(--border);z-index:20;flex-direction:column;align-items:stretch;width:224px;padding:26px 14px 16px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.app-shell.has-player .sidebar{inset-block-end:88px}.brand{align-items:center;gap:11px;display:flex}.brand span{line-height:1.05;display:grid}.brand strong{font-size:.94rem}.brand em{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:.74rem;font-style:normal}.brand-mark{flex:none;place-items:center;display:inline-grid}.brand-mark>svg{grid-area:1/1}.brand-mark-dark,html[data-theme=dark] .brand-mark-light{display:none}html[data-theme=dark] .brand-mark-dark{display:block}@media (prefers-color-scheme:dark){html[data-theme=system] .brand-mark-light{display:none}html[data-theme=system] .brand-mark-dark{display:block}}.sidebar-nav{margin-top:16px;overflow-y:auto}.nav-link{color:var(--muted);border-radius:9px;align-items:center;gap:12px;min-height:44px;padding:11px 14px;font-size:.87rem;font-weight:600;display:flex}.nav-link:hover{background:color-mix(in srgb, var(--text) 5%, transparent);color:var(--text)}.nav-link[aria-current=page]{background:var(--accent);color:#143430}.mobile-header,.bottom-nav,.menu-close,.navigation-backdrop{display:none}.route-content{max-width:1680px;min-height:calc(100dvh - var(--shell-top) - var(--shell-bottom));flex-direction:column;min-width:0;margin:0 auto;padding:32px clamp(24px,3vw,48px) 24px;display:flex}.route-body{padding-bottom:36px}.hero{color:#fffef6;background:#205548;border-radius:16px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:30px;min-height:220px;padding:28px 36px;display:grid;position:relative;overflow:hidden}.home-hero{grid-template-columns:minmax(0,1fr) 172px;grid-template-areas:"copy icon""actions icon";gap:18px 32px;min-height:0;padding:30px 32px}.home-hero-copy{grid-area:copy}.home-hero h1{max-width:680px;font-size:clamp(1.75rem,3vw,2.65rem)}.home-brand-mark{grid-area:icon;place-self:center end;width:100%;height:auto}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 9px;font-size:.69rem;font-weight:750;display:flex}h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,3.3vw,3rem);line-height:1.1}h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.25}.hero-copy{color:#d5e5d9;max-width:540px;margin:12px 0 20px;font-size:.93rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.home-hero .hero-copy{margin-bottom:0}.button{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 18px;font-size:.84rem;font-weight:700;display:inline-flex}.button-primary{background:var(--accent);color:#143430}.button-secondary{background:var(--surface-strong);border:1px solid var(--border);color:var(--text)}.home-hero-actions{--home-action-height:44px;flex-wrap:wrap;grid-area:actions;align-items:center;gap:12px;display:flex}.home-hero-actions .button{height:var(--home-action-height);min-height:var(--home-action-height)}.store-badge{height:var(--home-action-height);flex:none;display:block}.store-coming-soon{opacity:.5}.store-coming-soon img{width:auto;height:100%;display:block}.google-play-badge{aspect-ratio:564/168;border-radius:5px;position:relative;overflow:hidden}.google-play-badge img{width:114.54%;max-width:none;height:auto;position:absolute;top:-24.4%;left:-7.27%}.section-block{margin-top:36px}.listening-guide{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px;margin-top:40px;padding-top:26px;display:grid}.listening-guide h2{font-size:1.1rem}.listening-guide p,.page-introduction,.station-introduction{color:var(--muted);max-width:76ch;font-size:.84rem;line-height:1.7}.listening-guide p{margin:10px 0 0}.listening-guide details{border-bottom:1px solid var(--border);padding:12px 0}.listening-guide details:first-child{padding-top:0}.listening-guide summary{cursor:pointer;font-size:.84rem;font-weight:650;line-height:1.5}.listening-guide details[open]{padding-bottom:16px}@media (max-width:760px){.listening-guide{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:30px}}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.home-station-section .section-heading h2{align-items:center;gap:9px;display:flex}.home-station-section .station-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home-station-section .station-card:nth-child(n+13){display:none}.home-nearby-loading .home-nearby-heading-skeleton{background:var(--surface-strong);border-radius:10px;max-width:220px;height:clamp(24px,2.25vw,31px);margin-bottom:17px;animation:1.2s ease-in-out infinite alternate skeleton-pulse}.home-nearby-loading .station-skeletons{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:18px}.home-nearby-loading .station-skeleton{gap:9px;padding:5px}.home-nearby-loading .station-skeleton>span{height:17px}.home-nearby-loading .station-skeleton>span:last-child{height:24px}.home-nearby-loading .station-skeleton:nth-child(n+13){display:none}.text-link{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;font-size:.8rem;font-weight:650;display:inline-flex}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.country-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px;font-size:.86rem;font-weight:650;display:grid}.country-card:hover{border-color:var(--muted)}.content-page{padding-top:7px}.content-page>h1{margin-bottom:26px}.legal-page{max-width:880px}.legal-page h2{margin-top:28px;font-size:1.12rem}.legal-page p{color:var(--muted);font-size:.9rem;line-height:1.8}.legal-page a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.legal-page code{font-size:.88em}.search-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:100%;padding:6px 7px 6px 16px;display:grid}.search-form input{color:var(--text);background:0 0;border:0;outline:0;min-width:0;padding:8px 0}.filter-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:10px;margin-top:14px;display:grid}.filter-row label,.custom-form label,.select-label{color:var(--muted);gap:6px;font-size:.76rem;font-weight:750;display:grid}.filter-row input,.filter-row select,.custom-form input,.select-label select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;min-width:0;padding:11px 12px}.filter-combobox-label{gap:6px;min-width:0;display:grid;position:relative}.filter-combobox{min-width:0;position:relative}.filter-combobox.is-open{z-index:35}.filter-combobox input{width:100%;padding-inline-end:34px}html[data-keyboard-navigation=false] .filter-combobox input:focus-visible{border-color:var(--border);outline:none}html[data-keyboard-navigation=true] .filter-combobox input:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}.filter-combobox-chevron{color:var(--muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:11px;transform:translateY(-50%)}.filter-options{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);max-height:var(--filter-options-max-height,450px);overscroll-behavior:contain;scrollbar-color:var(--accent) transparent;scrollbar-width:thin;z-index:35;border-top:0;border-radius:0 0 12px 12px;padding:7px 6px 6px;display:grid;position:absolute;inset-block-start:calc(100% - 1px);inset-inline:0;overflow-y:auto}.filter-options::-webkit-scrollbar{width:10px}.filter-options::-webkit-scrollbar-thumb{background:var(--accent);border:3px solid var(--surface);border-radius:999px}@supports selector(::-webkit-scrollbar){.filter-options{scrollbar-color:auto;scrollbar-width:auto}.filter-options::-webkit-scrollbar-track{background:var(--surface-strong)}}.filter-combobox.is-open input{z-index:36;border-end-end-radius:0;border-end-start-radius:0;position:relative}.filter-options button{color:var(--text);text-align:start;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;display:flex}.filter-options button:hover,.filter-options button.is-active,.filter-options button[aria-selected=true]{background:var(--surface-strong)}.filter-options button[aria-selected=true]{font-weight:750}.filter-options small{color:var(--muted);font-size:.67rem}.filter-options-empty{color:var(--muted);padding:12px 10px}.results{min-height:240px}.station-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px 16px;margin-top:18px;display:grid}.station-card{border:1px solid #0000;border-radius:14px;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0;padding:5px;display:grid}.station-art-stage{aspect-ratio:1;min-width:0;position:relative}.station-art-link{aspect-ratio:1;clip-path:inset(0 round 16px);color:#fff;background:#fff;border:0;border-radius:16px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 3px 10px #142d2510}.station-artwork{object-fit:contain;background:#fff;width:100%;height:100%}.station-art-link:focus-visible,.station-detail-art:focus-visible{outline-offset:-3px}.station-art-overlay{border-radius:inherit;color:#fff;opacity:0;background:#09241f8f;justify-content:center;align-items:center;transition:opacity .16s;display:flex;position:absolute;inset:0}.station-art-overlay svg{width:clamp(38px,28%,54px);height:clamp(38px,28%,54px)}.station-art-link:hover .station-art-overlay,.station-art-link:focus-visible .station-art-overlay,.station-detail-art:hover .station-art-overlay,.station-detail-art:focus-visible .station-art-overlay,.station-art-overlay[data-state=playing],.station-art-overlay[data-state=loading],.station-art-overlay[data-state=paused]{opacity:1}.station-art-overlay[data-state=paused]{background:#09241f70}.artwork-pause,:is(.station-art-link,.station-detail-art):is(:hover,:focus-visible) .station-art-overlay[data-state=playing] .playing-waveform{display:none}:is(.station-art-link,.station-detail-art):is(:hover,:focus-visible) .station-art-overlay[data-state=playing] .artwork-pause{display:block}.station-favorite{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#24453d;bottom:10px;z-index:3;background:#fffffff0;border:1px solid #1434301f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:absolute;inset-inline-start:10px;box-shadow:0 4px 16px #0b261f24}.station-favorite svg{width:23px;height:23px}.station-favorite.is-saved{color:#b02a4b}.station-card-copy{min-width:0}.station-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;font-weight:650;line-height:1.4;overflow:hidden}.station-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:.72rem;overflow:hidden}.station-tag{color:var(--muted);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:.68rem;display:block;overflow:hidden}.station-play,.player-primary{background:var(--accent);color:#143430;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-button.is-saved{color:#b02a4b}.playing-waveform{justify-content:center;align-items:center;gap:4px;width:clamp(38px,28%,48px);height:clamp(34px,25%,44px);display:flex}.playing-waveform i{background:currentColor;border-radius:999px;width:5px;height:42%;animation:.72s ease-in-out infinite alternate waveform}.playing-waveform i:nth-child(2){height:86%;animation-delay:-.42s}.playing-waveform i:nth-child(3){height:62%;animation-delay:-.2s}.playing-waveform i:nth-child(4){height:100%;animation-delay:-.56s}.playback-spinner{animation:1s linear infinite vinyl-spin}@keyframes waveform{to{height:100%}}.pagination{justify-content:center;align-items:center;gap:7px;margin:28px 0;display:flex}.pagination-page,.pagination-step{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 10px;font-weight:700;display:flex}.pagination-page[aria-current=page]{background:var(--accent);color:#143430;border-color:#0000}.pagination-page:disabled{opacity:1}.pagination-step{font-size:1.35rem}.pagination-gap{color:var(--muted);padding:0 3px}.notice,.error-panel{background:var(--surface-strong);border:1px solid var(--border);color:var(--muted);border-radius:14px;margin-top:16px;padding:12px 15px}.error-panel{justify-content:space-between;align-items:center;gap:12px;display:flex}.empty-panel,.settings-card{background:var(--surface);border:1px solid var(--border);color:var(--muted);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin-top:24px;padding:28px;display:flex}.empty-panel>span{font-size:3rem}.empty-panel h2,.settings-card h2{color:var(--text);margin-top:16px}.mini-player{background:var(--player-surface);border-top:1px solid var(--border);bottom:0;z-index:40;grid-template-columns:54px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;min-height:88px;padding:14px 24px;display:grid;position:fixed;inset-inline:0;box-shadow:0 -4px 20px #10231b08}.mini-player.has-station{cursor:pointer}.mini-player>button,.mini-volume,.mini-timer>summary,.mini-tools>.icon-button{-webkit-user-select:none;user-select:none}.mini-art-button,.mini-copy{color:inherit;text-align:start;background:0 0;border:0;padding:0}.mini-art-button:disabled,.mini-copy:disabled{opacity:1}.mini-art{clip-path:inset(0 round 16px);background:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden}.mini-station-art{object-fit:contain;background:#fff;width:100%;height:100%}.mini-copy{gap:4px;min-width:0;display:grid}.mini-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.mini-action{padding-block:10px}.icon-button{color:var(--text);background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mini-play{width:52px;height:52px}.mobile-header-actions{gap:7px;display:flex}.player-backdrop{z-index:60;background:#050e109e;justify-content:center;align-items:center;padding:clamp(18px,3vh,36px) 16px;display:flex;position:fixed;inset:0}.full-player{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:34px;flex-direction:column;align-items:center;width:100%;max-width:648px;max-height:calc(100dvh - clamp(36px,6vh,72px));padding:32px 40px;display:flex;position:relative;overflow:auto}.player-close{position:absolute;inset-block-start:17px;inset-inline-end:17px}.full-vinyl{aspect-ratio:1;background:url(/brand/vinyl-background.png) 50%/cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(120px,30dvh,300px);max-width:76%;margin:4px auto 20px;display:flex}.full-vinyl img{clip-path:inset(0 round 14px);object-fit:contain;background:#fff;border-radius:14px;width:58%;height:58%}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.full-player-copy{width:100%;min-width:0}.full-player-copy .eyebrow{justify-content:center}.full-player-copy h2{overflow-wrap:anywhere;font-size:clamp(1.4rem,3vw,1.9rem)}.full-player-copy>p:last-child{color:var(--muted)}.player-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(6px,2vw,16px);width:100%;max-width:480px;margin:14px 0;display:grid}.player-control-group{align-items:center;gap:clamp(6px,2vw,16px);min-width:0;display:flex}.player-control-leading{justify-content:flex-end}.player-control-trailing{justify-content:flex-start}.player-primary{flex-shrink:0}.player-timer-toggle{position:relative}.full-player-timer{width:100%;max-width:380px}.full-player-timer .player-limit{margin:10px 4px}.player-primary{width:62px;height:62px}.player-error{background:color-mix(in srgb, #ba1a1a 12%, var(--surface));color:var(--text);border-radius:13px;padding:11px;font-size:.84rem}.player-error button,.notice button{color:inherit;background:0 0;border:0;margin-inline-start:8px;font-weight:800}.volume-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;width:100%;max-width:320px;margin:12px 0 4px;display:grid}.volume-control input{width:100%}.player-volume{appearance:none;background:linear-gradient(to right, var(--accent) 0 var(--volume-level), var(--surface-strong) var(--volume-level) 100%);direction:ltr;border:0;border-radius:999px;height:6px;padding:0}.player-volume::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:999px;height:6px}.player-volume::-webkit-slider-thumb{appearance:none;background:var(--accent);border:0;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 0 1px #14343022}.player-volume::-moz-range-track{background:var(--surface-strong);border:0;border-radius:999px;height:6px}.player-volume::-moz-range-progress{background:var(--accent);border:0;border-radius:999px;height:6px}.player-volume::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #14343022}.timer-panel{width:100%}.timer-control{background:var(--surface-strong);border-radius:14px;align-items:center;gap:10px;width:100%;margin-top:8px;padding:10px;display:flex}.timer-control>svg{flex:none}.timer-control span{text-align:start;flex:1}.timer-countdown{font-variant-numeric:tabular-nums}.timer-control button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:6px 8px}.timer-form{flex:1;grid-template-columns:minmax(4.75rem,6rem) auto;justify-content:start;align-items:end;gap:8px;display:grid}.timer-form label{color:var(--muted);text-align:start;gap:4px;font-size:.7rem;font-weight:750;display:grid}.timer-form input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;width:100%;min-width:0;padding:8px 9px;font-size:1rem;line-height:1.1}.timer-validation{color:var(--validation);text-align:start;margin:7px 4px 0;font-size:.76rem}.timer-notice{color:var(--text);text-align:start;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.8rem;display:flex}.timer-notice .button{flex:none;padding:8px 12px}.player-limit{color:var(--muted);font-size:.76rem;line-height:1.4}.station-back{color:var(--muted);align-items:center;gap:7px;margin-bottom:20px;font-size:.82rem;font-weight:750;display:inline-flex}.station-detail{background:var(--surface);border:1px solid var(--border);border-radius:24px;grid-template-columns:minmax(210px,280px) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,54px);padding:clamp(24px,4vw,48px);display:grid;overflow:hidden;box-shadow:0 10px 32px #142d250c}.station-detail-art-stage{aspect-ratio:1;width:100%;position:relative}.station-detail-art{aspect-ratio:1;clip-path:inset(0 round 22px);color:#fff;background:#fff;border:0;border-radius:22px;width:100%;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 28px #142d2514}.station-detail-art img{object-fit:contain;width:100%;height:100%}.station-detail-favorite{bottom:14px;width:48px;height:48px;inset-inline-start:14px}.station-detail-copy{min-width:0}.station-detail h1{max-width:900px;font-size:clamp(2rem,4vw,3.5rem)}.station-information{flex-wrap:wrap;gap:7px;margin:18px 0 0;display:flex}.station-information>div{background:var(--surface-strong);border-radius:14px;align-items:baseline;gap:6px;max-width:100%;padding:6px 10px;display:flex}.station-information dt{color:var(--muted);letter-spacing:.04em;flex:none;font-size:.7rem;font-weight:750}.station-information dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.8rem;line-height:1.3}.station-detail-actions{margin-top:28px}.station-homepage{margin-top:0}.library-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.storage-note{color:var(--muted);align-items:start;gap:8px;max-width:800px;font-size:.78rem;line-height:1.65;display:flex}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin:24px 0;padding:24px}.custom-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.custom-form label span{font-weight:500}.custom-logo-upload{background:var(--surface-strong);border:1px dashed var(--border);border-radius:16px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:16px;gap:14px!important;display:grid!important}.custom-logo-upload-control{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;min-width:0;display:flex}.custom-file-input{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.custom-file-input-button{flex:none;min-height:38px;padding:8px 14px}.custom-file-input input:focus-visible+.custom-file-input-button{outline:3px solid var(--focus);outline-offset:3px}.custom-file-input-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.76rem;font-weight:500;overflow:hidden}.custom-logo-preview{border:1px solid var(--border);background:#fff;border-radius:11px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.custom-logo-preview-image{object-fit:contain;width:100%;height:100%}.custom-form .button,.form-error{grid-column:1/-1}.custom-form .custom-form-save{grid-column:1/-1;justify-self:start}.form-error{color:#ba1a1a}.section-empty{background:var(--surface);border:1px dashed var(--border);color:var(--muted);border-radius:16px;padding:24px}.custom-list{gap:10px;display:grid}.custom-row .station-grid{grid-template-columns:minmax(0,1fr)}.custom-row{align-items:center;gap:8px;display:flex}.custom-row .grow{flex:1;min-width:0}.custom-row .station-grid{margin-top:0}.custom-row .station-card{grid-template-columns:90px minmax(0,1fr);padding-inline-end:56px;position:relative}.custom-row .station-art-stage{position:static}.custom-row .station-art-link{aspect-ratio:1}.custom-row .station-favorite{bottom:auto;inset-block-start:50%;inset-inline:auto 4px;transform:translateY(-50%)}.danger{color:#ba1a1a}.settings-section{text-align:start;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:28px;min-height:0;padding:24px;display:grid}.settings-section h2{margin:0}.settings-section p{margin:7px 0 0;line-height:1.55}.settings-section-header{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.settings-icon{background:var(--surface-strong);color:var(--text);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-icon svg{width:21px;height:21px}.settings-icon svg+svg{margin-inline-start:-11px;margin-top:12px}.settings-section-control{justify-self:end}.storage-status{color:var(--muted);font-size:.78rem;font-weight:650}.storage-status-granted{color:var(--text)}.segmented{background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;padding:4px;display:flex}.segmented button{color:var(--muted);text-transform:capitalize;background:0 0;border:0;border-radius:10px;padding:9px 11px}.segmented button[aria-pressed=true]{background:var(--accent);color:#143430}.select-label select{min-width:180px}.settings-link-list{gap:10px;min-width:210px;display:grid}.settings-link-list a{align-items:center;gap:6px;font-weight:750;display:flex}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}html[data-keyboard-navigation=false] :focus-visible:not(input):not(textarea):not(select){outline:none}.sidebar-brand{justify-content:space-between;align-items:center;gap:8px;padding-inline:7px 0;display:flex}.sidebar-brand .brand{gap:6px}.sidebar-brand .brand strong{white-space:nowrap;font-size:1.08rem}.sidebar-search{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;height:44px;margin:24px 0 0;padding:4px 5px 4px 14px;display:grid}.sidebar-search input{color:var(--text);background:0 0;border:0;outline:0;min-width:0;padding:7px 0;font-size:.87rem}.sidebar-search button{background:var(--accent);color:#143430;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-search button:hover{filter:brightness(.96)}.nav-group{gap:3px;display:grid}.nav-group-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:28px 14px 9px;font-size:.65rem;font-weight:750;display:block}.nav-link svg,.storage-note svg{flex-shrink:0}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding-top:18px}.interface-language{position:relative}.interface-language-trigger{text-align:start;background:0 0;border:0;width:100%}.interface-language-trigger>span{flex:1;gap:3px;min-width:0;display:grid}.interface-language-trigger small{font-size:.62rem;font-weight:500}.interface-language-trigger bdi{color:var(--text);text-overflow:ellipsis;overflow:hidden}.interface-language-trigger>svg:last-child{transition:transform .15s}.interface-language-trigger>svg.is-open{transform:rotate(180deg)}.interface-language-popover{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);bottom:calc(100% + 8px);z-index:50;border-radius:14px;width:272px;max-width:calc(100vw - 48px);padding:8px;position:absolute;inset-inline-start:0}.interface-language-search{border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:6px;padding:7px 8px 13px;display:flex}.interface-language-search input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:.85rem}.interface-language-options{overscroll-behavior:contain;scrollbar-color:var(--accent) transparent;scrollbar-width:thin;max-height:min(340px,100dvh - 240px);overflow-y:auto}.interface-language-options button{color:var(--text);text-align:start;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:9px 10px;font-size:.87rem;display:flex}.interface-language-options button:hover,.interface-language-options button.is-active{background:var(--surface-strong)}.interface-language-options button[aria-selected=true]{font-weight:750}.interface-language-options small{color:var(--muted);font-size:.65rem}.page-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.hero .eyebrow{color:#d5e5d9}.hero h2{max-width:500px;font-size:clamp(1.6rem,2.4vw,2.25rem)}.station-art-link:hover{box-shadow:0 4px 16px #142d2524}.icon-button:hover{background:var(--surface-strong)}.menu-close{display:none}.icon-button.is-active{background:var(--accent);color:#143430}.mini-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.mini-tools{justify-content:end;align-items:center;gap:12px;display:flex}.mini-volume{align-items:center;gap:9px;max-width:130px;display:flex}.mini-volume input{width:85px;min-width:0}.mini-timer summary{cursor:pointer;list-style:none;position:relative}.mini-timer summary::-webkit-details-marker{display:none}.timer-badge{background:var(--accent);color:#143430;text-align:center;border-radius:8px;min-width:16px;padding:2px;font-size:.6rem;position:absolute;inset:-3px -4px auto auto}.timer-popover{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);bottom:calc(100% + 8px);border-radius:14px;width:370px;padding:14px;position:absolute;inset-inline-end:20px}.timer-popover .timer-control{margin:0}.timer-popover .player-limit{margin:12px 2px 0}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.genre-card{color:#234d3d;background:#e8edda;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:20px;display:grid}.genre-card>svg:first-child{grid-column:1/-1;margin-bottom:13px}.genre-1{color:#514516;background:#f8ecc0}.genre-2{color:#224c3b;background:#dcebe0}.directory-search{background:var(--surface);border:1px solid var(--border);border-radius:11px;align-items:center;gap:12px;max-width:560px;padding:13px 16px;display:flex}.directory-search input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;margin-top:26px;display:grid}.directory-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:16px 4px;display:flex}.directory-item>span{gap:5px;min-width:0;display:grid}.directory-item strong{overflow-wrap:anywhere;text-transform:capitalize;font-size:.87rem;font-weight:650}.directory-item small{color:var(--muted);font-size:.72rem}.directory-item svg{color:var(--muted);flex-shrink:0}.directory-item:hover{color:var(--focus)}.site-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-top:auto;padding-top:18px;font-size:.72rem;line-height:1.6;display:flex}.footer-copy{max-width:620px}.footer-copy p{margin:0}.footer-copy p+p{margin-top:6px;font-size:.67rem}.site-footer nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.site-footer a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.analytics-notice{background:var(--surface);border:1px solid var(--border);bottom:calc(var(--shell-bottom) + 16px);box-shadow:var(--shadow);max-height:calc(100dvh - var(--shell-top) - var(--shell-bottom) - 32px);z-index:45;border-radius:16px;width:min(440px,100vw - 40px);padding:20px;position:fixed;inset-inline-end:20px;overflow-y:auto}.analytics-notice h2{font-size:1rem}.analytics-notice p{color:var(--muted);margin:10px 0 16px;font-size:.8rem;line-height:1.65}.analytics-notice>a{color:var(--muted);text-underline-offset:3px;margin-top:12px;font-size:.73rem;text-decoration:underline;display:inline-block}.analytics-notice-actions,.analytics-settings-actions{flex-wrap:wrap;gap:8px;display:flex}.analytics-notice-actions .button{flex:160px;font-size:.76rem}.analytics-status{font-weight:650;color:var(--text)!important}.ad-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.ad-content{min-width:0;container-type:inline-size}.ad-preview{background:var(--surface-strong);border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:6px;flex-direction:column;justify-content:center;padding:14px;font-size:.74rem;display:flex}.ad-preview>span{letter-spacing:.12em;text-transform:uppercase;font-size:.6rem}.ad-preview-size{margin-block:12px;font-size:1.1rem}.ad-preview p{font-size:.67rem;line-height:1.6}.ad-rail-group{justify-items:center;gap:28px;display:grid}.ad-preview-rail{width:300px;height:600px}.ad-preview-square{width:250px;height:250px}.ad-preview-banner{width:300px;height:50px;margin:0 auto 28px;padding:5px}.ad-preview-banner .ad-preview-size{margin:2px 0 0;font-size:.8rem}.ad-preview-banner p,.ad-size-medium,.ad-size-wide{display:none}@container (min-width:468px){.ad-preview-banner{width:468px;height:60px}.ad-size-mobile{display:none}.ad-size-medium{display:inline}}@container (min-width:728px){.ad-preview-banner{width:728px;height:90px}.ad-size-medium{display:none}.ad-size-wide{display:inline}}@container (max-width:299px){.ad-preview-banner{display:none}}@container (max-width:760px){.filter-row{grid-template-columns:1fr 1fr}.station-detail{grid-template-columns:160px minmax(0,1fr);gap:24px;padding:24px}.station-detail h1{font-size:clamp(2rem,3vw,2.4rem)}}@media (max-width:1400px){.home-station-section .station-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-station-section .station-card:nth-child(n+11){display:none}.home-nearby-loading .station-skeletons{grid-template-columns:repeat(5,minmax(0,1fr))}.home-nearby-loading .station-skeleton:nth-child(n+11){display:none}}@media (max-width:1200px){.home-station-section .station-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-station-section .station-card:nth-child(n+9){display:none}.home-nearby-loading .station-skeletons{grid-template-columns:repeat(4,minmax(0,1fr))}.home-nearby-loading .station-skeleton:nth-child(n+9){display:none}}#storage-privacy{scroll-margin-top:90px}.page-transition{animation:.22s ease-out page-arrive}@keyframes page-arrive{0%{transform:translateY(5px)}to{transform:translateY(0)}}.station-skeletons{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px 16px;margin-top:24px;display:grid}.station-skeleton{gap:12px;display:grid}.station-skeleton>div,.station-skeleton>span,.heading-skeleton{background:var(--surface-strong);border-radius:10px;animation:1.2s ease-in-out infinite alternate skeleton-pulse}.station-skeleton>div{aspect-ratio:1}.station-skeleton>span{width:82%;height:12px}.station-skeleton>span:last-child{width:56%}.heading-skeleton{max-width:280px;height:40px;margin-bottom:34px}@keyframes skeleton-pulse{to{background:color-mix(in srgb, var(--muted) 22%, var(--surface-strong))}}@media (max-width:1100px){.mini-volume{display:none}.filter-row{grid-template-columns:1fr 1fr}.ad-layout{grid-template-columns:minmax(0,1fr)}.ad-preview-rail{display:none}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:minmax(0,1fr) 120px;grid-template-areas:"copy icon""actions actions"}}@media (max-width:900px){.home-station-section .station-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-station-section .station-card:nth-child(n+7){display:none}.home-nearby-loading .station-skeletons{grid-template-columns:repeat(3,minmax(0,1fr))}.home-nearby-loading .station-skeleton:nth-child(n+7){display:none}}@media (min-width:1280px){.app-shell.has-player{--shell-bottom:80px}.app-shell.has-player .sidebar{inset-block-end:0}.mini-player{grid-template-columns:60px minmax(0,1fr) auto minmax(0,1fr);gap:13px;min-height:80px;padding:10px 20px;inset-inline-start:224px}.mini-art{width:58px;height:58px}}@media (max-height:700px){.player-backdrop{padding-block:12px}.full-player{max-height:calc(100dvh - 24px);padding:20px 28px}.player-close{inset-block-start:10px;inset-inline-end:10px}.full-vinyl{width:clamp(100px,27dvh,185px);margin:0 auto 12px}.full-player-copy h2{font-size:1.4rem}.full-player-copy p{margin-block:6px}.player-controls{margin:10px 0}.player-primary{width:54px;height:54px}.volume-control{margin:8px 0 0}}@media (max-width:800px){.app-shell{--shell-top:62px;--shell-bottom:calc(60px + env(safe-area-inset-bottom));padding:var(--shell-top) 0 var(--shell-bottom)}.app-shell.has-player{--shell-bottom:calc(132px + env(safe-area-inset-bottom))}.sidebar{display:none}.sidebar.is-open{z-index:80;width:284px;max-width:calc(100vw - 48px);display:flex;inset-block:0}.app-shell.has-player .sidebar.is-open{inset-block-end:0}.sidebar.is-open .menu-close{display:flex}.navigation-backdrop{z-index:70;background:#07191180;display:block;position:fixed;inset:0}.mobile-header{background:var(--navigation-surface);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;min-height:62px;padding:10px 18px;display:flex;position:fixed;inset:0 0 auto}.route-content{padding:22px 20px}.hero{grid-template-columns:minmax(0,1fr) 130px;gap:20px;min-height:auto;padding:26px}.home-hero{grid-template-columns:minmax(0,1fr) 120px}.station-grid,.station-skeletons{grid-template-columns:repeat(3,minmax(0,1fr))}.station-detail{grid-template-columns:140px minmax(0,1fr);gap:24px}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-player{bottom:calc(60px + env(safe-area-inset-bottom));grid-template-columns:44px minmax(0,1fr) auto auto;gap:8px;min-height:72px;padding:9px 14px}.mini-art{width:44px;height:44px}.mini-play{width:46px;height:46px}.mini-tools{gap:4px}.mini-expand{display:none}.bottom-nav{background:var(--navigation-surface);border-top:1px solid var(--border);bottom:0;min-height:calc(60px + env(safe-area-inset-bottom));padding:4px max(8px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));z-index:40;grid-template-columns:repeat(4,1fr);align-items:stretch;display:grid;position:fixed;inset-inline:0}.bottom-nav a,.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px;font-size:.66rem;font-weight:650;display:flex}.bottom-nav a[aria-current=page]{background:var(--accent);color:#143430}.timer-popover{width:340px;max-width:calc(100vw - 32px);inset-inline-end:0}}@media (max-width:520px){.route-content{padding:20px 16px}.page-heading{align-items:start;gap:10px}.hero{border-radius:12px;grid-template-columns:1fr;padding:24px}.home-hero{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"copy icon""actions actions";gap:18px 16px;padding:24px 20px}.home-hero-actions{--home-action-height:clamp(36px, 10.5vw, 44px);gap:12px}.home-hero-actions>.button{flex-basis:100%}.hero h2{font-size:1.6rem}.home-hero h1{font-size:clamp(1.45rem,7.4vw,1.9rem)}.hero-copy{font-size:.85rem}.section-heading{align-items:center;gap:12px}.section-heading>h2{max-width:68%}.country-card{gap:7px;padding:12px 10px;font-size:.78rem}.country-card>svg{display:none}.mini-player{grid-template-columns:40px minmax(0,1fr) 40px auto;gap:6px;padding:8px}.mini-copy strong{font-size:.76rem}.mini-copy span{font-size:.66rem}.mini-art{width:38px;height:38px}.mini-play{width:42px;height:42px}.mini-tools .icon-button{width:34px;height:36px}.mini-tools{gap:1px}.mini-action{display:none}.mini-player:has(.mini-action){grid-template-columns:40px minmax(0,1fr) auto}.section-block{margin-top:30px}.station-grid,.station-skeletons{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.home-station-section .station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-station-section .station-card:nth-child(n+5){display:none}.home-nearby-loading .station-skeletons{grid-template-columns:repeat(2,minmax(0,1fr))}.home-nearby-loading .station-skeleton{padding:2px}.home-nearby-loading .station-skeleton:nth-child(n+5){display:none}.station-card{padding:2px}.station-card h3{font-size:.81rem}.custom-form{grid-template-columns:1fr}.custom-logo-upload{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:13px}.custom-logo-preview{width:52px;height:52px}.library-toolbar{flex-direction:column;align-items:stretch;gap:8px}.settings-section{grid-template-columns:1fr;align-items:stretch;gap:18px;padding:20px}.settings-section-control{justify-self:stretch}.segmented{width:100%}.segmented button{flex:1}.select-label select{width:100%}.custom-row .station-card{grid-template-columns:52px minmax(0,1fr)}.station-detail{grid-template-columns:1fr;padding:20px}.station-detail-art-stage{width:min(210px,68vw)}.station-detail .hero-actions{gap:8px}.station-detail .button{padding:10px 14px}.full-player{border-radius:24px;padding-inline:22px}.full-player .player-controls,.full-player .player-control-group{gap:6px}.full-player .player-controls .icon-button{width:34px;height:38px}.timer-control{align-items:start}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-grid{grid-template-columns:minmax(0,1fr)}.site-footer{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}