:root{color-scheme:dark;--bg:#111511;--panel:#1a201a;--line:#30382d;--text:#f0f2e9;--muted:#9da794;--accent:#d4f88a;--radius:22px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,select,input,textarea{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.shell{max-width:1240px;margin:auto;padding:0 44px}.topbar{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.1px}.brand>span:not(.brand-mark):not(.beta){font-weight:400}.brand-mark{display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:middle}.brand>.brand-mark{margin-right:13px;width:34px;height:36px}.brand-mark i{display:block;width:4px;height:15px;border-radius:8px;background:var(--accent)}.brand-mark i:nth-child(2){height:28px}.brand-mark i:nth-child(3){height:21px}.brand-mark i:nth-child(4){height:11px}.beta{font-size:9px;letter-spacing:1.3px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 7px;margin:3px 0 0 15px;font-weight:500}.quiet{display:inline-flex;gap:9px;align-items:center;justify-content:center;background:transparent;min-height:44px;color:var(--muted);padding:8px 10px}.quiet:hover{color:var(--text)}.intro{display:flex;justify-content:space-between;align-items:center;padding:39px 0 31px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;color:var(--muted);margin:0 0 10px}.intro h1{font-size:45px;line-height:1.12;letter-spacing:-1.8px;font-weight:560;margin:0 0 12px}.intro h1 span{color:var(--accent)}.intro-copy{color:var(--muted);margin:0;font-size:15px}.edition{font-size:9px;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:20px}.edition span{font-size:33px;font-weight:300;letter-spacing:-1px;color:#68735d}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.channels-panel{padding:24px 20px;position:sticky;top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:16px;font-weight:550;letter-spacing:-.3px;margin:0}.section-heading h2>span{font-size:11px;color:var(--muted);margin-left:6px;background:#293125;border-radius:6px;padding:2px 6px;vertical-align:2px}.muted{color:var(--muted)}.small{font-size:12px}.channels-panel>.small{margin:4px 0 22px}.icon-button{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);flex-shrink:0}.icon-button:hover{background:#30392b;color:var(--text)}.channels{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.channel-card{display:flex;align-items:center;gap:11px;padding:12px 9px;border-radius:12px;background:#222a20;border:1px solid transparent}.channel-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#4e6742;color:#e8f6da;font-weight:600;font-size:17px;flex-shrink:0}.channel-card:nth-child(even) .channel-avatar{background:#675741;color:#fff0d7}.channel-name{min-width:0;flex:1}.channel-name strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.channel-name small{font-size:10px;color:var(--muted);display:block}.channel-toggle{accent-color:var(--accent);width:19px;height:19px;cursor:pointer}.remove-channel{width:26px;height:32px;background:transparent;color:var(--muted);font-size:19px}.input-row{display:flex;border:1px solid #3b4535;border-radius:12px;align-items:center;padding:3px 3px 3px 12px}input:not([type=range]):not([type=checkbox]){background:transparent;color:var(--text);min-width:0;width:100%;font-size:12px;padding:9px 0;outline-offset:0}.add-button{color:var(--accent);background:#2c3724}.channel-settings{display:flex;align-items:center;justify-content:space-between;margin:13px 0 25px;gap:6px;font-size:10px;color:var(--muted)}select{background:transparent;color:var(--text);padding:8px 4px;cursor:pointer;max-width:100%}option{background:var(--panel);color:var(--text)}.voice-settings{border-top:1px solid var(--line);padding-top:23px}.voice-options{display:flex;flex-direction:column;gap:8px}.voice{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:11px;background:transparent;font-size:12px}.voice.active{border-color:#7b9257;background:#252f1e}.voice-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#38492b;color:var(--accent);font-size:12px}.voice-avatar.secondary{background:#463b4b;color:#d7bfdf}.voice small{display:block;font-size:10px;color:var(--muted)}.voice i{width:13px;height:13px;border:1px solid #667459;border-radius:50%;margin-left:auto}.voice.active i{border:4px solid var(--accent);background:var(--panel)}.voice-settings>.small{font-size:10px;margin:14px 0 23px}.text-button{border-top:1px solid var(--line);padding:19px 0 0;background:transparent;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;width:100%}.text-button span{color:var(--accent)}.listening-column{display:flex;flex-direction:column;gap:20px}.player{padding:24px 30px 14px;background:radial-gradient(ellipse at 50% 30%,#2b3920 0,transparent 58%),var(--panel);overflow:hidden}.player-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.player-top{display:flex;flex:1;min-width:0;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.live-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:var(--accent)}.live-label>i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.player-format{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.record{width:64px;height:64px;margin:0;flex-shrink:0;position:relative;border-radius:50%;border:1px solid #53613c;background:repeating-radial-gradient(circle,#25321c 0px,#25321c 3px,#344127 4px,#25321c 5px);box-shadow:0 12px 40px #0a100b55}.record-ring{position:absolute;inset:12%;border:1px solid #5e6e4255;border-radius:50%}.record-core{position:absolute;inset:28%;border:1px solid #65794b;background:#313f24;display:flex;align-items:center;justify-content:center;border-radius:50%}.record-core .brand-mark{transform:scale(.56)}.record-dot{position:absolute;top:10%;left:calc(50% - 1.5px);width:3px;height:3px;background:var(--accent);border-radius:50%}.playing .record{animation:spin 18s linear infinite}.now-playing{text-align:center;flex:1;min-width:0;padding:10px 0}.now-playing h2{color:var(--accent);font-size:42px;line-height:1.12;font-weight:650;letter-spacing:-1.2px;overflow-wrap:anywhere;margin:0 auto 14px;max-width:570px}.now-playing #current-title{color:var(--text);font-size:13px;line-height:1.6;font-weight:400;letter-spacing:0;margin:0 auto;max-width:480px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.now-playing>.muted{font-size:11px;margin:10px 0 0}.progress-area{margin-top:14px}input[type=range]{width:100%;height:14px;margin:0;accent-color:var(--accent);cursor:pointer;background:transparent}.time-labels{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:10px;color:var(--muted);margin-top:1px}.transport{display:flex;align-items:center;justify-content:center;gap:23px;padding:14px 0 10px}.play-button{height:65px;width:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#17200d;box-shadow:0 0 25px #b8e86c13}.play-button svg{height:27px;width:27px}.transport-side{background:transparent;width:40px;height:44px;display:grid;place-items:center;color:#d1d8c8}.seek-button{background:transparent;position:relative;display:grid;place-items:center;font-size:28px;width:35px;height:44px;color:var(--muted);line-height:1}.seek-button span{position:absolute;font-size:8px;top:19px}.player-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343e2b;margin-top:10px;padding-top:7px;gap:8px}.speed-control{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted)}.speed-control select{font-size:12px;font-weight:550;color:var(--accent)}.queue-panel{padding:23px 25px 0}.queue-panel .section-heading>div>p{margin:6px 0 0;font-size:10px}.segmented{display:flex;background:#10170f;border:1px solid var(--line);border-radius:9px;padding:3px;flex-shrink:0}.segmented button{background:transparent;color:var(--muted);font-size:10px;padding:7px 10px;border-radius:6px}.segmented button.active{background:#34412a;color:var(--accent)}.queue{margin-top:17px;max-height:330px;overflow:auto;scrollbar-width:thin;scrollbar-color:#46513b transparent}.queue-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2d3528;padding:12px 0;min-height:68px}.queue-row:last-child{border-bottom:0}.queue-row.current .post-title{color:var(--accent)}.post-index{font-size:10px;color:var(--muted);width:18px;text-align:center;flex-shrink:0}.queue-row.current .post-index{color:var(--accent)}.post-copy{flex:1;min-width:0}.post-title{display:block;width:100%;text-align:left;background:transparent;padding:0;color:var(--text);font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{font-size:9px;color:var(--muted);margin-top:4px;display:flex;gap:9px;align-items:center}.post-time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.post-remove{width:29px;height:37px;border-radius:8px;background:transparent;color:var(--muted);font-size:19px}.post-remove:hover{background:#333c2d}.prepare-area{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:12px;padding:18px 0 20px}.prepare-area p{margin:0;font-size:12px}.prepare-area small{font-size:10px;display:block;margin-top:3px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:45px;padding:11px 16px;border-radius:10px;font-size:11px;font-weight:650;flex-shrink:0;background:var(--accent);color:#1d280f}.primary:hover:not(:disabled){background:#e2ffa8}.primary svg{width:17px;height:17px}progress{width:100%;height:4px;display:block;accent-color:var(--accent);margin:0 0 15px}progress[hidden]{display:none}.empty-state{text-align:center;color:var(--muted);padding:28px 10px;font-size:12px}.empty-state svg{width:32px;height:32px;opacity:.5}.empty-state p{margin-bottom:0}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:10px;color:#b4bea8}#notice{background:#283722;border:1px solid #506a3d;color:#d4e4c6;padding:12px 17px;font-size:12px;border-radius:12px;margin-bottom:20px}#notice.error{background:#392923;border-color:#835443;color:#ffdac8}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;max-width:480px;width:calc(100% - 32px);padding:24px}dialog::backdrop{background:#070b07b8;backdrop-filter:blur(5px)}dialog>label{display:block;font-size:12px;margin:18px 0 4px}dialog>select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#11180f;color:var(--text);font-size:13px}dialog>.muted{font-size:12px}.report-actions{display:flex;gap:10px;margin-top:17px}details{margin-top:23px;font-size:11px;color:var(--muted)}pre{white-space:pre-wrap;font-size:10px;max-height:220px;overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.driving .intro,.driving .channels-panel,.driving .queue-panel,.driving footer,.driving .topbar{display:none}.driving .workspace{display:block}.driving .shell{max-width:800px;padding:20px}.driving .player{min-height:calc(100dvh - 40px);display:flex;flex-direction:column;justify-content:space-evenly}.driving .record{width:64px;height:64px}.driving .transport{gap:24px}.driving .play-button{width:104px;height:104px}.driving .transport-side{width:60px;height:65px}.driving .transport-side svg{width:34px;height:34px}.driving .now-playing h2{font-size:48px}.driving .player-format{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.playing .record{animation:none}}@media(min-width:1400px){.shell{padding:0 30px}.intro{padding-top:50px}}
@media(max-width:850px){.shell{padding:0 22px}.workspace{grid-template-columns:260px minmax(0,1fr);gap:16px}.intro h1{font-size:37px}.edition{display:none}.channels-panel{padding:19px 15px}.player{padding:20px 20px 12px}.queue-panel{padding:20px 17px 0}.queue-panel .section-heading{align-items:flex-start;flex-direction:column}.prepare-area{align-items:stretch;flex-direction:column;gap:13px}.primary{font-size:12px}.transport{gap:15px}.post-title{font-size:11px}}
@media(max-width:600px){.shell{padding:0 17px}.topbar{height:77px}.brand{font-size:24px}.brand>.brand-mark{margin-right:9px}.beta{font-size:7px;margin-left:10px;padding:3px 5px}.quiet{font-size:12px}.intro{padding:28px 0 23px}.intro h1{font-size:34px;letter-spacing:-1.1px}.intro-copy{font-size:12px}.eyebrow{font-size:8px}.workspace{display:flex;flex-direction:column;gap:16px}.listening-column{display:contents}.player{order:0;width:100%;padding:21px 20px 12px}.channels-panel{order:1;width:100%;position:static;padding:18px}.queue-panel{order:2;width:100%;padding:20px 18px 0}.record{width:56px;height:56px}.now-playing h2{font-size:32px;letter-spacing:-.8px}.now-playing #current-title{font-size:12px}.now-playing{min-height:0}.transport{gap:25px}.player-format{font-size:8px}.live-label{font-size:8px}.channel-card{padding:10px 12px}.channels{margin:12px 0}.channel-name strong{font-size:13px}.channel-settings{margin-bottom:20px}.voice-settings{padding-top:18px}.voice-options{flex-direction:row}.voice{width:50%;padding:10px;gap:7px}.voice i{width:12px;height:12px;flex-shrink:0}.voice small{font-size:9px}.voice-settings>.small{margin:11px 0 17px}.text-button{padding-top:15px}.queue-panel .section-heading{flex-direction:row;align-items:center}.segmented button{padding:7px 9px;font-size:9px}.section-heading h2{font-size:15px}.queue-panel .section-heading>div>p{max-width:155px;font-size:9px}.post-title{font-size:12px}.prepare-area{padding:16px 0 18px}.prepare-area .primary{min-height:49px}.queue{max-height:360px}.edition{display:none}footer{font-size:9px;padding:24px 0 30px;flex-direction:column;gap:7px}.driving .shell{padding:10px}.driving .player{min-height:calc(100dvh - 20px);padding:20px 17px}.driving .transport{gap:13px}.driving .now-playing h2{font-size:36px}.driving .player-top{gap:5px}.driving .live-label{font-size:7px}.driving .quiet{font-size:10px}}
.quick-start{text-align:center;margin:10px 0 4px}.quick-start:has([hidden]){display:none}
.header-actions{display:flex;align-items:center;gap:12px}.header-actions select{font-size:12px}
.section-heading h2>[data-i18n]{font-size:inherit;color:inherit;background:none;margin:0;padding:0;vertical-align:baseline}
.channel-card{flex-wrap:wrap;gap:7px;padding:8px}.channel-card.active{border-color:#91ad65;background:#2d3a24}
.station-button{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;background:transparent;padding:3px;color:inherit}
.station-count{border-radius:7px;background:#10170f;color:var(--accent);padding:4px 7px;font-size:11px;min-width:28px;text-align:center}
.channel-language{width:100%;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;color:var(--muted);padding:0 5px}
.channel-language select{font-size:10px;padding:4px}.station-dial{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 6px;color:var(--accent)}
.station-dial>span{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-dial button{font-size:30px;width:36px;flex-shrink:0;padding:0}
.playback-mode{max-width:100%}.playback-mode button{font-size:9px}.music-settings{border-top:1px solid var(--line);margin-top:8px;padding:13px 0 2px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.music-toggle{display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer}.music-toggle input{accent-color:var(--accent);width:18px;height:18px}
.music-volume{flex:1;min-width:85px;max-width:170px;margin-left:auto}.music-settings>small{font-size:10px;width:100%}
.offline-options{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px}
.post-actions{display:flex;align-items:center;gap:1px}.post-actions button{width:35px;height:38px;font-size:14px}.post-meta{flex-wrap:wrap}
.original-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:15px}.original-text a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}
#original-dialog{max-width:680px;max-height:85dvh;overflow:auto}#original-link{margin-top:20px}#original-date{margin-top:8px}
.driving .station-dial{font-size:19px;margin:0}.driving .station-dial button{font-size:40px;min-height:55px;min-width:55px}.driving .music-settings{justify-content:center}.driving .music-settings>small{display:none}.driving .music-volume{max-width:140px;margin-left:8px}
@media(max-width:600px){.player-top{flex-wrap:wrap;gap:10px}.playback-mode{max-width:80%}.header-actions{gap:3px}.header-actions select{padding-left:0}.music-toggle{font-size:11px}.offline-options{align-items:flex-start;flex-direction:column;gap:4px}.post-time{display:none}.queue-row{gap:8px}.post-actions button{width:30px}.post-index{width:14px}.station-dial{gap:6px;margin:14px 0 4px}.station-dial button{width:28px}.voice{width:50%}.driving .playback-mode{display:none}}

#settings-dialog .voice-settings{border-top:0;padding-top:24px}#settings-dialog .voice-options{flex-direction:row}#settings-dialog .voice{width:50%;min-height:48px}#settings-dialog .voice-settings>.small{margin-bottom:0}
@media(max-width:600px){.beta{display:none}#settings-open{width:44px;padding:10px}#settings-open>span{display:none}.player-top .playback-mode{max-width:100%}.driving .record{width:56px;height:56px}}

.driving .topbar{display:flex;height:60px;border-bottom:0}.driving #ui-language,.driving #drive{display:none}.driving .player{min-height:calc(100dvh - 100px)}
@media(max-width:600px){.driving .player{min-height:calc(100dvh - 80px)}}
@media(max-width:360px){#drive{width:44px;padding:10px}#drive>span{display:none}}

.telegram-app{padding-top:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px));padding-bottom:calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px));padding-left:calc(var(--tg-safe-area-inset-left,0px) + var(--tg-content-safe-area-inset-left,0px));padding-right:calc(var(--tg-safe-area-inset-right,0px) + var(--tg-content-safe-area-inset-right,0px))}

#original-embed iframe{display:block;border:0;background:transparent;width:100%;height:340px;max-width:100%}
#original-fallback{margin:16px 0}#original-fallback summary{cursor:pointer;color:var(--muted)}
#original-fallback .original-text{margin-top:12px}
@media(max-width:600px){#original-dialog{padding:16px;width:calc(100% - 16px);max-height:90dvh}}

.shell>main{padding-top:16px}.driving .shell>main{padding-top:0}

#music-volume-value{font-size:11px;min-width:4ch;text-align:right;color:var(--muted)}
.music-volume{display:flex;align-items:center;gap:6px}.music-volume input{min-width:0;width:100%;flex:1}

.telegram-channel-pick{width:100%;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;color:var(--accent)}#telegram-picker-hint{margin:0 0 12px;font-size:10px}

#telegram-picker-batch{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}#telegram-picked-channels{list-style:none;padding:0;margin:10px 0}.telegram-picked-row{display:flex;align-items:center;gap:8px;padding:6px 0}.telegram-picked-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.telegram-picked-row small{display:block}.telegram-picked-row button{min-width:40px;min-height:40px;flex-shrink:0}.telegram-picker-actions{display:flex;gap:8px}.telegram-picker-actions>button{flex:1;min-width:0}


.speech-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;margin:8px 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--accent)}.speech-loading[hidden]{display:none}.speech-loading strong,.speech-loading span:not(.speech-spinner){display:block}.speech-loading strong{font-size:16px}.speech-loading div>span{font-size:12px;color:var(--muted)}.speech-spinner{width:24px;height:24px;flex-shrink:0;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:speech-spin 1s linear infinite}@keyframes speech-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.speech-spinner{animation:none}}

