@font-face{font-family:Bagel Fat One;src:url(/fonts/bagel-fat-one.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Serif Display;src:url(/fonts/dm-serif-display-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat-600.woff2)format("woff2");font-weight:600;font-display:swap}:root{--rm-cream:#f5ede0;--rm-cream-soft:#faf7f0;--rm-paper:#efe5d4;--rm-navy:#0f1e3a;--rm-navy-ink:#1e2d4a;--rm-sun:#ffd200;--rm-sun-warm:#ffc107;--rm-red:#e54b33;--rm-night-bg:#0f1e3a;--rm-night-bg-deep:#0a1428;--rm-night-surface:#1a2b4d;--rm-night-ink:#f5ede0;--rm-font-display:"Bagel Fat One", "Fraunces", Georgia, serif;--rm-font-serif:"Fraunces", Georgia, serif;--rm-font-italic:"DM Serif Display", "Fraunces", Georgia, serif;--rm-font-script:"Caveat", cursive;--rm-radius:14px;--rm-radius-pill:999px;--rm-shadow-card:0 8px 28px #0f1e3a2e;--bg:var(--rm-cream);--surface:var(--rm-paper);--ink:var(--rm-navy);--ink-soft:#0f1e3a99;--line-strong:#0f1e3a26;--input-bg:#fff;--badge-bg:var(--rm-navy);--poste-bg:var(--rm-paper);--poste-border:#0f1e3a1a;--poste-line:#0f1e3a1a;--poste-shadow:inset 0 2px 6px #0f1e3a14, 0 6px 24px #0f1e3a1f;--vitrine-frame:#0f1e3a14;--cadran-bg:var(--rm-cream);--cadran-border:var(--rm-navy);--knob-face:radial-gradient(circle at 30% 30%, var(--rm-cream), var(--rm-paper));--knob-shadow:inset 0 -3px 8px #0f1e3a26, 0 3px 8px #0f1e3a1f, 0 0 0 2px #0f1e3a1a;--action-bg:#0f1e3a0f;--play-glow:0 6px 16px #ffd20080, 0 0 0 3px #0f1e3a0f}:root[data-theme=nuit]{--bg:var(--rm-night-bg);--surface:var(--rm-night-surface);--ink:var(--rm-night-ink);--ink-soft:#f5ede0b3;--line-strong:#f5ede02e;--input-bg:var(--rm-night-surface);--badge-bg:#f5ede026;--poste-bg:#142340;--poste-border:#f5ede01f;--poste-line:#f5ede021;--poste-shadow:inset 0 2px 6px #00000080, 0 6px 24px #0006;--vitrine-frame:#0006;--cadran-bg:var(--rm-night-bg-deep);--cadran-border:#f5ede033;--knob-face:radial-gradient(circle at 30% 30%, #2a3d5e, #0a1428);--knob-shadow:inset 0 -3px 8px #0006, 0 3px 8px #0000004d, 0 0 0 2px #f5ede026;--action-bg:#f5ede014;--play-glow:0 0 0 4px #ffd20033, 0 0 32px #ffd20080}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--rm-font-serif);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .6s,color .6s}#root{flex-direction:column;min-height:100dvh;display:flex}main{padding:14px 16px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;width:100%;max-width:430px;margin:0 auto;display:flex}@keyframes rm-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes rm-spin{to{transform:rotate(360deg)}}.rm-wordmark{color:var(--ink);flex-direction:column;align-items:center;line-height:.85;display:flex}.rm-wordmark-radio{font-family:var(--rm-font-script);letter-spacing:-.02em;margin-bottom:-.15em;font-size:.45em;font-style:italic;font-weight:600}.rm-wordmark-mame{font-family:var(--rm-font-display);letter-spacing:-.04em;font-size:1em;line-height:.85}.rm-wordmark-tagline{font-family:var(--rm-font-serif);letter-spacing:.18em;margin-top:6px;font-size:.18em;font-weight:700}.onair-badge{background:var(--badge-bg);border-radius:var(--rm-radius-pill);font-family:var(--rm-font-italic);letter-spacing:.18em;text-transform:uppercase;color:var(--rm-cream);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:11px;font-style:italic;font-weight:600;display:inline-flex}.onair-badge.direct{background:var(--rm-red)}.onair-dot{background:var(--rm-sun);border-radius:50%;flex-shrink:0;width:7px;height:7px}.onair-badge.direct .onair-dot{animation:1.3s ease-in-out infinite rm-pulse}.splash{justify-content:center}.login{text-align:center;justify-content:center;gap:12px}.login-hint{color:var(--ink-soft);font-family:var(--rm-font-italic);margin:0 0 12px;font-style:italic}.login form{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.login label{flex-direction:column;gap:6px;font-size:14px;display:flex}.login input{border:1px solid var(--line-strong);border-radius:var(--rm-radius);background:var(--input-bg);font:inherit;color:var(--ink);padding:12px}.login button[type=submit]{border-radius:var(--rm-radius-pill);background:var(--ink);color:var(--bg);font:inherit;cursor:pointer;border:none;margin-top:6px;padding:14px;font-weight:700}.login button[type=submit]:disabled{opacity:.6}.error{color:var(--rm-red);margin:0;font-size:14px}.player{gap:10px}.app-header{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.header-actions{gap:12px;display:flex}.link{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-style:italic;text-decoration:underline}.install-banner{background:var(--surface);border:1px solid var(--poste-border);border-radius:var(--rm-radius);align-items:center;gap:4px;width:100%;padding:8px 10px;display:flex}.install-main{min-width:0;font:inherit;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}button.install-main{cursor:pointer}.install-icon{background:var(--badge-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.install-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.install-title{font-family:var(--rm-font-serif);color:var(--ink);font-size:13px;font-weight:700}.install-sub{font-family:var(--rm-font-italic);color:var(--ink-soft);font-size:11px;font-style:italic}.install-chevron{color:var(--ink-soft);padding-right:2px;font-size:18px}.install-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:8px;font-size:20px;line-height:1}.poste{background:var(--poste-bg);border:2px solid var(--poste-border);width:100%;box-shadow:var(--poste-shadow);border-radius:28px;flex-direction:column;flex:1;padding:16px 18px 18px;transition:background-color .6s;display:flex}.poste-top{border-bottom:1.5px solid var(--poste-line);justify-content:center;padding-bottom:12px;display:flex}.vitrine{background:var(--vitrine-frame);border-radius:16px;margin-top:14px;padding:10px;box-shadow:inset 0 2px 8px #0000004d}.vitrine-cover{aspect-ratio:1;background:var(--surface) center / cover no-repeat;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.vitrine-cover:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffd20033 0%,#0f1e3a66 100%);position:absolute;inset:0}.vitrine-disc{aspect-ratio:1;background:var(--rm-navy);border-radius:50%;justify-content:center;align-items:center;width:62%;display:flex;box-shadow:inset 0 0 0 6px #f5ede01a}.vitrine-title{color:var(--rm-cream);font-family:var(--rm-font-display);letter-spacing:-.02em;text-shadow:0 2px 8px #0009;white-space:nowrap;text-overflow:ellipsis;font-size:18px;line-height:1;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.cadran-row{align-items:center;gap:10px;min-width:0;margin-top:12px;display:flex}.cadran{background:var(--cadran-bg);border:2px solid var(--cadran-border);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 2px 6px #0000004d}.cadran-dot{background:var(--rm-sun);width:8px;height:8px;box-shadow:0 0 12px var(--rm-sun);border-radius:50%;margin-bottom:2px;animation:1.4s ease-in-out infinite rm-pulse}.cadran-text{font-family:var(--rm-font-display);letter-spacing:.05em;color:var(--ink);font-size:9px}.np-block{text-align:left;flex:1;min-width:0}.np-kicker{font-family:var(--rm-font-italic);color:var(--ink-soft);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-style:italic}.np-track{font-family:var(--rm-font-serif);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.np-sub{font-family:var(--rm-font-italic);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:italic;overflow:hidden}.progress{flex-direction:column;gap:3px;margin-top:10px;display:flex}.progress-bar{border-radius:var(--rm-radius-pill);background:var(--line-strong);height:3px;overflow:hidden}.progress-fill{border-radius:var(--rm-radius-pill);background:var(--rm-sun);height:100%;transition:width 1s linear}.progress-times{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.potards{justify-content:space-around;align-items:center;margin-top:14px;display:flex}.knob{flex-direction:column;align-items:center;gap:6px;display:flex}.knob-dial{background:var(--knob-face);width:56px;height:56px;box-shadow:var(--knob-shadow);touch-action:none;border-radius:50%;position:relative}.knob-dial.interactive{cursor:grab}.knob-needle{background:var(--rm-sun);border-radius:2px;width:3px;height:14px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.knob-label{font-family:var(--rm-font-serif);color:var(--ink-soft);letter-spacing:.18em;font-size:9px;font-weight:700}.knob-caption{font-family:var(--rm-font-italic);color:var(--ink-soft);margin-top:-2px;font-size:10px;font-style:italic}.knob-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.play-btn{background:var(--rm-sun);width:72px;height:72px;box-shadow:var(--play-glow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-btn:active{transform:scale(.96)}.play-spinner{border:3px solid #0f1e3a40;border-top-color:var(--rm-navy);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite rm-spin}.actions-row{border-top:1.5px solid var(--poste-line);justify-content:space-around;margin-top:14px;padding-top:12px;display:flex}.action{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.action:disabled{opacity:.4;cursor:default}.action-icon{background:var(--action-bg);width:38px;height:38px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.action.active .action-icon{background:var(--rm-sun);color:var(--rm-navy)}.action-label{font-family:var(--rm-font-italic);color:var(--ink-soft);font-size:10px;font-style:italic}.debug-log{color:var(--rm-sun);z-index:99;background:#0f1e3ad9;border-radius:8px;padding:6px 8px;font-family:monospace;font-size:10px;line-height:1.35;position:fixed;bottom:4px;left:4px;right:4px}.debug-log pre{font:inherit;white-space:pre-wrap;margin:4px 0 0}.debug-toggle{border:1px solid var(--rm-sun);color:var(--rm-sun);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-weight:700}.hint{color:var(--ink-soft);font-family:var(--rm-font-italic);margin:0;font-size:13px;font-style:italic}