:root{--bg-primary: #1a1a2e;--bg-secondary: #252540;--bg-tertiary: #2d2d4a;--accent-primary: #ff6b35;--accent-primary-hover: #ff8555;--accent-primary-muted: rgba(255, 107, 53, .15);--accent-glow: 0 0 20px rgba(255, 107, 53, .4);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-tertiary: #6b6b80;--color-needs-work: #e85d75;--color-needs-work-bg: rgba(232, 93, 117, .2);--color-insight: #ff6b35;--color-insight-bg: rgba(255, 107, 53, .2);--color-model: #4ecdc4;--color-model-bg: rgba(78, 205, 196, .2);--border-subtle: rgba(255, 255, 255, .1);--border-accent: #ff6b35;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Roboto Mono", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100%;display:flex;flex-direction:column}button,a,[role=button]{min-height:44px;min-width:44px}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--bg-primary)}.login-card{width:100%;max-width:400px;padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000004d}.login-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xs)}.login-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-input{width:100%;min-height:48px;padding:var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-muted)}.form-input:disabled{opacity:.6;cursor:not-allowed}.login-error{padding:var(--spacing-md);background-color:var(--color-needs-work-bg);border-radius:var(--radius-md);color:var(--color-needs-work);font-size:var(--font-size-sm);text-align:center}.login-button{width:100%;min-height:52px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.login-button:hover:not(:disabled){background-color:var(--accent-primary-hover)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.check-email-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--bg-primary)}.check-email-card{width:100%;max-width:400px;padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000004d;text-align:center}.check-email-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);color:var(--accent-primary)}.check-email-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.check-email-message{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.check-email-button{min-height:48px;padding:var(--spacing-md) var(--spacing-xl);background-color:transparent;border:2px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.check-email-button:hover{background-color:var(--accent-primary-muted)}.check-email-button:active{transform:scale(.98)}.check-email-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background-color:var(--bg-primary)}.auth-spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading-text{font-size:var(--font-size-base);color:var(--text-secondary)}.sync-button{display:flex;align-items:center;gap:var(--spacing-md);width:100%;min-height:64px;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden;text-align:left}.sync-button:hover:not(:disabled){background:var(--bg-tertiary)}.sync-button:disabled{cursor:default}.sync-button--complete{border-color:var(--accent-primary-muted)}.sync-button--error{border-color:var(--color-needs-work)}.sync-button__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--accent-primary)}.sync-button--complete .sync-button__icon{color:var(--color-model)}.sync-button--error .sync-button__icon{color:var(--color-needs-work)}.sync-button__content{flex:1;min-width:0}.sync-button__title{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-button__subtitle{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.sync-button--error .sync-button__subtitle{color:var(--color-needs-work)}.sync-button__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--bg-tertiary)}.sync-button__progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.playlist-complete{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--bg-primary)}.playlist-complete__content{text-align:center;max-width:320px}.playlist-complete__icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:var(--accent-primary-muted);border-radius:var(--radius-full);color:var(--accent-primary);margin-bottom:var(--spacing-xl)}.playlist-complete__title{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0 0 var(--spacing-md)}.playlist-complete__message{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-2xl)}.playlist-complete__restart{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-height:48px;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.playlist-complete__restart:hover{background:var(--bg-tertiary);border-color:var(--accent-primary-muted)}.playlist-complete__restart svg{color:var(--accent-primary)}.daily-playlist{min-height:100vh;background-color:#1a1a2e;display:flex;flex-direction:column;padding-bottom:180px}.daily-playlist--loading,.daily-playlist--error,.daily-playlist--empty{min-height:100vh;background-color:#1a1a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.daily-playlist--loading p,.daily-playlist--error p,.daily-playlist--empty p{color:#a0a0b0;font-size:16px;line-height:24px;margin:0 0 16px}.daily-playlist--empty h2{color:#fff;font-size:24px;line-height:32px;font-weight:600;margin:0 0 8px}.daily-playlist--error button{background-color:#ff6b35;color:#fff;border:none;padding:16px 24px;font-size:18px;font-weight:500;border-radius:8px;min-height:52px;min-width:44px;cursor:pointer;transition:background-color .15s ease-out}.daily-playlist--error button:hover{background-color:#ff8555}.daily-playlist--error button:active{transform:scale(.98)}.daily-playlist__empty-actions{display:flex;flex-direction:column;gap:16px;padding:24px;width:100%;max-width:320px}.daily-playlist__empty-btn{padding:16px 24px;font-size:18px;font-weight:500;border-radius:8px;min-height:52px;cursor:pointer;transition:background-color .15s ease-out,transform .15s ease-out}.daily-playlist__empty-btn--primary{background-color:#ff6b35;color:#fff;border:none}.daily-playlist__empty-btn--primary:hover{background-color:#ff8555}.daily-playlist__empty-btn--primary:active{transform:scale(.98)}.daily-playlist__empty-btn:not(.daily-playlist__empty-btn--primary){background-color:transparent;color:#fff;border:2px solid #ff6b35}.daily-playlist__empty-btn:not(.daily-playlist__empty-btn--primary):hover{background-color:#ff6b3526}.daily-playlist__empty-btn:not(.daily-playlist__empty-btn--primary):active{transform:scale(.98)}.daily-playlist__header{padding:24px 16px 16px;flex-shrink:0}.daily-playlist__title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.daily-playlist__title{color:#fff;font-size:24px;line-height:32px;font-weight:600;margin:0}.daily-playlist__settings{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#a0a0b0;cursor:pointer;border-radius:8px;transition:background-color .15s ease-out,color .15s ease-out}.daily-playlist__settings:hover{background-color:#252540;color:#fff}.daily-playlist__settings:active{background-color:#2d2d4a}.daily-playlist__meta{color:#a0a0b0;font-size:14px;line-height:20px;margin:4px 0 0}.daily-playlist__sync{padding:0 16px 16px;flex-shrink:0}.daily-playlist__tracks{list-style:none;margin:0;padding:0;flex:1 1 auto;overflow-y:auto}.daily-playlist__track{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background-color .15s ease-out;min-height:44px}.daily-playlist__track:hover{background-color:#252540}.daily-playlist__track:active{background-color:#2d2d4a}.daily-playlist__track--active{background-color:#ff6b3526;border-left:3px solid #ff6b35}.daily-playlist__track--active:hover{background-color:#ff6b3533}.daily-playlist__track-index{color:#6b6b80;font-size:14px;font-family:SF Mono,Roboto Mono,Consolas,monospace;min-width:24px;text-align:center}.daily-playlist__track--active .daily-playlist__track-index{color:#ff6b35}.daily-playlist__track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.daily-playlist__track-title{color:#fff;font-size:16px;line-height:24px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-playlist__track-type{display:inline-block;width:fit-content;padding:4px 8px;font-size:12px;line-height:16px;font-weight:600;border-radius:4px;text-transform:lowercase}.daily-playlist__track-type--insight{background-color:#ff6b3533;color:#ff6b35}.daily-playlist__track-type--model{background-color:#4ecdc433;color:#4ecdc4}.daily-playlist__track-duration{color:#a0a0b0;font-size:14px;font-family:SF Mono,Roboto Mono,Consolas,monospace;flex-shrink:0}.daily-playlist__player{position:fixed;bottom:0;left:0;right:0;background-color:#252540;border-top:1px solid rgba(255,255,255,.1);padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0));box-shadow:0 -4px 16px #0000004d;z-index:100}.daily-playlist__now-playing{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.daily-playlist__now-playing-title{color:#fff;font-size:16px;line-height:24px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.daily-playlist__now-playing-time{color:#a0a0b0;font-size:14px;font-family:SF Mono,Roboto Mono,Consolas,monospace;flex-shrink:0}.daily-playlist__progress{width:100%;height:8px;background-color:#2d2d4a;border-radius:9999px;cursor:pointer;margin-bottom:16px;overflow:hidden;min-height:44px;display:flex;align-items:center}.daily-playlist__progress-fill{height:4px;background-color:#ff6b35;border-radius:9999px;transition:width .1s linear;pointer-events:none}.daily-playlist__controls{display:flex;align-items:center;justify-content:center;gap:16px}.daily-playlist__control{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:9999px;transition:background-color .15s ease-out,transform .15s ease-out}.daily-playlist__control:hover{background-color:#ffffff1a}.daily-playlist__control:active{transform:scale(.95)}.daily-playlist__control--play{width:64px;height:64px;background-color:#252540;border:3px solid #ff6b35;box-shadow:0 0 20px #ff6b3566;color:#ff6b35}.daily-playlist__control--play:hover{background-color:#2d2d4a;box-shadow:0 0 30px #ff6b3580}.daily-playlist__control--play:active{transform:scale(.95)}.daily-playlist__control--speed{font-size:14px;font-weight:600;font-family:SF Mono,Roboto Mono,Consolas,monospace;color:#ff6b35;width:auto;padding:0 12px}.daily-playlist__control--speed:hover{background-color:#ff6b3526}.daily-playlist__add{position:fixed;bottom:calc(180px + env(safe-area-inset-bottom,0));right:16px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:#ff6b35;border:none;border-radius:9999px;color:#fff;cursor:pointer;box-shadow:0 4px 16px #ff6b3566;transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out;z-index:99}.daily-playlist__add:hover{background-color:#ff8555;box-shadow:0 6px 20px #ff6b3580}.daily-playlist__add:active{transform:scale(.95)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.daily-playlist--loading p{animation:pulse 1.5s ease-in-out infinite}.delete-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--spacing-md)}.delete-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;width:100%}.delete-modal__title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--spacing-md)}.delete-modal__message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xl);line-height:1.5}.delete-modal__actions{display:flex;gap:var(--spacing-md)}.delete-modal__button{flex:1;min-height:44px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.delete-modal__button:disabled{opacity:.6;cursor:not-allowed}.delete-modal__button--cancel{background:var(--bg-tertiary);color:var(--text-primary)}.delete-modal__button--cancel:hover:not(:disabled){background:var(--bg-primary)}.delete-modal__button--delete{background:var(--color-needs-work);color:#fff}.delete-modal__button--delete:hover:not(:disabled){filter:brightness(1.1)}.create-edit-track{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-md)}.create-edit-track__loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary)}.create-edit-track__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.create-edit-track__back{background:none;border:none;color:var(--accent-primary);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm))}.create-edit-track__delete-btn{background:none;border:none;color:var(--color-needs-work);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-sm)}.create-edit-track__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-edit-track__label{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.create-edit-track__input,.create-edit-track__textarea{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);font-family:var(--font-primary)}.create-edit-track__input:focus,.create-edit-track__textarea:focus{outline:none;border-color:var(--accent-primary)}.create-edit-track__textarea{resize:vertical;min-height:150px}.create-edit-track__type{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-edit-track__type-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.create-edit-track__type-options{display:flex;gap:var(--spacing-md)}.create-edit-track__type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:44px;background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);color:var(--text-secondary)}.create-edit-track__type-option input{display:none}.create-edit-track__type-option--selected{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-muted)}.create-edit-track__error{color:var(--color-needs-work);font-size:var(--font-size-sm);margin:0}.create-edit-track__save{min-height:48px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.create-edit-track__save:hover:not(:disabled){background:var(--accent-primary-hover)}.create-edit-track__save:disabled{opacity:.6;cursor:not-allowed}.regenerate-button-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.regenerate-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;min-height:48px;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-fast)}.regenerate-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary-muted)}.regenerate-button:disabled{opacity:.7;cursor:not-allowed}.regenerate-button__icon{display:flex;color:var(--accent-primary)}.regenerate-button__icon--spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.regenerate-button__text{font-weight:500}.regenerate-button__error{margin:0;font-size:var(--font-size-sm);color:var(--color-needs-work);text-align:center}.clear-cache-button{display:flex;align-items:center;gap:var(--spacing-md);width:100%;min-height:56px;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);text-align:left}.clear-cache-button:hover:not(:disabled){background:var(--bg-tertiary)}.clear-cache-button:disabled{opacity:.5;cursor:not-allowed}.clear-cache-button__icon{flex-shrink:0;color:var(--text-secondary)}.clear-cache-button__content{flex:1}.clear-cache-button__title{display:block;font-size:var(--font-size-base);color:var(--text-primary)}.clear-cache-button__subtitle{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.clear-cache-confirm{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--color-needs-work);border-radius:var(--radius-lg)}.clear-cache-confirm__message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md);line-height:1.5}.clear-cache-confirm__actions{display:flex;gap:var(--spacing-sm)}.clear-cache-confirm__button{flex:1;min-height:44px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.clear-cache-confirm__button:disabled{opacity:.6;cursor:not-allowed}.clear-cache-confirm__button--cancel{background:var(--bg-tertiary);color:var(--text-primary)}.clear-cache-confirm__button--confirm{background:var(--color-needs-work);color:#fff}.settings{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-md)}.settings__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.settings__back{background:none;border:none;color:var(--accent-primary);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm))}.settings__title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.settings__content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings__section{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings__section-title{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.app-header{flex:0 0 auto;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.header-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.logout-button{padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.logout-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-tertiary)}.logout-button:active{transform:scale(.98)}.logout-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.app-content{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg)}.app-content--list{justify-content:flex-start;padding:0}.app-footer{flex:0 0 auto;padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);border-top:1px solid var(--border-subtle)}.loading-message{color:var(--text-secondary);font-size:var(--font-size-lg)}.env-warning{background-color:var(--color-needs-work-bg);color:var(--color-needs-work);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;max-width:400px}.env-warning code{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.now-playing-mini{display:flex;flex-direction:column;gap:var(--spacing-xs)}.now-playing-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.now-playing-title{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}