.play-button.record-button{position:relative;width:80px;height:80px;padding:0;flex-shrink:0;background:transparent;color:var(--accent);box-shadow:none}.record-button .record{display:block;width:100%;height:100%;margin:0}.record-button .record-core{inset:28%;background:#344529;border-color:#748d4d}.record-symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.record-symbol svg{width:24px;height:24px}.record-button:hover:not(:disabled) .record{border-color:var(--accent);box-shadow:0 0 22px #d4f88a22}.record-button:focus-visible{outline-offset:5px}.driving .play-button.record-button{width:96px;height:96px}

.player-heading{display:none}.driving .player-heading{display:flex}

#player-collapse{gap:5px;white-space:nowrap}#player-view-icon{font-size:18px;line-height:1}.player.compact{padding:12px 16px 8px}.player.compact .station-dial{margin:0}.player.compact .now-playing{padding:4px 0}.player.compact .now-playing h2{font-size:20px;line-height:1.2;letter-spacing:-.3px;margin-bottom:5px}.player.compact #current-title{font-size:11px;line-height:1.4;-webkit-line-clamp:1}.player.compact #current-detail,.player.compact .music-settings{display:none}.player.compact .progress-area{margin-top:7px}.player.compact .transport{padding:7px 0 4px;gap:18px}.player.compact .play-button.record-button{width:56px;height:56px}.player.compact .record-symbol svg{width:20px;height:20px}.player.compact .player-bottom{margin-top:5px;padding-top:2px}.player.compact .speech-loading{padding:6px;margin:5px 0}.player.compact .speech-loading strong{font-size:13px}.player.compact .speech-loading div>span{font-size:11px}.driving .player.compact{min-height:0}



.post-media-settings{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);margin-top:18px;padding-top:18px;font-size:13px}.media-toggle{display:flex;align-items:center;gap:9px;min-height:44px}.media-toggle input{width:18px;height:18px;accent-color:var(--accent)}.post-media{max-width:100%;padding-bottom:4px}.post-media-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;max-width:100%;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none}.post-media-track::-webkit-scrollbar{display:none}.post-media-item{flex:0 0 100%;min-width:0;margin:0;overflow:hidden;scroll-snap-align:start;border-radius:12px;background:#10170f}.post-media img,.post-media video{display:block;width:100%;height:min(32vh,220px);object-fit:contain}.media-unavailable{padding:18px;font-size:12px;color:var(--muted);text-align:center}.player.has-post-media{padding:14px 18px 10px}.player.has-post-media:not(.compact) .now-playing h2{font-size:26px;line-height:1.15;margin-bottom:6px}.player.has-post-media .station-dial{margin:7px 0}.player.has-post-media:not(.compact) #current-title{font-size:11px;-webkit-line-clamp:1}.player.has-post-media #current-detail{display:none}.player.has-post-media .transport{padding:7px 0 4px;gap:18px}.player.has-post-media:not(.compact) .play-button.record-button{width:64px;height:64px}.player.compact .post-media img,.player.compact .post-media video{height:min(26vh,160px)}

.player-posts{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.player-posts .section-heading{gap:8px;align-items:center}.player-posts h2{min-width:0}.posts-toggle{display:flex;align-items:center;gap:8px;padding:8px 0;min-height:44px;background:transparent;text-align:left;font-size:14px;font-weight:550}.posts-toggle #queue-count{font-size:11px;color:var(--muted);background:#293125;padding:2px 6px;border-radius:6px}.posts-toggle #posts-toggle-icon{font-size:17px;color:var(--muted)}.player-posts #clear-heard{font-size:10px;padding:6px 0;max-width:125px}.player-posts #queue-info{font-size:10px;margin:0 0 8px}.player-posts .queue{margin-top:0;max-height:330px}.driving .player-posts{display:none}.player.compact .player-posts{margin-top:6px;padding-top:3px}

.seek-button{width:40px;min-width:40px;height:44px;padding:0;font-size:inherit;line-height:1;flex-shrink:0}.seek-button svg{display:block;width:28px;height:28px}.player .transport,.player.compact .transport,.player.has-post-media .transport{gap:clamp(6px,2vw,16px)}

/* One shared list below the player controls. */
.workspace{display:block}.listening-column{display:block}
.player-library{margin-top:14px;padding-top:8px;border-top:1px solid var(--line)}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.library-tabs{display:flex;gap:6px;min-width:0}
.library-tabs [role=tab]{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border-radius:9px;background:transparent;color:var(--muted);font-size:14px}
.library-tabs [aria-selected=true]{color:var(--accent);background:#34412a}
.library-tabs #queue-count,.library-tabs #channel-count{font-size:11px;color:var(--muted);background:#293125;padding:2px 6px;border-radius:6px}
.library-toggle{min-width:44px;min-height:44px;font-size:20px}
.player-library .channels-panel{position:static;width:100%;padding:0;border:0;border-radius:0;background:transparent}
.player-library .channels{max-height:330px;overflow:auto;scrollbar-width:thin}
.player-library .player-posts{margin:0;padding:0;border:0}
.player-library .player-posts .section-heading{margin-bottom:8px}
.player-library .player-posts h2{font-size:12px;color:var(--muted)}
.driving .player-library{display:none}
.player.compact .player-library{margin-top:6px;padding-top:3px}

/* Station rows follow the post list's typography and spacing. */
.player-library .channels{gap:0;margin:0 0 17px;scrollbar-color:#46513b transparent}
.player-library .channel-card{flex-wrap:nowrap;gap:12px;padding:12px 0;min-height:68px;border:0;border-bottom:1px solid #2d3528;border-radius:0;background:transparent}
.player-library .channel-card:last-child{border-bottom:0}
.player-library .station-button{gap:12px;padding:0}
.player-library .channel-name strong{font-size:12px;font-weight:400;line-height:1.4;color:var(--text)}
.player-library .channel-name small{display:block;font-size:9px;line-height:1.4;margin-top:4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-library .channel-card.active .channel-name strong,.player-library .channel-card.active .post-index{color:var(--accent)}
.player-library .station-count{background:transparent;border-radius:0;padding:0;min-width:14px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}
.player-library .channel-language{width:auto;flex-shrink:0;padding:0}
.player-library .channel-language>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.player-library .channel-language select{font-size:9px;padding:4px 0;max-width:65px}
.player-library .remove-channel{width:29px;height:38px;flex-shrink:0}
@media(max-width:600px){.player-library .channel-card,.player-library .station-button{gap:8px}}

@media(min-width:601px) and (max-width:850px){.player-library .channel-name strong{font-size:11px}}

.video-preview-original{display:block;width:100%;min-height:44px;padding:8px 12px;font-size:11px;line-height:1.4;text-align:center;color:var(--accent)}

.media-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:3px}.media-arrow{width:44px;height:44px;padding:0;font-size:30px;line-height:1}.media-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}

#account-settings{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.login-code{font-size:32px;letter-spacing:6px;color:var(--accent);text-align:center;font-variant-numeric:tabular-nums}