:root{--surface-muted:#edf0f4;--hover:#e9edf3;--action-text:#175dbd;--field-line:#d9dee6;--player-surface:#fffffff5;--danger-bg:#fff0ee;--danger-text:#863b37}
.view-actions{display:flex;gap:4px;align-items:center;margin-left:auto;flex:none}.view-actions .icon-button{width:44px;height:44px}.focus-brand{display:none}.selected-theme{font-size:12px;color:var(--secondary);margin-bottom:7px}.now-heading{display:flex;align-items:flex-start;gap:10px}.now-heading h2{font-size:27px;line-height:1.4;flex:1}.favorite-action{color:var(--secondary);width:44px;height:44px}.favorite-action[aria-pressed=true]{color:#c74b61;background:#fcecf0}.favorite-action:disabled{opacity:.3}.show-summary h2{overflow-wrap:anywhere}.listening{gap:28px}.show-slogan{font-size:13px}.host-byline{font-size:12px}.show-status{font-size:12px}.theme-card strong{font-size:13px}.theme-card small{font-size:11px}.queue-copy strong{font-size:13px}.queue-copy small{font-size:11px}.tiny-label{font-size:12px}.chat-entry,.host-intro p,.transcript p{font-size:14px}.chat-entry .speaker{font-size:11px}.chat-form textarea{font-size:14px}.send-button{height:44px;width:44px}.composer-footer{font-size:11px}.track-summary strong{font-size:13px}.track-summary span{font-size:11px}.icon-button,.play-button{width:44px;height:44px}.player-bar{background:var(--player-surface)}
.library-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:16px}.library-tabs button{min-height:46px;font-size:15px;padding:8px 0;border-bottom:2px solid transparent;color:var(--secondary);white-space:nowrap}.library-tabs button[aria-selected=true]{border-bottom-color:var(--blue);color:var(--ink);font-weight:600}.library-meta{font-size:12px;color:var(--secondary);margin:0 0 12px}.library-empty{min-height:100px;display:grid;place-items:center;color:var(--secondary);font-size:13px}.library-list{margin:0;padding:0;list-style:none}.library-list button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;min-height:70px;border-bottom:1px solid var(--line);padding:12px}.library-list button:hover{background:var(--surface-muted)}.library-list .icon{color:var(--secondary);width:18px;height:18px}.library-copy{flex:1;min-width:0}.library-copy strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.library-copy small{display:block;font-size:11px;color:var(--secondary);margin-top:6px}.library-status{font-size:12px;color:var(--danger-text);line-height:1.7;margin-top:12px}.queue-section .section-heading{margin-bottom:8px}.page-footer{justify-content:flex-start;font-size:12px}.page-footer>span{margin-right:auto}
.focus-mode .sidebar,.focus-mode .page-greeting,.focus-mode .listening,.focus-mode .theme-section,.focus-mode .queue-section,.focus-mode .conversation,.focus-mode .page-footer{display:none}.focus-mode .workspace,.focus-mode .listen-column{display:contents}.focus-mode main{margin:0;max-width:none;padding:28px 48px 0}.focus-mode .page-header{margin-bottom:20px}.focus-mode .focus-brand{display:flex;align-items:center;gap:10px;font-size:25px}.focus-mode .focus-brand img{width:36px;height:36px}.focus-mode .notice{position:fixed;bottom:calc(var(--player) + 16px);left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 32px));z-index:7}.focus-stage{display:grid;grid-template-columns:minmax(0,420px) minmax(0,440px);justify-content:center;align-items:center;gap:76px;min-height:calc(100dvh - 224px);padding:30px 0 50px}.focus-art{margin:0;width:100%;min-width:0}.focus-art img{width:100%;aspect-ratio:1;height:auto;border-radius:6px}.focus-art figcaption{font-size:12px;color:var(--secondary);margin-top:16px}.focus-copy{min-width:0}.focus-copy h1{font-size:36px;line-height:1.45;overflow-wrap:anywhere}.focus-subtitle{color:var(--secondary);font-size:14px;margin:16px 0 10px}.focus-note{padding-top:22px;margin-top:16px;border-top:1px solid var(--line)}.focus-note>p:last-child{font-size:17px;line-height:1.9;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.up-next{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.up-next span{font-size:12px;color:var(--secondary)}.up-next p{font-size:14px;line-height:1.7;margin-top:8px;overflow-wrap:anywhere}
html[data-appearance=dark]{color-scheme:dark;--canvas:#17191c;--white:#202226;--ink:#f0f1f3;--secondary:#afb3bb;--line:#363940;--blue:#3984ef;--soft-blue:#233751;--surface-muted:#282c31;--hover:#333840;--action-text:#91c0ff;--field-line:#51565f;--player-surface:#202226f7;--danger-bg:#402828;--danger-text:#ffb0a8}
html[data-appearance=dark] .sidebar .nav-link:hover{background:var(--hover);color:var(--ink)}html[data-appearance=dark] .nav-link.active{color:var(--action-text)}html[data-appearance=dark] .chat-form{background:var(--white);border-color:var(--field-line)}html[data-appearance=dark] .chat-form:focus-within{border-color:var(--action-text)}html[data-appearance=dark] textarea::placeholder{color:var(--secondary)}html[data-appearance=dark] .chat-entry.user,html[data-appearance=dark] .queue-item.active button{background:var(--soft-blue);color:var(--ink)}html[data-appearance=dark] .queue-item button:hover{background:var(--surface-muted)}html[data-appearance=dark] .queue-kind{background:var(--hover);color:var(--secondary)}html[data-appearance=dark] .queue-item.active .queue-kind{background:var(--soft-blue);color:var(--action-text)}html[data-appearance=dark] .icon-button:hover:not(:disabled){background:var(--hover)}html[data-appearance=dark] .play-button{background:#e8edf4;color:#202226}html[data-appearance=dark] .play-button:hover:not(:disabled){background:#bdd7fc}html[data-appearance=dark] .host-avatar{background:var(--soft-blue);color:var(--action-text)}html[data-appearance=dark] .chat-status{color:var(--action-text)}html[data-appearance=dark] .notice{background:var(--danger-bg);color:var(--danger-text)}html[data-appearance=dark] .chat-error{color:var(--danger-text)}html[data-appearance=dark] .favorite-action[aria-pressed=true]{background:#442b33;color:#ffacbc}html[data-appearance=dark] .queue-empty,html[data-appearance=dark] .queue-empty .icon,html[data-appearance=dark] .queue-number{color:var(--secondary)}html[data-appearance=dark] .demo-badge{color:#f5c77e;border-color:#715b38;background:#30281d}html[data-appearance=dark] .primary-button,html[data-appearance=dark] .send-button{background:#216acc}html[data-appearance=dark] .skip-link{background:var(--white);color:var(--ink)}
@media(max-width:1180px){.now-heading h2{font-size:26px}.theme-card strong{font-size:12px}.theme-card small{font-size:10px}.focus-stage{gap:44px;grid-template-columns:minmax(0,360px) minmax(0,400px)}}
@media(max-width:800px){.page-header{flex-wrap:wrap;gap:12px}.page-greeting{flex:1;min-width:200px}.view-actions{margin-left:0}.page-header .demo-badge{margin-left:0}.page-header h1{font-size:22px}.focus-mode main{padding:22px 24px 0}.focus-stage{min-height:0;grid-template-columns:minmax(0,1fr);gap:30px;padding:20px 0 35px;max-width:500px;margin:auto}.focus-art{max-width:320px;justify-self:center}.focus-copy h1{font-size:28px}.focus-mode .view-actions{margin-left:auto}.focus-mode .page-header{flex-wrap:nowrap;gap:8px}.focus-mode .demo-badge{font-size:10px;padding:4px}.focus-copy .eyebrow{font-size:12px}.up-next{margin-top:18px;padding-top:18px}.chat-form textarea{font-size:16px}.library-tabs{gap:24px}.track-summary strong{font-size:12px}.track-summary span{font-size:10px}.theme-card strong{font-size:13px}.theme-card small{font-size:11px}.focus-note>p:last-child{font-size:16px}.page-footer{flex-wrap:wrap;gap:14px}}
@media(max-width:480px){.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-bottom:24px}.page-greeting{grid-column:1/-1}.view-actions{grid-column:2;grid-row:2}.page-header .demo-badge{justify-self:start}.now-heading{gap:0}.now-heading h2{font-size:22px}.selected-theme{font-size:11px;margin-bottom:5px}.now-heading .favorite-action{width:44px;min-width:44px}.show-slogan{font-size:12px}.host-byline{font-size:11px}.show-status{font-size:11px}.listening{grid-template-columns:106px minmax(0,1fr);gap:16px}.theme-card strong{font-size:12px}.theme-card small{font-size:10px;min-height:28px}.library-tabs{gap:20px}.library-tabs button{font-size:14px}.focus-mode .page-header{display:flex}.focus-mode main{padding:20px 18px 0}.focus-mode .focus-brand{font-size:23px;gap:7px}.focus-mode .focus-brand img{width:30px;height:30px}.focus-mode .view-actions{gap:0}.focus-mode .view-actions>a{display:none}.focus-mode .demo-badge{margin-left:auto}.focus-stage{padding-top:12px;gap:24px}.focus-art{max-width:260px}.focus-art figcaption{font-size:11px;margin-top:12px}.focus-copy h1{font-size:26px}.focus-subtitle{font-size:13px}.queue-copy strong{font-size:12px}.page-footer{font-size:11px}}
.library-list li{display:flex;align-items:center;border-bottom:1px solid var(--line)}.library-list li>button:first-child{flex:1;min-width:0;border-bottom:0}.library-list .favorite-remove{width:44px;min-height:44px;height:44px;flex:none;padding:0;border:0;justify-content:center}.library-list .favorite-remove .icon{color:#c74b61}html[data-appearance=dark] .library-list .favorite-remove .icon{color:#ffacbc}
.view-actions [data-tip]:after{left:auto;right:0;transform:none;bottom:auto;top:calc(100% + 8px)}.transport-buttons [data-tip]:after,.favorite-action[data-tip]:after,.favorite-remove[data-tip]:after{left:auto;right:0;transform:none}.volume [data-tip]:after{left:0;right:auto;transform:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}