@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&family=Space+Grotesk:wght@400;500;600&family=VT323&family=Share+Tech+Mono&display=swap";:root{--display-font: "VT323", "Share Tech Mono", ui-monospace, monospace;--copy-font: "Space Grotesk", "Noto Serif SC", sans-serif;--serif-font: "Noto Serif SC", serif;color-scheme:dark}:root[data-theme=night-amber]{--bg-base: #0c0a08;--bg-gradient: radial-gradient( ellipse 120% 80% at 20% 0%, rgba(244, 181, 90, .12), transparent 60% ), radial-gradient(ellipse 100% 70% at 80% 100%, rgba(166, 72, 32, .2), transparent 55%), linear-gradient(155deg, #0b0805 0%, #1a0f07 50%, #0a0604 100%);--bg-scene-image: radial-gradient( circle at 18% 28%, rgba(244, 181, 90, .08) 0, transparent 45% ), radial-gradient(circle at 78% 72%, rgba(132, 58, 22, .18) 0, transparent 50%);--panel-bg: rgba(28, 22, 14, .82);--panel-border: rgba(244, 181, 90, .15);--panel-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(244, 181, 90, .08);--display-bg: linear-gradient(165deg, #2a1e10 0%, #1a1008 60%, #120a04 100%);--display-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(244, 181, 90, .15);--ink: #f4b55a;--ink-strong: #ffe0a8;--ink-dim: #8a6f45;--ink-faint: rgba(244, 181, 90, .28);--accent: #f4b55a;--accent-glow: 0 0 14px rgba(244, 181, 90, .45);--dot-on: #f4b55a;--dot-off: rgba(244, 181, 90, .18);--transport-bg: rgba(18, 13, 7, .72);--transport-border: rgba(244, 181, 90, .18);--pill-bg: rgba(30, 22, 13, .85);--pill-hover: rgba(48, 34, 18, .95);--drawer-bg: rgba(14, 10, 6, .96);--on-air: #ef6e4a}:root[data-theme=midnight-rose]{--bg-base: #0d080a;--bg-gradient: radial-gradient( ellipse 120% 80% at 25% 0%, rgba(232, 160, 180, .1), transparent 60% ), radial-gradient(ellipse 100% 70% at 75% 100%, rgba(180, 80, 120, .15), transparent 55%), linear-gradient(155deg, #0d0608 0%, #1a0c12 50%, #080406 100%);--bg-scene-image: radial-gradient( circle at 20% 30%, rgba(232, 160, 180, .06) 0, transparent 45% ), radial-gradient(circle at 80% 70%, rgba(180, 80, 120, .12) 0, transparent 50%);--panel-bg: rgba(24, 14, 18, .82);--panel-border: rgba(232, 160, 180, .14);--panel-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(232, 160, 180, .08);--display-bg: linear-gradient(165deg, #261418 0%, #180c10 60%, #0e0608 100%);--display-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(232, 160, 180, .14);--ink: #e8a0b4;--ink-strong: #fdd8e4;--ink-dim: #9e6878;--ink-faint: rgba(232, 160, 180, .28);--accent: #e8a0b4;--accent-glow: 0 0 14px rgba(232, 160, 180, .45);--dot-on: #e8a0b4;--dot-off: rgba(232, 160, 180, .16);--transport-bg: rgba(18, 10, 14, .72);--transport-border: rgba(232, 160, 180, .18);--pill-bg: rgba(30, 16, 22, .85);--pill-hover: rgba(50, 28, 38, .95);--drawer-bg: rgba(14, 8, 10, .96);--on-air: #f06888}:root[data-theme=deep-ocean]{--bg-base: #060a0d;--bg-gradient: radial-gradient( ellipse 120% 80% at 20% 0%, rgba(126, 184, 208, .1), transparent 60% ), radial-gradient(ellipse 100% 70% at 80% 100%, rgba(40, 100, 140, .18), transparent 55%), linear-gradient(155deg, #040810 0%, #0a1420 50%, #030608 100%);--bg-scene-image: radial-gradient( circle at 18% 28%, rgba(126, 184, 208, .06) 0, transparent 45% ), radial-gradient(circle at 78% 72%, rgba(40, 100, 140, .14) 0, transparent 50%);--panel-bg: rgba(10, 20, 28, .82);--panel-border: rgba(126, 184, 208, .14);--panel-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(126, 184, 208, .08);--display-bg: linear-gradient(165deg, #122230 0%, #0c1820 60%, #060c14 100%);--display-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(126, 184, 208, .14);--ink: #7eb8d0;--ink-strong: #c8e8f4;--ink-dim: #4a7a90;--ink-faint: rgba(126, 184, 208, .28);--accent: #7eb8d0;--accent-glow: 0 0 14px rgba(126, 184, 208, .45);--dot-on: #7eb8d0;--dot-off: rgba(126, 184, 208, .16);--transport-bg: rgba(8, 16, 22, .72);--transport-border: rgba(126, 184, 208, .18);--pill-bg: rgba(14, 26, 36, .85);--pill-hover: rgba(24, 44, 58, .95);--drawer-bg: rgba(6, 12, 16, .96);--on-air: #50c8e8}:root[data-theme=violet-haze]{--bg-base: #0a080e;--bg-gradient: radial-gradient( ellipse 120% 80% at 25% 0%, rgba(184, 160, 224, .1), transparent 60% ), radial-gradient(ellipse 100% 70% at 75% 100%, rgba(100, 60, 160, .16), transparent 55%), linear-gradient(155deg, #08060e 0%, #140e20 50%, #060410 100%);--bg-scene-image: radial-gradient( circle at 20% 28%, rgba(184, 160, 224, .06) 0, transparent 45% ), radial-gradient(circle at 78% 72%, rgba(100, 60, 160, .12) 0, transparent 50%);--panel-bg: rgba(18, 14, 26, .82);--panel-border: rgba(184, 160, 224, .14);--panel-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(184, 160, 224, .08);--display-bg: linear-gradient(165deg, #201828 0%, #140e1c 60%, #0a0610 100%);--display-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(184, 160, 224, .14);--ink: #b8a0e0;--ink-strong: #e4d8f8;--ink-dim: #7a6898;--ink-faint: rgba(184, 160, 224, .28);--accent: #b8a0e0;--accent-glow: 0 0 14px rgba(184, 160, 224, .45);--dot-on: #b8a0e0;--dot-off: rgba(184, 160, 224, .16);--transport-bg: rgba(14, 10, 20, .72);--transport-border: rgba(184, 160, 224, .18);--pill-bg: rgba(24, 18, 36, .85);--pill-hover: rgba(40, 30, 58, .95);--drawer-bg: rgba(10, 8, 14, .96);--on-air: #c888f0}:root[data-theme=ember-red]{--bg-base: #0c0806;--bg-gradient: radial-gradient( ellipse 120% 80% at 20% 0%, rgba(224, 120, 80, .1), transparent 60% ), radial-gradient(ellipse 100% 70% at 80% 100%, rgba(160, 60, 20, .16), transparent 55%), linear-gradient(155deg, #0c0604 0%, #1c0e08 50%, #080402 100%);--bg-scene-image: radial-gradient( circle at 18% 28%, rgba(224, 120, 80, .06) 0, transparent 45% ), radial-gradient(circle at 78% 72%, rgba(160, 60, 20, .12) 0, transparent 50%);--panel-bg: rgba(26, 16, 10, .82);--panel-border: rgba(224, 120, 80, .14);--panel-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(224, 120, 80, .08);--display-bg: linear-gradient(165deg, #281810 0%, #1a0e08 60%, #100804 100%);--display-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(224, 120, 80, .14);--ink: #e07850;--ink-strong: #ffc0a0;--ink-dim: #985840;--ink-faint: rgba(224, 120, 80, .28);--accent: #e07850;--accent-glow: 0 0 14px rgba(224, 120, 80, .45);--dot-on: #e07850;--dot-off: rgba(224, 120, 80, .16);--transport-bg: rgba(16, 10, 6, .72);--transport-border: rgba(224, 120, 80, .18);--pill-bg: rgba(30, 18, 10, .85);--pill-hover: rgba(50, 30, 18, .95);--drawer-bg: rgba(12, 8, 4, .96);--on-air: #f06030}:root[data-theme=frost-mint]{--bg-base: #060d0a;--bg-gradient: radial-gradient( ellipse 120% 80% at 20% 0%, rgba(136, 212, 176, .1), transparent 60% ), radial-gradient(ellipse 100% 70% at 80% 100%, rgba(40, 120, 80, .16), transparent 55%), linear-gradient(155deg, #040c08 0%, #0a1c14 50%, #030806 100%);--bg-scene-image: radial-gradient( circle at 18% 28%, rgba(136, 212, 176, .06) 0, transparent 45% ), radial-gradient(circle at 78% 72%, rgba(40, 120, 80, .12) 0, transparent 50%);--panel-bg: rgba(12, 24, 18, .82);--panel-border: rgba(136, 212, 176, .14);--panel-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(136, 212, 176, .08);--display-bg: linear-gradient(165deg, #142820 0%, #0e1c16 60%, #080e0a 100%);--display-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(136, 212, 176, .14);--ink: #88d4b0;--ink-strong: #c8f4e0;--ink-dim: #5a9478;--ink-faint: rgba(136, 212, 176, .28);--accent: #88d4b0;--accent-glow: 0 0 14px rgba(136, 212, 176, .45);--dot-on: #88d4b0;--dot-off: rgba(136, 212, 176, .16);--transport-bg: rgba(8, 18, 14, .72);--transport-border: rgba(136, 212, 176, .18);--pill-bg: rgba(16, 30, 22, .85);--pill-hover: rgba(26, 48, 36, .95);--drawer-bg: rgba(6, 12, 10, .96);--on-air: #50e8a0}:root[data-theme=silver-smoke]{--bg-base: #0a0a0b;--bg-gradient: radial-gradient( ellipse 120% 80% at 20% 0%, rgba(200, 200, 208, .08), transparent 60% ), radial-gradient(ellipse 100% 70% at 80% 100%, rgba(100, 100, 120, .14), transparent 55%), linear-gradient(155deg, #0c0c0e 0%, #161618 50%, #08080a 100%);--bg-scene-image: radial-gradient( circle at 18% 28%, rgba(200, 200, 208, .05) 0, transparent 45% ), radial-gradient(circle at 78% 72%, rgba(100, 100, 120, .1) 0, transparent 50%);--panel-bg: rgba(20, 20, 22, .82);--panel-border: rgba(200, 200, 208, .12);--panel-shadow: 0 28px 70px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(200, 200, 208, .06);--display-bg: linear-gradient(165deg, #1e1e22 0%, #141416 60%, #0c0c0e 100%);--display-inner-shadow: inset 0 0 40px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(200, 200, 208, .12);--ink: #c8c8d0;--ink-strong: #f0f0f4;--ink-dim: #78788a;--ink-faint: rgba(200, 200, 208, .24);--accent: #c8c8d0;--accent-glow: 0 0 12px rgba(200, 200, 208, .4);--dot-on: #c8c8d0;--dot-off: rgba(200, 200, 208, .14);--transport-bg: rgba(14, 14, 16, .72);--transport-border: rgba(200, 200, 208, .16);--pill-bg: rgba(24, 24, 28, .85);--pill-hover: rgba(40, 40, 46, .95);--drawer-bg: rgba(10, 10, 12, .96);--on-air: #e0e0e8}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;min-width:320px;font-family:var(--copy-font);color:var(--ink);background:var(--bg-base);background-image:var(--bg-gradient);background-size:200% 200%;background-attachment:fixed;animation:bg-drift 45s ease-in-out infinite;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes bg-drift{0%,to{background-position:0% 0%}33%{background-position:100% 50%}66%{background-position:50% 100%}}button,textarea,input{font:inherit;color:inherit}.radio-root{position:relative;min-height:100vh;padding:12px clamp(14px,3vw,36px) 32px;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.radio-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:var(--bg-scene-image);background-size:cover;background-position:center;opacity:1}.radio-scene-photo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.5s ease-in-out;filter:saturate(.95) brightness(.9)}.radio-scene-photo[data-loaded=true]{opacity:.85}.radio-scene-tint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-base) 35%,transparent),color-mix(in oklab,var(--bg-base) 15%,transparent),color-mix(in oklab,var(--bg-base) 45%,transparent))}body:has(.radio-scene-photo[data-loaded=true]){background-image:none;animation:none}body:has(.radio-scene-photo[data-loaded=true]) .radio-scene{opacity:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{height:96px;width:auto;object-fit:contain;display:block}.topbar h1{margin:2px 0 0;font-family:var(--serif-font);font-size:clamp(20px,3vw,26px);line-height:1.1;color:var(--ink-strong);letter-spacing:.02em}.overline{margin:0;font-family:var(--display-font);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}.topbar-right{display:flex;align-items:center;gap:10px}.runtime-pill{padding:6px 12px;border-radius:999px;font-family:var(--display-font);font-size:15px;letter-spacing:.2em;text-transform:uppercase;background:var(--pill-bg);border:1px solid var(--panel-border);color:var(--ink)}.icon-button{width:40px;height:40px;border-radius:999px;border:1px solid var(--panel-border);background:var(--pill-bg);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,background .2s ease,color .2s ease}.icon-button:hover{background:var(--pill-hover);color:var(--ink-strong);transform:translateY(-1px)}.radio-shell{display:flex;flex-direction:column;gap:14px}.display-panel{position:relative;border-radius:20px;padding:26px clamp(22px,3vw,36px) 24px;background:var(--display-bg);box-shadow:var(--display-inner-shadow),var(--panel-shadow);color:var(--ink);overflow:hidden}.display-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.22) 0,rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px);opacity:.55;mix-blend-mode:multiply}.display-header{display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--display-font);font-size:17px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.display-header-left,.display-header-right{display:flex;align-items:center;gap:12px}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:var(--accent-glow);animation:dot-breathe 2.4s ease-in-out infinite}@keyframes dot-breathe{0%,to{box-shadow:var(--accent-glow),0 0 4px var(--accent);opacity:1}50%{box-shadow:0 0 18px var(--accent),0 0 36px var(--accent);opacity:.85}}.display-brand{font-family:var(--serif-font);font-size:14px;letter-spacing:.08em;color:var(--ink)}.display-status{padding:2px 10px;border:1px solid var(--ink-faint);border-radius:4px;color:var(--ink)}.display-status[data-status=playing],.display-status[data-status=speaking]{color:var(--on-air);border-color:var(--on-air);text-shadow:0 0 8px rgba(239,110,74,.4)}.display-clock,.display-frequency{font-size:17px}.display-body{position:relative;margin-top:22px;display:flex;flex-direction:column;gap:18px}.display-meta{display:flex;align-items:baseline;gap:28px;font-family:var(--display-font);font-size:15px;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase}.display-meta .meta-label{color:var(--ink-faint);margin-right:6px;font-size:13px}.display-meta p{margin:0}.display-meta span:not(.meta-label){color:var(--ink)}.display-title{margin:0;font-family:var(--display-font);font-size:clamp(40px,7vw,68px);letter-spacing:.02em;color:var(--ink-strong);text-shadow:var(--accent-glow);line-height:.95;min-height:1em}.display-subtitle{margin:0;font-family:var(--display-font);font-size:17px;letter-spacing:.12em;color:var(--ink-dim)}.display-next{margin:8px 0 0;font-size:12px;letter-spacing:.08em;color:var(--ink-faint);display:flex;align-items:center;gap:6px}.next-label{font-weight:600;font-size:10px;opacity:.7}.next-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.next-status[data-ready=true]{color:var(--accent)}.next-status[data-ready=false]{animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.4}50%{opacity:1}}.dot-matrix-visualizer{display:block;width:100%;height:clamp(100px,16vw,160px);border-radius:6px}.visualizer-transport{display:flex;flex-direction:column;align-items:center;gap:14px}.transport-overlay{display:flex;align-items:center;justify-content:center;gap:12px}.transport-icon{width:36px;height:36px;border-radius:999px;border:none;background:transparent;color:var(--ink-dim);display:grid;place-items:center;cursor:pointer;transition:color .2s ease,transform .18s ease;text-decoration:none}.transport-icon:hover:not(:disabled){color:var(--ink-strong);transform:scale(1.1)}.transport-icon:disabled{opacity:.3;cursor:not-allowed}.transport-icon.transport-play{width:44px;height:44px;color:var(--ink-strong)}.transport-icon.transport-play:hover:not(:disabled){color:var(--accent)}.display-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--display-font);font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.fm-scale{display:flex;align-items:center;gap:10px}.fm-marks{display:inline-flex;gap:6px}.fm-marks b{width:3px;height:14px;background:var(--ink-faint);border-radius:1px}.fm-marks b.active{background:var(--accent);box-shadow:var(--accent-glow);height:18px}.token-estimate{color:var(--ink-dim)}.narration-panel{border-radius:18px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);padding:22px 28px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ink-dim) transparent}.narration-speaking-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;font-family:var(--display-font);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-air)}.narration-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.narration-line{margin:0;font-family:var(--serif-font);font-size:15px;line-height:1.8;color:var(--ink-dim);max-width:600px}.narration-line.narration-current{color:var(--ink-strong);font-size:17px}.narration-line.narration-host-inline{padding-bottom:12px;border-bottom:1px solid var(--ink-faint);margin-bottom:4px}.narration-lyrics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.narration-lyrics li{color:var(--ink-dim);font-size:15px;line-height:1.8;transition:color .3s,font-size .3s,transform .3s;font-family:var(--copy-font);text-align:center}.narration-lyrics li.lyric-active{color:var(--ink-strong);font-size:20px;transform:scale(1.05)}.narration-loading{margin:0;text-align:center;color:var(--ink-dim);font-size:13px;font-family:var(--display-font)}.narration-panel::-webkit-scrollbar{width:6px}.narration-panel::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.status-message{margin:0;padding:10px 14px;border-radius:12px;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--ink-strong);font-size:14px;text-align:center}.error-banner{margin:0;padding:12px 16px;border-radius:12px;background:#ef6e4a1f;color:#ef6e4a;border:1px solid rgba(239,110,74,.3)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:40}.drawer-backdrop.open{opacity:1;pointer-events:auto}.side-drawer{position:fixed;top:0;right:0;height:100vh;width:min(520px,100%);background:var(--drawer-bg);border-left:1px solid var(--panel-border);box-shadow:-32px 0 80px #00000080;transform:translate(100%);transition:transform .32s cubic-bezier(.2,.7,.2,1);z-index:50;display:flex;flex-direction:column;overflow:hidden}.side-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--panel-border)}.drawer-header h3{margin:0;font-family:var(--serif-font);font-size:18px;color:var(--ink-strong)}.drawer-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:12px 16px;border-bottom:1px solid var(--panel-border)}.drawer-tabs button{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink-dim);cursor:pointer;font-family:var(--display-font);font-size:13px;white-space:nowrap}.drawer-tabs button.active{background:var(--pill-hover);color:var(--ink-strong);border-color:var(--panel-border)}.drawer-body{flex:1;overflow-y:auto;padding:18px 22px 28px}.drawer-section{display:flex;flex-direction:column;gap:14px}.drawer-section[hidden]{display:none}.drawer-label{display:grid;gap:8px;color:var(--ink-dim);font-family:var(--display-font);font-size:14px;letter-spacing:.14em;text-transform:uppercase}textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--panel-border);border-radius:10px;padding:12px 14px;background:var(--panel-bg);color:var(--ink-strong);font-family:var(--copy-font);font-size:14px;line-height:1.6;letter-spacing:0;text-transform:none}textarea:focus{outline:1px solid var(--accent);outline-offset:1px}.drawer-select,.drawer-input{width:100%;border:1px solid var(--panel-border);border-radius:10px;padding:10px 14px;background:var(--panel-bg);color:var(--ink-strong);font-family:var(--copy-font);font-size:14px;letter-spacing:0;text-transform:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.drawer-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.drawer-select:focus,.drawer-input:focus{outline:1px solid var(--accent);outline-offset:1px}.drawer-hint{margin:4px 0 0;font-size:12px;color:var(--ink-dim);font-family:var(--copy-font);letter-spacing:0;text-transform:none}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--panel-border);background:var(--pill-bg);color:var(--ink);padding:10px 14px;border-radius:999px;font-family:var(--copy-font);font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .18s ease;min-height:40px}.pill:hover:not(:disabled){background:var(--pill-hover);color:var(--ink-strong);transform:translateY(-1px)}.pill:disabled{opacity:.5;cursor:not-allowed}.pill.primary{background:linear-gradient(140deg,var(--ink-faint),transparent);border-color:var(--panel-border);color:var(--ink-strong)}.drawer-feedback{margin:0;font-size:13px;color:var(--ink-dim)}.drawer-empty{color:var(--ink-dim);font-size:14px}.queue-now{padding:10px 12px;border-radius:8px;background:color-mix(in oklab,var(--accent) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);margin-bottom:12px}.queue-now-label{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.queue-now strong{display:block;font-size:14px}.queue-now p{margin:2px 0 0;font-size:12px;color:var(--ink-dim)}.queue-section-label{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin:12px 0 6px}.drawer-history li{opacity:.6}.drawer-history li[data-status=skipped]{opacity:.4;text-decoration:line-through}.drawer-queue{list-style:none;margin:0;padding:0;display:grid;gap:12px}.drawer-queue li{display:grid;grid-template-columns:36px 28px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg)}.queue-fav{background:none;border:none;color:var(--ink-dim);cursor:pointer;padding:0;margin-top:8px;display:grid;place-items:center;transition:color .2s ease}.queue-fav:hover{color:var(--accent)}.queue-pos{width:36px;height:36px;border-radius:999px;background:var(--pill-hover);color:var(--ink-strong);display:grid;place-items:center;font-family:var(--display-font);font-size:18px}.queue-copy{display:grid;gap:4px;min-width:0}.queue-copy strong{color:var(--ink-strong);font-family:var(--serif-font);font-size:16px;line-height:1.3}.queue-copy p{margin:0;font-size:13px;color:var(--ink)}.queue-copy small{font-size:12px;color:var(--ink-dim)}.queue-copy .queue-source{font-family:var(--display-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.drawer-settings{display:grid;gap:8px;margin:0}.drawer-settings div{display:grid;grid-template-columns:minmax(120px,.4fr) minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--panel-border)}.drawer-settings dt{margin:0;color:var(--ink-dim);font-family:var(--display-font);letter-spacing:.14em;font-size:13px;text-transform:uppercase}.drawer-settings dd{margin:0;color:var(--ink-strong);font-size:14px;display:flex;flex-wrap:wrap;gap:4px 10px}.login-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 18px;border:1px solid var(--panel-border);border-radius:14px;background:var(--panel-bg)}.login-hint,.login-name,.login-sub{margin:0;text-align:center}.login-name{font-family:var(--serif-font);font-size:20px;color:var(--ink-strong)}.login-sub{color:var(--ink-dim);font-size:13px}.login-hint{color:var(--ink-dim);font-size:14px}.qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-image{width:200px;height:200px;border-radius:10px;background:#fff;padding:10px}.music-badge{padding:6px 12px;border-radius:999px;background:var(--pill-bg);border:1px solid var(--panel-border);color:var(--ink-dim);font-family:var(--display-font);font-size:14px;letter-spacing:.14em;text-transform:uppercase}.drawer-queue li[data-locked=true]{opacity:.62}.queue-lock{color:#ef6e4a;font-family:var(--display-font);letter-spacing:.1em}.queue-link{color:var(--accent);font-size:12px;text-decoration:none;display:inline-block;margin-top:4px}.queue-link:hover{text-decoration:underline}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}@media(max-width:640px){.radio-root{padding:16px 14px 40px;gap:16px}.topbar{flex-wrap:wrap;gap:10px}.topbar h1{font-size:20px}.display-panel{padding:20px}.display-title{font-size:clamp(32px,10vw,48px)}.display-meta{flex-direction:column;gap:4px}}.transport-progress{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;font-family:var(--display-font);font-size:14px;letter-spacing:.1em;color:var(--ink-dim)}.transport-progress[data-visible=false]{visibility:hidden}.progress-time{min-width:42px;text-align:center}.progress-range{flex:1;height:4px;accent-color:var(--accent);cursor:pointer}.progress-range:disabled{cursor:default}.transport-volume{display:inline-flex;align-items:center;gap:6px;color:var(--ink-faint)}.volume-range{width:64px;height:4px;accent-color:var(--accent);cursor:pointer}.sleep-timer{position:relative;display:inline-flex;align-items:center;gap:6px}.icon-button[data-active=true]{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,var(--panel-border))}.sleep-pill{font-family:var(--display-font);font-size:13px;letter-spacing:.08em;color:var(--accent)}.sleep-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:6px;min-width:132px;padding:10px;border-radius:14px;background:var(--drawer-bg);border:1px solid var(--panel-border);box-shadow:0 18px 40px #00000073;z-index:60}.style-presets{display:flex;flex-wrap:wrap;gap:8px}.style-presets .pill{padding:6px 12px;min-height:32px;font-size:13px}.drawer-favorites li{grid-template-columns:28px minmax(0,1fr) 36px}.drawer-favorites .queue-fav{margin-top:4px}.queue-enqueue{width:32px;height:32px;border-radius:999px;border:1px solid var(--panel-border);background:var(--pill-bg);color:var(--ink-dim);display:grid;place-items:center;cursor:pointer;transition:color .2s ease,background .2s ease,transform .18s ease}.queue-enqueue:hover:not(:disabled){color:var(--accent);background:var(--pill-hover);transform:translateY(-1px)}.queue-enqueue:disabled{opacity:.35;cursor:not-allowed}.journal-self{padding:14px 16px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg)}.journal-self-text{margin:0;font-family:var(--serif-font);font-size:14px;line-height:1.8;color:var(--ink);white-space:pre-wrap}.journal-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.journal-list li{padding:12px 14px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg)}.journal-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-family:var(--display-font);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.journal-observation{margin:0;font-family:var(--serif-font);font-size:14px;line-height:1.8;color:var(--ink);white-space:pre-wrap}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.display-track-info{animation:rise-in .45s cubic-bezier(.2,.7,.2,1) both}.display-track-info .display-subtitle{animation:rise-in .45s .08s cubic-bezier(.2,.7,.2,1) both}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}.drawer-section:not([hidden])>*{animation:rise-in .3s ease both}.drawer-section:not([hidden])>*:nth-child(2){animation-delay:40ms}.drawer-section:not([hidden])>*:nth-child(3){animation-delay:80ms}.drawer-section:not([hidden])>*:nth-child(4){animation-delay:.12s}.drawer-section:not([hidden])>*:nth-child(5){animation-delay:.16s}.drawer-section:not([hidden])>*:nth-child(n+6){animation-delay:.2s}.drawer-queue li,.journal-list li,.narration-speaking-badge{animation:rise-in .3s ease both}.narration-speaking-badge span[aria-hidden]{animation:pulse-dot 1.6s ease-in-out infinite}.display-status{transition:color .35s ease,border-color .35s ease,text-shadow .35s ease}@keyframes on-air-in{0%{opacity:.25}30%{opacity:1}55%{opacity:.45}to{opacity:1}}.display-status[data-status=playing],.display-status[data-status=speaking]{animation:on-air-in .6s ease both}.display-status[data-status=planning],.display-status[data-status=intervening]{animation:pulse-dot 1.2s ease-in-out infinite}.status-message{animation:rise-in .3s ease both}@keyframes loading-dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}}.status-message[data-busy=true]:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:loading-dots 1.4s infinite}.error-banner{animation:rise-in .3s ease both}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.fav-pop svg{animation:heart-pop .45s cubic-bezier(.2,1.6,.4,1)}.play-icon-swap{display:grid;place-items:center}.play-icon-swap>*{grid-area:1 / 1;transition:opacity .18s ease,transform .22s ease}.play-icon-swap[data-playing=false] .swap-pause,.play-icon-swap[data-playing=true] .swap-play{opacity:0;transform:scale(.5) rotate(-30deg)}.sleep-menu{animation:rise-in .22s ease both}.chat-messages{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding:4px 2px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}.chat-bubble{max-width:85%;padding:9px 13px;border-radius:14px;border:1px solid var(--panel-border);animation:rise-in .25s ease both}.chat-bubble p{margin:0;font-size:14px;line-height:1.7;white-space:pre-wrap}.chat-bubble[data-role=user]{align-self:flex-end;background:color-mix(in oklab,var(--accent) 14%,transparent);border-color:color-mix(in oklab,var(--accent) 28%,transparent);color:var(--ink-strong)}.chat-bubble[data-role=assistant]{align-self:flex-start;background:var(--panel-bg);color:var(--ink);font-family:var(--serif-font)}.chat-input-row{display:flex;align-items:flex-end;gap:8px}.chat-input-row textarea{flex:1;min-height:56px}.chat-input-actions{display:flex;flex-direction:column;gap:6px}.chat-input-actions .icon-button{width:36px;height:36px}.chat-input-actions .icon-button:disabled{opacity:.35;cursor:not-allowed}.chat-mic[data-active=true]{color:var(--on-air);border-color:color-mix(in oklab,var(--on-air) 45%,var(--panel-border));animation:pulse-dot 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}