:root{color-scheme:dark;--bg:#0b0d10;--panel:#15181c;--panel-2:#1b1f24;--line:#2a2f36;--text:#f7f7f3;--muted:#9198a1;--lime:#d9ff43;--orange:#ff7043;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 90% -10%,#293018 0,transparent 32rem),var(--bg);color:var(--text)}button,select{font:inherit}.app-shell{width:min(1180px,100%);min-height:100vh;margin:auto;padding:28px clamp(18px,4vw,58px) 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:clamp(48px,8vw,96px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-size:1.25rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.brand-mark{width:30px;height:30px;display:flex;align-items:flex-end;gap:3px;padding:6px;border:1px solid #3c4430;border-radius:50%;background:#171b13}.brand-mark i{display:block;width:4px;border-radius:8px;background:var(--lime)}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:11px}.country-picker{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.country-picker select{max-width:190px;padding:10px 32px 10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);cursor:pointer}.hero{max-width:820px;margin-bottom:clamp(34px,6vw,64px)}.eyebrow{margin:0 0 14px;color:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:.2em}.hero h1{margin:0;font-size:clamp(3.2rem,10vw,8.4rem);line-height:.83;letter-spacing:-.075em}.hero h1 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.intro{max-width:480px;margin:28px 0 0;color:#aeb4bb;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.station-card{position:relative;min-height:180px;display:grid;grid-template-columns:56px 1fr 42px;grid-template-rows:auto 1fr;gap:18px 15px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel-2),var(--panel));color:var(--text);text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.station-card:hover,.station-card:focus-visible{transform:translateY(-3px);border-color:#69742f;outline:none}.station-card.is-active{border-color:var(--lime);background:linear-gradient(145deg,#283015,#161a15)}.station-number{align-self:start;color:#626972;font:700 .72rem/1 ui-monospace,monospace;letter-spacing:.12em}.station-logo{grid-row:2;width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#fff;color:#111;font-size:.85rem;font-weight:900}.station-logo img,.now-art img{width:100%;height:100%;object-fit:contain}.station-copy{grid-column:2;grid-row:2;min-width:0;display:flex;flex-direction:column;gap:6px}.station-copy strong{overflow:hidden;font-size:1.05rem;line-height:1.2;text-overflow:ellipsis}.station-copy>span{color:var(--muted);font-size:.75rem}.station-action{grid-column:3;grid-row:2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#111;font-size:.82rem;font-weight:900}.now-playing{position:sticky;z-index:5;bottom:14px;display:grid;grid-template-columns:54px 1fr 52px;align-items:center;gap:14px;width:min(620px,calc(100% - 20px));margin:24px auto 0;padding:12px 14px;border:1px solid #3b4230;border-radius:20px;background:rgba(23,27,24,.94);box-shadow:0 18px 60px #0009;backdrop-filter:blur(18px)}.now-playing[hidden]{display:none}.now-art,.now-art-inner{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#fff;color:#111;font-weight:900}.now-copy{min-width:0;display:flex;flex-direction:column}.now-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-label{color:var(--lime);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.now-copy>span:last-child{margin-top:3px;color:var(--muted);font-size:.75rem}.transport{width:48px;height:48px;border:0;border-radius:50%;background:var(--lime);color:#10120c;font-size:1.1rem;font-weight:900;cursor:pointer}.notice{margin:20px 2px;color:#737b84;font-size:.75rem}.catalog-error{grid-column:1/-1;padding:36px;border:1px solid #65382d;border-radius:var(--radius);background:#281714;color:#ffb7a4}.skeleton{background:linear-gradient(100deg,#252a30 30%,#323840 50%,#252a30 70%);background-size:200% 100%;animation:pulse 1.4s infinite}.skeleton-line,.skeleton-short{display:block;height:12px;border-radius:6px}.skeleton-short{width:65%}@keyframes pulse{to{background-position-x:-200%}}footer{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid #20242a;color:#626972;font-size:.72rem}
@media(max-width:800px){.app-shell{padding-top:20px}.topbar{padding-bottom:52px}.radio-grid{grid-template-columns:repeat(2,1fr)}.station-card{min-height:150px;grid-template-columns:48px 1fr 36px;padding:17px;gap:13px}.station-logo{width:48px;height:48px}.station-action{width:36px;height:36px}.country-picker>span{display:none}}
@media(max-width:480px){.app-shell{padding-inline:12px}.topbar{padding-inline:6px}.hero{padding-inline:6px}.hero h1{font-size:clamp(3.35rem,17vw,5rem)}.intro{margin-top:20px;font-size:.95rem}.radio-grid{gap:8px}.station-card{min-height:142px;display:flex;flex-direction:column;align-items:flex-start;padding:15px}.station-number{position:absolute;top:14px;right:14px}.station-logo{width:52px;height:52px}.station-copy{width:100%;gap:3px}.station-copy strong{max-width:100%;font-size:.9rem;white-space:nowrap;text-overflow:ellipsis}.station-action{position:absolute;right:12px;bottom:12px;width:32px;height:32px}.station-copy>span{max-width:calc(100% - 36px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-playing{bottom:8px}.notice{padding-inline:6px}footer{flex-direction:column;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V3: grille 3 x 3 tactile, grands logos et aspect jouet. */
.radio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.station-card{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;border-width:3px;border-radius:34px;text-align:center;box-shadow:0 8px 0 #050607,0 18px 34px #0005}.station-card:nth-child(3n+1){border-color:#ff7043;background:linear-gradient(145deg,#382016,#191715)}.station-card:nth-child(3n+2){border-color:#53c7ff;background:linear-gradient(145deg,#153044,#15191d)}.station-card:nth-child(3n){border-color:#d9ff43;background:linear-gradient(145deg,#293315,#171a15)}.station-card:nth-child(4n){border-color:#b786ff}.station-card:hover,.station-card:focus-visible{transform:translateY(-5px) scale(1.015)}.station-card.is-active{border-color:#fff;box-shadow:0 0 0 5px var(--lime),0 8px 0 #050607,0 20px 40px #0008}.station-number{position:absolute;top:18px;left:20px}.station-logo{grid-row:auto;width:96px;height:96px;flex:0 0 auto;border:5px solid #fff;border-radius:28px;box-shadow:0 7px 0 #0005}.station-copy{display:flex;align-items:center;grid-column:auto;grid-row:auto;width:100%}.station-copy strong{max-width:100%;font-size:1.12rem;white-space:nowrap;text-overflow:ellipsis}.station-action{position:absolute;right:16px;bottom:16px;grid-column:auto;grid-row:auto;width:46px;height:46px;border:4px solid #10120c;font-size:1rem}.hero{margin-bottom:24px}
@media(max-width:800px){.radio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.station-card{min-height:170px;padding:12px 8px;border-radius:26px;gap:8px}.station-logo{width:72px;height:72px;border-width:4px;border-radius:21px}.station-copy strong{font-size:.82rem}.station-copy>span{display:none}.station-action{right:7px;bottom:7px;width:32px;height:32px;border-width:3px}.station-number{top:10px;left:11px;font-size:.62rem}}
@media(max-width:480px){.radio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.station-card{min-height:148px;padding:10px 5px;border-width:2px;border-radius:22px}.station-logo{width:64px;height:64px;border-width:3px;border-radius:18px}.station-copy{align-items:center}.station-copy strong{font-size:.72rem}.station-number{top:8px;left:9px}.station-action{width:28px;height:28px;font-size:.72rem}.hero h1{font-size:clamp(2.5rem,13vw,3.7rem)}}

/* V2: hero compact, sélecteurs séparés et métadonnées live. */
.app-shell{padding-top:24px;padding-bottom:30px}.topbar{padding-bottom:clamp(24px,4vw,44px)}.pickers{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.hero{max-width:760px;margin-bottom:clamp(22px,3.5vw,38px)}.hero h1{font-size:clamp(2.8rem,7.5vw,6.5rem);line-height:.86}.intro{max-width:520px;margin-top:18px;font-size:clamp(.92rem,1.5vw,1.08rem);line-height:1.45}.now-copy #now-track{overflow:hidden;margin-top:2px;color:var(--lime);font-size:.78rem;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:800px){.topbar{padding-bottom:28px}.pickers{gap:7px}.country-picker select{max-width:150px;padding-block:8px}}
@media(max-width:480px){.topbar{align-items:flex-start}.brand{margin-top:6px}.pickers{max-width:230px}.country-picker>span{display:none}.hero{margin-bottom:20px}.hero h1{font-size:clamp(2.8rem,14vw,4rem)}.intro{margin-top:14px;font-size:.9rem}}
.board-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0}.board-actions button{padding:11px 20px;border:1px solid #66752c;border-radius:999px;background:#20261a;color:var(--lime);font-weight:850;cursor:pointer}.board-actions button:disabled{opacity:.45;cursor:not-allowed}.board-actions span{color:var(--muted);font-size:.78rem}

/* V4: favoris, thèmes et présentation autoradio années 60. */
:root[data-theme="light"]{color-scheme:light;--bg:#f1eee5;--panel:#fffdf7;--panel-2:#f7f1e4;--line:#766f63;--text:#171714;--muted:#5f5a52;--lime:#587400}
:root[data-theme="light"] body{background:radial-gradient(circle at 90% -10%,#d9e8b7 0,transparent 32rem),var(--bg)}
:root[data-theme="light"] .brand-mark{background:#fff;border-color:#66734a}
:root[data-theme="light"] .station-card{color:var(--text);box-shadow:0 8px 0 #b7ae9d,0 18px 34px #71695733}
:root[data-theme="light"] .station-tile:nth-child(3n+1) .station-card{background:linear-gradient(145deg,#fff1e9,#fffaf4)}
:root[data-theme="light"] .station-tile:nth-child(3n+2) .station-card{background:linear-gradient(145deg,#e9f6ff,#fff)}
:root[data-theme="light"] .station-tile:nth-child(3n) .station-card{background:linear-gradient(145deg,#f1f9dc,#fff)}
:root[data-theme="light"] .now-playing{background:#fffdf7f2;border-color:#726f62;box-shadow:0 18px 60px #3d352633}
:root[data-theme="light"] .notice,:root[data-theme="light"] footer{color:#5f5a52}
.appearance-controls{display:flex;gap:7px}.utility-toggle{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:.74rem;font-weight:800;cursor:pointer}.utility-toggle[aria-pressed="true"]{border-color:var(--lime);box-shadow:inset 0 0 0 2px var(--lime)}
button:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.radio-stage{position:relative}.vintage-dial{display:none}.station-tile{position:relative;min-width:0}.station-card{width:100%;height:100%}.station-tile:nth-child(3n+1) .station-card{border-color:#ff7043;background:linear-gradient(145deg,#382016,#191715)}.station-tile:nth-child(3n+2) .station-card{border-color:#53c7ff;background:linear-gradient(145deg,#153044,#15191d)}.station-tile:nth-child(3n) .station-card{border-color:#d9ff43;background:linear-gradient(145deg,#293315,#171a15)}.station-tile:nth-child(4n) .station-card{border-color:#b786ff}.favorite-toggle{position:absolute;z-index:2;top:13px;right:15px;width:40px;height:40px;border:2px solid #fff8;border-radius:50%;background:#101217dc;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer}.favorite-toggle.is-favorite{background:#ffe477;color:#2c2300;border-color:#fff}.station-tile.is-favorite-position .station-card::after{content:'★';position:absolute;left:18px;bottom:18px;color:#ffe477;font-size:.95rem}.station-tile .station-number{right:auto}
:root[data-presentation="vintage"] body{background:radial-gradient(circle at 50% 0,#7f4a28 0,#382014 40rem,#160d09 100%)}:root[data-presentation="vintage"] .hero h1 em,:root[data-presentation="vintage"] .eyebrow{color:#ffd36a}:root[data-presentation="vintage"] .radio-stage{padding:clamp(18px,4vw,42px);border:8px solid #30251d;border-radius:30px;background:linear-gradient(145deg,#d8d0bd,#8d897f 45%,#c9c0aa);box-shadow:inset 0 0 0 4px #f2ead6,inset 0 -18px 40px #30291f88,0 18px 0 #120b07,0 35px 70px #0008}:root[data-presentation="vintage"] .vintage-dial{height:78px;display:block;position:relative;margin:0 0 24px;border:5px solid #28231d;border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 6.5%,#4a2c18 6.7% 7%),linear-gradient(#f6d98e,#c99a4c);box-shadow:inset 0 0 20px #5c321d99}:root[data-presentation="vintage"] .vintage-dial::before{content:'55  ·  70  ·  90  ·  110  ·  130  ·  160';position:absolute;inset:17px 12px;color:#3a2014;font:800 clamp(.7rem,2vw,1.15rem)/1 ui-monospace,monospace;letter-spacing:.12em;text-align:center}:root[data-presentation="vintage"] .vintage-dial span{position:absolute;left:57%;top:6px;width:4px;height:58px;background:#d52c1f;box-shadow:0 0 5px #fff}:root[data-presentation="vintage"] .radio-grid{gap:14px}:root[data-presentation="vintage"] .station-card{min-height:190px;border:4px solid #28231e!important;border-radius:10px!important;background:linear-gradient(#4b4339,#181511)!important;box-shadow:inset 0 3px 0 #8d8374,0 8px 0 #0b0907,0 13px 20px #24170d88!important;color:#fff7df}:root[data-presentation="vintage"] .station-card:hover,:root[data-presentation="vintage"] .station-card:focus-visible{transform:translateY(-3px)}:root[data-presentation="vintage"] .station-logo{border-radius:50%;border-color:#e9d7aa;filter:sepia(.12)}:root[data-presentation="vintage"] .station-action{border-color:#d6bd87;background:#f3d58e}:root[data-presentation="vintage"] .station-tile.is-favorite-position .station-card::after{color:#ffd36a}
:root[data-theme="light"][data-presentation="vintage"] body{color:#fff7df}:root[data-theme="light"][data-presentation="vintage"] .topbar select,:root[data-theme="light"][data-presentation="vintage"] .utility-toggle{background:#f8f0df;color:#251c15}:root[data-theme="light"][data-presentation="vintage"] footer{color:#eadac0}
@media(max-width:800px){.topbar{align-items:flex-start}.pickers{max-width:560px}.appearance-controls{width:100%;justify-content:flex-end}.utility-toggle span{display:none}.favorite-toggle{top:7px;right:7px;width:32px;height:32px;font-size:1.05rem}:root[data-presentation="vintage"] .radio-stage{padding:14px 9px}:root[data-presentation="vintage"] .vintage-dial{height:58px;margin-bottom:15px}:root[data-presentation="vintage"] .vintage-dial::before{top:13px}:root[data-presentation="vintage"] .vintage-dial span{height:39px}:root[data-presentation="vintage"] .station-card{min-height:160px}}
@media(max-width:480px){.appearance-controls{order:2}.utility-toggle{min-width:40px;padding:7px}.favorite-toggle{top:5px;right:5px;width:29px;height:29px}.station-tile.is-favorite-position .station-card::after{left:8px;bottom:9px}:root[data-presentation="vintage"] .radio-stage{border-width:5px;border-radius:18px}:root[data-presentation="vintage"] .radio-grid{gap:7px}:root[data-presentation="vintage"] .station-card{min-height:145px;border-width:3px!important}:root[data-presentation="vintage"] .vintage-dial::before{font-size:.56rem;letter-spacing:.03em}}
/* V5: skins interchangeables sur le moteur unique. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skin-picker select{min-height:40px;max-width:170px;padding:8px 30px 8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:.74rem;font-weight:800}.skin-picker select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
:root[data-presentation="eighties"]{--lime:#72ff77}:root[data-presentation="eighties"] body{background:radial-gradient(circle at 50% 0,#172328,#060809 48rem,#020303)}:root[data-presentation="eighties"] .hero h1{font-family:ui-monospace,monospace;letter-spacing:-.06em}:root[data-presentation="eighties"] .hero h1 em,:root[data-presentation="eighties"] .eyebrow{color:#72ff77;font-family:ui-monospace,monospace}:root[data-presentation="eighties"] .radio-stage{padding:clamp(18px,4vw,36px);border:7px solid #323b3f;border-radius:10px;background:linear-gradient(145deg,#1d2427,#080b0c);box-shadow:inset 0 0 0 2px #050607,0 16px 0 #020303,0 32px 65px #000a}:root[data-presentation="eighties"] .vintage-dial{height:84px;display:grid;place-items:center;position:relative;margin-bottom:22px;border:3px solid #30383b;border-radius:3px;background:#0b1211;box-shadow:inset 0 0 30px #42ff5a2e}:root[data-presentation="eighties"] .vintage-dial::before{content:'FM  88  92  96  100  104  108';color:#72ff77;font:700 clamp(.7rem,2vw,1.1rem)/1 ui-monospace,monospace;letter-spacing:.11em}:root[data-presentation="eighties"] .vintage-dial::after{content:'';position:absolute;left:8%;right:8%;bottom:12px;height:8px;background:repeating-linear-gradient(90deg,#72ff77 0 4%,transparent 4% 6%)}:root[data-presentation="eighties"] .station-card{min-height:185px;border:3px solid #3a454a!important;border-radius:4px!important;background:linear-gradient(#242b2f,#0d1113)!important;color:#e8f5e9;box-shadow:inset 0 2px #515d62,0 7px 0 #030405!important}:root[data-presentation="eighties"] .station-logo{border-radius:5px;border-color:#526168}:root[data-presentation="eighties"] .station-action{border-color:#081108;background:#72ff77}:root[data-presentation="eighties"] .favorite-toggle.is-favorite{background:#ffb34e}:root[data-presentation="eighties"] .now-playing{border-color:#4b6850;background:#0d1512f2}:root[data-presentation="eighties"] #now-track{color:#72ff77}
:root[data-presentation="fifties"]{--lime:#a6312b}:root[data-presentation="fifties"] body{background:radial-gradient(circle at 50% 0,#fff3cf 0,#d0b88e 42rem,#6b503d)}:root[data-presentation="fifties"] .brand,:root[data-presentation="fifties"] .hero,:root[data-presentation="fifties"] footer{color:#35271f}:root[data-presentation="fifties"] .hero h1{font-family:Georgia,serif}:root[data-presentation="fifties"] .hero h1 em,:root[data-presentation="fifties"] .eyebrow{color:#a6312b}:root[data-presentation="fifties"] .intro{color:#584437}:root[data-presentation="fifties"] .radio-stage{padding:clamp(18px,4vw,38px);border:9px solid #b7b6b0;border-radius:36px;background:linear-gradient(135deg,#f7e9cf,#bba17c);box-shadow:inset 0 0 0 4px #f8f7f0,0 16px 0 #6f5d4e,0 32px 65px #46302488}:root[data-presentation="fifties"] .vintage-dial{height:86px;display:grid;place-items:center;position:relative;margin-bottom:24px;border:5px solid #9d805a;border-radius:50px;background:linear-gradient(#fff9dc,#e9c87f);box-shadow:inset 0 4px 12px #6f492c55}:root[data-presentation="fifties"] .vintage-dial::before{content:'55 · 70 · 90 · 110 · 130 · 160';color:#4b3023;font:700 clamp(.7rem,2vw,1.1rem)/1 Georgia,serif;letter-spacing:.09em}:root[data-presentation="fifties"] .vintage-dial span{position:absolute;left:43%;top:7px;width:4px;height:63px;background:#a6312b}:root[data-presentation="fifties"] .station-card{min-height:190px;border:4px solid #8e765d!important;border-radius:18px 18px 8px 8px!important;background:linear-gradient(#fffdf2,#d9c39f)!important;color:#35271f;box-shadow:inset 0 2px #fff,0 7px 0 #6b5541!important}:root[data-presentation="fifties"] .station-logo{border-radius:50%;border-color:#fff8df}:root[data-presentation="fifties"] .station-copy>span{color:#6a5140}:root[data-presentation="fifties"] .station-action{border-color:#f7e7c8;background:#a6312b;color:#fff}:root[data-presentation="fifties"] .favorite-toggle{background:#7c2b26}:root[data-presentation="fifties"] .favorite-toggle.is-favorite{background:#f0c766}:root[data-presentation="fifties"] .now-playing{border-color:#8f7458;background:#fff4d6f2;color:#35271f}:root[data-presentation="fifties"] .now-label,:root[data-presentation="fifties"] #now-track{color:#a6312b}:root[data-presentation="fifties"] .notice{color:#49382e}
:root[data-presentation="military"]{--lime:#f4c85b}:root[data-presentation="military"] body{background:radial-gradient(circle at 50% 0,#667252 0,#252b1e 48rem,#10130d)}:root[data-presentation="military"] .brand,:root[data-presentation="military"] .hero,:root[data-presentation="military"] footer{font-family:ui-monospace,monospace}:root[data-presentation="military"] .hero h1{letter-spacing:-.055em}:root[data-presentation="military"] .hero h1 em,:root[data-presentation="military"] .eyebrow{color:#f4c85b;font-family:ui-monospace,monospace}:root[data-presentation="military"] .radio-stage{padding:clamp(18px,4vw,38px);border:8px solid #20261a;border-radius:6px;background:#465139;box-shadow:inset 0 0 0 3px #7d876b,0 15px 0 #151a11,0 30px 65px #0009}:root[data-presentation="military"] .vintage-dial{height:84px;display:grid;place-items:center;position:relative;margin-bottom:22px;border:5px solid #171c13;border-radius:2px;background:#20291b;box-shadow:inset 0 0 24px #000}:root[data-presentation="military"] .vintage-dial::before{content:'SIGNAL  ·  CANAL 01  ·  FM 105.1';color:#f4c85b;font:700 clamp(.7rem,2vw,1.1rem)/1 ui-monospace,monospace;letter-spacing:.1em}:root[data-presentation="military"] .vintage-dial::after{content:'';position:absolute;left:12%;right:12%;bottom:12px;height:10px;background:repeating-linear-gradient(90deg,#d8b04b 0 2px,transparent 2px 10%)}:root[data-presentation="military"] .station-card{min-height:185px;border:4px solid #20261a!important;border-radius:3px!important;background:#677253!important;color:#fff3c8;box-shadow:inset 0 2px #929c78,0 7px 0 #20261a!important;font-family:ui-monospace,monospace}:root[data-presentation="military"] .station-logo{border-radius:2px;border-color:#c9c39e;filter:saturate(.75)}:root[data-presentation="military"] .station-copy>span{color:#ded4b3}:root[data-presentation="military"] .station-action{border-color:#211b0d;background:#dcb64e}:root[data-presentation="military"] .favorite-toggle{border-radius:3px;background:#2b3223}:root[data-presentation="military"] .favorite-toggle.is-favorite{background:#f4c85b}:root[data-presentation="military"] .now-playing{border-color:#1c2117;border-radius:5px;background:#2d3525f2;font-family:ui-monospace,monospace}:root[data-presentation="military"] .now-label,:root[data-presentation="military"] #now-track{color:#f4c85b}
:root[data-theme="light"][data-presentation="eighties"] .topbar select,:root[data-theme="light"][data-presentation="eighties"] .utility-toggle,:root[data-theme="light"][data-presentation="military"] .topbar select,:root[data-theme="light"][data-presentation="military"] .utility-toggle{background:#f5f0df;color:#211f18}:root[data-theme="light"][data-presentation="fifties"] .topbar select,:root[data-theme="light"][data-presentation="fifties"] .utility-toggle{background:#fff8e8;color:#35271f}
@media(max-width:800px){.skin-picker select{max-width:150px}:root[data-presentation="eighties"] .radio-stage,:root[data-presentation="fifties"] .radio-stage,:root[data-presentation="military"] .radio-stage{padding:14px 9px}:root[data-presentation="eighties"] .vintage-dial,:root[data-presentation="fifties"] .vintage-dial,:root[data-presentation="military"] .vintage-dial{height:58px;margin-bottom:15px}:root[data-presentation="eighties"] .station-card,:root[data-presentation="fifties"] .station-card,:root[data-presentation="military"] .station-card{min-height:160px}}
@media(max-width:480px){.skin-picker select{max-width:118px;min-height:38px;padding-left:8px;font-size:.68rem}:root[data-presentation="eighties"] .radio-stage,:root[data-presentation="fifties"] .radio-stage,:root[data-presentation="military"] .radio-stage{border-width:5px;border-radius:12px}:root[data-presentation="eighties"] .station-card,:root[data-presentation="fifties"] .station-card,:root[data-presentation="military"] .station-card{min-height:145px;border-width:3px!important}:root[data-presentation="eighties"] .vintage-dial::before,:root[data-presentation="fifties"] .vintage-dial::before,:root[data-presentation="military"] .vintage-dial::before{font-size:.55rem;letter-spacing:.02em}}
@media(min-width:900px) and (max-height:760px) and (orientation:landscape){.app-shell{max-width:1500px;padding-top:12px}.topbar{padding-bottom:12px}.hero{margin-bottom:12px}.hero .eyebrow,.hero .intro{display:none}.hero h1{font-size:clamp(2rem,5vh,3rem);line-height:.9}.radio-stage{padding:12px!important}.vintage-dial{height:42px!important;margin-bottom:10px!important}.radio-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px!important}.station-card{min-height:126px!important;padding:10px 5px!important;border-radius:18px!important;gap:6px!important}.station-logo{width:58px!important;height:58px!important;border-width:3px!important;border-radius:16px!important}.station-copy strong{font-size:.74rem!important}.station-copy>span{display:none}.station-number{top:7px!important;left:8px!important}.station-action{right:5px!important;bottom:5px!important;width:28px!important;height:28px!important;border-width:2px!important}.favorite-toggle{top:5px;right:5px;width:30px;height:30px;font-size:1rem}.board-actions{margin-top:12px}.now-playing{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:min(440px,42vw);margin:0}.notice,footer{display:none}}

.about-feedlive,.faq{max-width:840px;margin:56px auto 0;color:var(--muted);line-height:1.7}.about-feedlive h2,.faq h2{margin:0 0 18px;color:var(--text);font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.025em}.about-feedlive p{margin:0 0 14px}.faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faq>h2{grid-column:1/-1}.faq article{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.faq h3{margin:0 0 10px;color:var(--text);font-size:1rem;line-height:1.35}.faq p{margin:0}@media(max-width:800px){.about-feedlive,.faq{margin-top:40px}.faq{grid-template-columns:1fr}}

.app-shell{display:flex;flex-direction:column}#app-ui{display:contents}.topbar{order:-1}
