@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--accent:#7c3aed;--accent-dark:#5b21b6;--accent-light:#a855f7;--bg:#0d0d14;--surface:#12121c;--sidebar-bg:#12121ed9;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--text-primary:#f0eeff;--text-secondary:#9b8fc4;--text-muted:#5e5577;--radius-lg:18px;--radius-md:12px;--shadow-glow:0 0 40px #7c3aed26}:root[data-theme=light]{--bg:#f5f3ff;--surface:#fff;--sidebar-bg:#ffffffe0;--glass-bg:#00000008;--glass-border:#00000014;--text-primary:#1a0a3d;--text-secondary:#5b21b6;--text-muted:#9b8fc4;--shadow-glow:0 0 40px #7c3aed14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}body:before{content:"";z-index:-1;background:radial-gradient(ellipse 60% 50% at 15% 20%, #7c3aed1f 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 85% 80%, #a855f714 0%, transparent 60%), var(--bg);pointer-events:none;position:fixed;inset:0}button{cursor:pointer}p{margin:0}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:16px;width:240px;min-width:240px;max-width:240px;padding:24px 16px 96px;display:flex;overflow-y:auto}.sidebar-close-btn{border:1px solid var(--glass-border);background:var(--glass-bg);width:34px;height:34px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;display:none;position:absolute;top:14px;right:14px}@media (width<=900px){.sidebar{z-index:200;height:100dvh;padding-bottom:32px;transition:transform .28s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 40px #00000080}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:flex}}.sidebar-logo{align-items:center;gap:12px;padding:0 4px;display:flex}.logo-icon svg{filter:drop-shadow(0 4px 12px #7c3aed80);width:38px;height:38px}.logo-name{background:linear-gradient(135deg, var(--accent-light), #c084fc);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:800}.logo-tagline{color:var(--text-muted);margin:1px 0 0;font-size:.7rem;font-weight:400}.phase-badge{color:var(--accent-light);white-space:nowrap;box-sizing:border-box;background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;padding:5px 12px;font-size:.72rem;font-weight:500;display:flex;overflow:hidden}.phase-badge-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:inline-block;overflow:hidden}.phase-dot{background:var(--accent-light);transform-origin:50%;border-radius:50%;flex-shrink:0;width:6px;height:6px}.spotify-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:10px;padding:12px;transition:all .2s;display:flex}.spotify-card.connected{background:#1db9540d;border-color:#1db9544d}.spotify-card-header{align-items:center;gap:8px;display:flex}.spotify-icon-mini{color:#1db954;align-items:center;display:flex}.spotify-card-title{color:var(--text-primary);flex:1;font-size:.8rem;font-weight:600}.spotify-status-pill{color:var(--text-muted);background:#ffffff14;border-radius:999px;padding:2px 7px;font-size:.65rem}.connected .spotify-status-pill{color:#1db954;background:#1db95433;font-weight:600}.spotify-user-info{align-items:center;gap:8px;display:flex}.spotify-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.spotify-avatar-placeholder{color:#000;background:#1db954;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.spotify-user-details{flex-direction:column;display:flex;overflow:hidden}.spotify-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.spotify-plan-tag{color:var(--text-muted);text-transform:capitalize;font-size:.68rem}.btn-spotify-sidebar-connect{color:#000;cursor:pointer;background:#1db954;border:none;border-radius:9999px;width:100%;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-spotify-sidebar-connect:hover{background:#1ed760}.tag-active{font-weight:600;color:#1db954!important;background:#1db95433!important;border-color:#1db95466!important}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;font-weight:500;transition:background .2s,border-color .2s;display:flex;position:relative}.nav-item.active{color:var(--accent-light);background:#7c3aed2e;border:1px solid #7c3aed4d}.nav-item.disabled{opacity:.4;cursor:default;color:var(--text-secondary)}.nav-icon{font-size:1rem}.nav-label{flex:1}.nav-phase-tag{color:var(--accent-light);opacity:.8;background:#7c3aed33;border:1px solid #7c3aed4d;border-radius:999px;padding:2px 7px;font-size:.6rem}.sidebar-footer{border-top:1px solid var(--glass-border);margin-top:auto;padding-top:16px}.theme-btn{border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:.825rem;transition:background .2s,border-color .2s;display:flex}.theme-btn:hover{color:var(--text-primary);background:#7c3aed1a;border-color:#7c3aed4d}.tts-sidebar-btn{color:var(--text-muted);margin-bottom:6px}.tts-sidebar-btn.tts-sidebar-on{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa59}.tts-sidebar-btn.tts-sidebar-on:hover{background:#a78bfa26}.suggestion-chips{flex-wrap:wrap;gap:8px;max-width:100%;padding:8px 0 4px;display:flex}.chip{color:var(--accent-light);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#7c3aed1f;border:1px solid #7c3aed59;border-radius:999px;max-width:100%;padding:6px 16px;font-family:inherit;font-size:.8rem;transition:background .2s,border-color .2s,transform .15s;overflow:hidden}.chip:hover:not(:disabled){border-color:var(--accent);background:#7c3aed47;transform:translateY(-1px)}.chip:active:not(:disabled){transform:translateY(0)}.chip:disabled{opacity:.45;cursor:not-allowed}.music-track-card{-webkit-backdrop-filter:blur(12px);background:#12121cb3;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.6rem;width:100%;max-width:380px;margin-top:.6rem;padding:.75rem .9rem;transition:all .2s;display:flex;box-shadow:0 4px 16px #00000040}.music-track-card:hover{border-color:#fff3;transform:translateY(-1px);box-shadow:0 6px 20px #00000059}.music-track-card.provider-youtube{border-left:3px solid #ff4d4d}.music-track-card.provider-spotify{border-left:3px solid #1db954}.music-track-card.provider-soundcloud{border-left:3px solid #f70}.card-header-row{align-items:center;gap:.5rem;display:flex}.card-provider-badge{border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.card-provider-badge.badge-youtube{color:#ff5252;background:#ff00001f;border:1px solid #ff000040}.card-provider-badge.badge-spotify{color:#22c55e;background:#1db9541f;border:1px solid #1db95440}.card-provider-badge.badge-soundcloud{color:#fb923c;background:#ff77001f;border:1px solid #ff770040}.card-official-badge{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:4px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.65rem;font-weight:500;display:inline-flex}.card-duration-text{color:var(--text-secondary,#9ca3af);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.7rem}.card-body-row{align-items:center;gap:.75rem;display:flex}.card-thumbnail{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px;box-shadow:0 2px 8px #0006}.card-thumbnail-placeholder{width:48px;height:48px;color:var(--text-secondary,#9ca3af);background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-meta{flex-direction:column;gap:2px;display:flex;overflow:hidden}.card-title{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.card-artist{color:var(--text-secondary,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.card-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.btn-card-action{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-play-action{color:#fff;background:red;box-shadow:0 2px 8px #ff00004d}.btn-play-action:hover{background:#c00;transform:scale(1.03)}.btn-play-action.now-playing{color:#000;background:#1db954;box-shadow:0 2px 8px #1db95466}.btn-secondary-action{color:var(--text-secondary,#9ca3af);background:#ffffff14;border:1px solid #ffffff1f}.btn-secondary-action:hover{color:#fff;background:#ffffff26;transform:scale(1.02)}.btn-spotify-action{color:#000;background:#1db954;box-shadow:0 2px 8px #1db9544d}.btn-spotify-action:hover{background:#1ed760;transform:scale(1.03)}.btn-soundcloud-play{color:#fff;background:#f50;box-shadow:0 2px 8px #ff550059}.btn-soundcloud-play:hover{background:#e04a00;transform:scale(1.03)}.btn-soundcloud-play.now-playing{color:#fff;background:#f70;box-shadow:0 2px 8px #ff770080}.btn-soundcloud-link:hover{color:#f50;border-color:#f506}.card-access-badge{border-radius:4px;align-items:center;padding:.15rem .4rem;font-size:.65rem;font-weight:500;display:inline-flex}.card-access-badge.badge-preview{color:#facc15;background:#eab30826;border:1px solid #eab3084d}.card-access-badge.badge-blocked{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.btn-disabled-action{color:#fff6;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff14}.mini-eq{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.mini-eq span{background:#000;border-radius:1px;width:2px;animation:.8s ease-in-out infinite alternate miniWave}.mini-eq span:first-child{height:40%}.mini-eq span:nth-child(2){height:100%;animation-delay:.2s}.mini-eq span:nth-child(3){height:60%;animation-delay:.4s}@keyframes miniWave{0%{height:20%}to{height:100%}}.chat-window{scroll-behavior:smooth;flex-direction:column;flex:1;gap:20px;padding:24px 20px;display:flex;overflow-y:auto}.chat-window::-webkit-scrollbar{width:5px}.chat-window::-webkit-scrollbar-track{background:0 0}.chat-window::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:999px}.message-row{align-items:flex-end;gap:10px;animation:.3s both fadeSlideUp;display:flex}.message-row.user{flex-direction:row-reverse}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 10px #7c3aed66}.user-avatar{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 10px #2563eb66}.bubble-group{flex-direction:column;min-width:0;max-width:72%;display:flex}.message-row.user .bubble-group{align-items:flex-end}.bubble{word-break:break-word;border-radius:18px;padding:12px 16px;line-height:1.55;position:relative}.bubble.assistant{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);border-radius:4px 18px 18px}.bubble.user{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:18px 18px 4px;box-shadow:0 4px 16px #7c3aed59}.bubble.error{background:#ef444414;border-color:#ef444466}.bubble-text{margin:0 0 4px;font-size:.925rem}.bubble-time{opacity:.5;text-align:right;margin-top:4px;font-size:.7rem;display:block}.typing-bubble{align-items:center;gap:5px;padding:14px 18px;display:flex}.dot{background:var(--accent-light);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dotBounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.chat-window{gap:16px;padding:16px 12px}.bubble-group{max-width:80%}}@media (width<=480px){.bubble-group{max-width:84%}.avatar{width:28px;height:28px;font-size:.68rem}.bubble-text{font-size:.9rem}}.chat-input-wrapper{border-top:1px solid var(--glass-border);background:var(--surface);padding:16px 20px 12px}.chat-input-box{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-input-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26}.chat-input-box.disabled{opacity:.6}.chat-input-box.listening{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.mic-btn{background:var(--glass-border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:flex}.mic-btn svg{width:16px;height:16px}.mic-btn:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary);transform:scale(1.05)}.mic-btn.listening{color:#fff;background:#ef4444;animation:1.5s infinite alternate micPulse;box-shadow:0 4px 14px #ef444466}.mic-btn.unsupported{opacity:.35;cursor:not-allowed}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 8px #ef444466}to{transform:scale(1.08);box-shadow:0 0 18px #ef4444b3}}.chat-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:140px;font-family:inherit;font-size:.925rem;line-height:1.5;overflow-y:auto}.chat-textarea::placeholder{color:var(--text-muted)}.send-btn{background:var(--glass-border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .15s,box-shadow .2s;display:flex}.send-btn svg{width:16px;height:16px}.send-btn.active{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;box-shadow:0 4px 14px #7c3aed66}.send-btn.active:hover{transform:scale(1.06);box-shadow:0 6px 20px #7c3aed80}.send-btn.active:active{transform:scale(.97)}.send-btn:disabled{cursor:not-allowed}.input-hint{color:var(--text-muted);text-align:center;margin:6px 0 0;font-size:.7rem}.input-hint kbd{background:var(--glass-border);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:.65rem}@media (width<=900px){.chat-input-wrapper{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.chat-textarea{font-size:16px}.input-hint{display:none}}.player-bar{background:var(--bg-surface-glass,#12121ce0);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color,#ffffff14);z-index:100;justify-content:space-between;align-items:center;height:84px;padding:0 1.5rem;transition:all .3s;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0006}.player-bar-disconnected{background:linear-gradient(90deg,#1db9541f,#12121cf2);border-top:1px solid #1db9544d}.player-bar-promo{color:var(--text-primary,#fff);align-items:center;gap:1rem;display:flex}.spotify-icon-badge{color:#000;background:#1db954;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 16px #1db95466}.player-bar-promo strong{font-size:.95rem;display:block}.player-bar-promo p{color:var(--text-secondary,#9ca3af);margin:0;font-size:.8rem}.btn-spotify-connect{color:#000;cursor:pointer;background:#1db954;border:none;border-radius:9999px;padding:.55rem 1.3rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #1db95459}.btn-spotify-connect:hover{background:#1ed760;transform:scale(1.03);box-shadow:0 6px 20px #1db95480}.player-track-info{align-items:center;gap:.85rem;min-width:240px;max-width:320px;display:flex}.player-album-art{object-fit:cover;border-radius:8px;width:52px;height:52px;transition:transform .3s;box-shadow:0 4px 12px #0006}.art-pulse{animation:3s infinite alternate albumGlow}@keyframes albumGlow{0%{box-shadow:0 0 10px #1db9544d}to{box-shadow:0 0 20px #6366f180}}.player-album-placeholder{width:52px;height:52px;color:var(--text-secondary,#9ca3af);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.player-meta{flex-direction:column;display:flex;overflow:hidden}.player-title-row{align-items:center;gap:.5rem;display:flex}.player-track-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.player-artist-name{color:var(--text-secondary,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.equalizer-waves{align-items:flex-end;gap:2px;height:12px;display:flex}.equalizer-waves span{background:#1db954;border-radius:1px;width:3px;animation:1s ease-in-out infinite eqBounce}.equalizer-waves span:first-child{height:40%;animation-delay:.1s}.equalizer-waves span:nth-child(2){height:90%;animation-delay:.3s}.equalizer-waves span:nth-child(3){height:60%;animation-delay:.2s}.equalizer-waves span:nth-child(4){height:100%;animation-delay:.4s}@keyframes eqBounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.player-controls-center{flex-direction:column;flex:1;align-items:center;gap:.35rem;max-width:500px;display:flex}.player-buttons{align-items:center;gap:1.2rem;display:flex}.player-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.player-btn:hover:not(:disabled){color:var(--text-primary,#fff);transform:scale(1.1)}.player-btn:disabled{opacity:.4;cursor:not-allowed}.btn-play-main{background:#1db954;width:38px;height:38px;box-shadow:0 2px 10px #1db95466;color:#000!important}.btn-play-main:hover{background:#1ed760;box-shadow:0 4px 16px #1db95499;transform:scale(1.08)!important}.player-progress-bar-container{align-items:center;gap:.75rem;width:100%;display:flex}.player-time{color:var(--text-secondary,#9ca3af);font-variant-numeric:tabular-nums;min-width:32px;font-size:.72rem}.player-progress-track{background:#ffffff1f;border-radius:9999px;flex:1;align-items:center;height:6px;display:flex;position:relative}.player-seek-slider{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.player-progress-fill{pointer-events:none;background:linear-gradient(90deg,#1db954,#8b5cf6);border-radius:9999px;height:100%}.player-extra-controls{justify-content:flex-end;align-items:center;gap:1.2rem;min-width:240px;display:flex}.player-engine-tag{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.72rem;font-weight:500;display:flex}.free-dot{background:#a855f7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #a855f7}.player-device-tag{color:var(--text-secondary,#9ca3af);background:#ffffff0f;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.72rem;display:flex}.device-dot{background:#1db954;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #1db954}.device-name{white-space:nowrap;text-overflow:ellipsis;max-width:100px;overflow:hidden}.volume-container{color:var(--text-secondary,#9ca3af);align-items:center;gap:.5rem;display:flex}.volume-slider{accent-color:#1db954;cursor:pointer;width:80px;height:4px}.player-provider-tag{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.45rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600;display:flex}.player-provider-tag.tag-youtube{color:#ff4d4d;background:#ff00001f;border:1px solid #ff00004d}.player-provider-tag.tag-spotify{color:#1ed760;background:#1db9541f;border:1px solid #1db9544d}.player-provider-tag.tag-soundcloud{color:#f50;background:#ff55001f;border:1px solid #ff550059}.player-icon-link{color:var(--text-secondary,#9ca3af);border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.player-icon-link:hover{color:#ff4d4d;background:#ffffff14;transform:scale(1.08)}.player-icon-link.soundcloud-icon-link:hover{color:#f50}.btn-video-toggle{color:var(--text-secondary,#9ca3af);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.btn-video-toggle:hover,.btn-video-toggle.active{color:#f87171;background:#ef444426;border-color:#ef444466}.docked-youtube-viewer{-webkit-backdrop-filter:blur(24px);z-index:105;background:#12121cf2;border:1px solid #ffffff24;border-radius:12px;width:380px;max-width:calc(100vw - 48px);transition:opacity .25s,transform .25s;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 16px 40px #0009}.docked-youtube-viewer.docked-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:-9999px;overflow:hidden}.docked-viewer-header{background:#0006;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.docked-viewer-title{align-items:center;gap:6px;display:flex;overflow:hidden}.yt-dot{background:red;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px red}.docked-title-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:.75rem;font-weight:500;overflow:hidden}.docked-viewer-actions{align-items:center;gap:6px;display:flex}.docked-action-link,.docked-close-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.docked-action-link:hover,.docked-close-btn:hover{color:#fff;background:#ffffff1a}.docked-iframe-wrapper{background:#000;width:100%;padding-top:56.25%;position:relative}.docked-iframe-wrapper #zana-yt-player-iframe{border:none;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.autoplay-blocked-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:102;background:#1e1b4bf2;border:1px solid #8b5cf680;border-radius:9999px;align-items:center;gap:12px;padding:8px 16px;animation:.3s slideUp;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.autoplay-text{color:#e0e7ff;font-size:.82rem;font-weight:500}.btn-autoplay-start{color:#000;cursor:pointer;background:#1db954;border:none;border-radius:9999px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-autoplay-start:hover{background:#1ed760;transform:scale(1.05)}.playback-error-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fca5a5;z-index:102;background:#450a0af2;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:10px;max-width:90vw;padding:8px 16px;font-size:.8rem;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.btn-error-open-yt{color:#fff;background:#ffffff26;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600;text-decoration:none}.btn-error-dismiss{color:#fca5a5;cursor:pointer;background:0 0;border:none;padding:2px 6px}.btn-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1024px){.player-track-info{min-width:0;max-width:260px}.player-extra-controls{gap:.75rem;min-width:0}.player-engine-tag{display:none}}@media (width<=900px){.player-bar{flex-wrap:wrap;gap:8px 10px;height:auto;min-height:64px;padding:8px 12px 10px}.player-track-info{flex:55%;gap:.6rem;max-width:none}.player-album-art,.player-album-placeholder{width:42px;height:42px}.player-controls-center{flex:none;order:2;max-width:none}.player-buttons{gap:.9rem}.player-progress-bar-container{flex-basis:100%;order:3;width:100%}.player-extra-controls{display:none}.docked-youtube-viewer{width:calc(100vw - 24px);bottom:84px;right:12px}}.brain-panel-container{background:var(--bg-main,#0f0e17);height:100%;color:var(--text-main,#fffffe);flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 2rem 6rem;display:flex;overflow-y:auto}.brain-header{background:var(--bg-card,#ffffff08);border:1px solid var(--border-color,#ffffff14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.brain-header-title-group{align-items:center;gap:1rem;display:flex}.brain-logo-icon{background:linear-gradient(135deg,#7c3aed33,#1db95433);border:1px solid #7c3aed66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.brain-title-text h2{letter-spacing:-.02em;background:linear-gradient(135deg,#a78bfa,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.35rem;font-weight:700}.brain-title-text p{color:var(--text-muted,#94a3b8);margin:.2rem 0 0;font-size:.85rem}.brain-status-pill{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.brain-status-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 8px #22c55e}@keyframes pulse-dot{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.95)}}.brain-modules-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.module-card{background:var(--bg-card,#ffffff08);border:1px solid var(--border-color,#ffffff14);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:transform .2s,border-color .2s;display:flex}.module-card:hover{border-color:#7c3aed66;transform:translateY(-2px)}.module-info{align-items:center;gap:.75rem;display:flex}.module-icon{font-size:1.25rem}.module-name{font-size:.9rem;font-weight:600}.module-badge{color:#34d399;background:#34d3991a;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.brain-test-section{background:var(--bg-card,#ffffff08);border:1px solid var(--border-color,#ffffff14);border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.section-title{align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.quick-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .8rem;font-size:.825rem;transition:all .2s}.chip-btn:hover{color:#fff;background:#7c3aed33;border-color:#7c3aed80}.test-input-row{gap:.75rem;display:flex}.test-input{color:#fff;background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.test-input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.test-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.test-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.test-btn:disabled{opacity:.5;cursor:not-allowed}.telemetry-box{background:#0006;border:1px solid #7c3aed4d;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;font-family:Fira Code,Courier New,monospace;font-size:.85rem;display:flex}.telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.telemetry-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:.6rem .8rem}.telemetry-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.75rem}.telemetry-value{color:#a78bfa;word-break:break-all;font-weight:600}.telemetry-value.success{color:#4ade80}.telemetry-value.failed{color:#f87171}.telemetry-result-msg{color:#e2e8f0;white-space:pre-wrap;background:#ffffff05;border-left:3px solid #34d399;border-radius:0 8px 8px 0;padding:.75rem 1rem;font-family:inherit}@media (width<=900px){.brain-panel-container{gap:1rem;padding:1rem .9rem 6rem}.brain-header{flex-wrap:wrap;gap:.75rem;padding:1rem}.brain-modules-grid,.telemetry-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.brain-modules-grid,.telemetry-grid{grid-template-columns:1fr}}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:90%;color:var(--text-primary,#fff)}.profile-backdrop{background:#05040cc7;padding:20px}.profile-modal{background:var(--surface);border:1px solid var(--glass-border);width:min(860px,100%);max-width:860px;max-height:min(780px,100vh - 40px);color:var(--text-primary);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000007a,0 0 45px #7c3aed1f}.profile-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:23px 28px;display:flex}.profile-eyebrow,.section-kicker{color:var(--accent-light);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.profile-header h2{margin-top:4px;font-size:1.3rem;line-height:1.1}.profile-close{width:34px;height:34px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;font-size:1.55rem;display:grid}.profile-close:hover,.profile-close:focus-visible{border-color:var(--glass-border);background:var(--glass-bg);color:var(--text-primary)}.profile-layout{grid-template-columns:190px minmax(0,1fr);min-height:480px;max-height:calc(100vh - 220px);display:grid}.profile-nav{border-right:1px solid var(--glass-border);background:#00000014;flex-direction:column;gap:4px;padding:20px 12px;display:flex}.profile-nav-item{min-height:38px;color:var(--text-muted);font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:.78rem;display:flex}.profile-nav-item span{width:17px;color:var(--text-muted);text-align:center}.profile-nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.profile-nav-item.active{color:var(--text-primary);background:#a855f724;border-color:#a855f73d}.profile-nav-item.active span{color:var(--accent-light)}.profile-nav-note{color:var(--text-muted);margin-top:auto;padding:12px 10px 2px;font-size:.63rem;line-height:1.45}.profile-nav-note span{color:#34d399;margin-right:4px}.profile-content{min-width:0;padding:28px;overflow-y:auto}.profile-loading{min-height:350px;color:var(--text-muted);place-items:center;font-size:.8rem;display:grid}.settings-section{max-width:590px;margin:0 auto}.section-intro{margin-bottom:24px}.section-intro h2{margin-top:5px;font-size:1.2rem;line-height:1.25}.section-intro>p:last-child{max-width:490px;color:var(--text-secondary);margin-top:7px;font-size:.77rem;line-height:1.55}.profile-identity{border-bottom:1px solid var(--glass-border);align-items:center;gap:16px;margin-bottom:26px;padding-bottom:22px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent), #1db954);color:#fff;border:2px solid #a855f780;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;font-size:1.35rem;font-weight:800;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-identity h3{font-size:1rem}.profile-identity p{color:var(--text-muted);margin:4px 0 8px;font-size:.73rem}.profile-link{color:var(--accent-light);font:inherit;background:0 0;border:0;font-size:.7rem;font-weight:700}.profile-link.muted{color:var(--text-muted);margin-left:12px}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.settings-field{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:.69rem;font-weight:700;display:flex}.settings-field:first-child{grid-column:1/-1}.settings-field input,.settings-field select{border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;min-height:38px;color:var(--text-primary);font:inherit;border-radius:8px;outline:none;padding:0 11px;font-size:.77rem}.settings-field input:focus,.settings-field select:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px #a855f721}.settings-group{border-top:1px solid var(--glass-border);flex-direction:column;display:flex}.setting-row{border-bottom:1px solid var(--glass-border);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:63px;padding:11px 0;display:flex}.setting-row strong,.setting-row small{display:block}.setting-row strong{color:var(--text-primary);font-size:.78rem}.setting-row small{color:var(--text-muted);margin-top:4px;font-size:.68rem;font-weight:400;line-height:1.4}.setting-row input{opacity:0;pointer-events:none;position:absolute}.setting-row i{background:var(--glass-border);border-radius:20px;flex:none;width:38px;height:22px;transition:background .2s;position:relative}.setting-row i:after{background:var(--text-muted);content:"";border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.setting-row input:checked+i{background:var(--accent)}.setting-row input:checked+i:after{background:#fff;transform:translate(16px)}.setting-row input:focus-visible+i{outline:2px solid var(--accent-light);outline-offset:3px}.style-picker{margin-top:27px}.style-picker h3{margin-top:5px;font-size:.87rem}.style-options,.theme-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.style-options button,.theme-options button{border:1px solid var(--glass-border);min-height:64px;color:var(--text-secondary);font:inherit;text-align:left;background:0 0;border-radius:9px;padding:9px;font-size:.74rem}.style-options button:hover,.theme-options button:hover:not(:disabled){border-color:#a855f773}.style-options button.selected,.theme-options button.selected{border-color:var(--accent-light);color:var(--text-primary);background:#a855f724}.style-options small,.theme-options strong,.theme-options small{display:block}.style-options small,.theme-options small{color:var(--text-muted);margin-top:5px;font-size:.62rem}.memory-summary{border:1px solid var(--glass-border);background:linear-gradient(110deg, #7c3aed24, var(--glass-bg));border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:17px;display:flex}.memory-number{color:var(--text-primary);font-size:1.45rem;font-weight:800;display:block}.memory-summary small{color:var(--text-muted);font-size:.68rem}.status-pill{border:1px solid var(--glass-border);color:var(--text-muted);border-radius:999px;padding:5px 8px;font-size:.66rem}.status-pill.on{color:#6ee7b7;border-color:#34d39940}.memory-list{flex-direction:column;gap:8px;margin-top:20px;display:flex}.memory-item,.memory-empty{background:var(--glass-bg);color:var(--text-secondary);border-radius:7px;gap:8px;padding:9px 10px;font-size:.73rem;line-height:1.4;display:flex}.memory-item span,.memory-empty span{color:var(--accent-light)}.memory-empty{color:var(--text-muted);justify-content:center}.text-danger{color:#fda4af;font:inherit;background:0 0;border:0;margin-top:16px;font-size:.7rem;font-weight:700}.text-danger:disabled{cursor:not-allowed;opacity:.4}.connection-panel{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:11px;align-items:center;gap:12px;padding:15px;display:flex}.connection-panel.connected{background:#1db9540f;border-color:#1db9544d}.spotify-mark{color:#081b0e;background:#1db954;border-radius:9px;place-items:center;width:34px;height:34px;font-size:1.25rem;font-weight:800;display:grid}.connection-panel h3{font-size:.82rem}.connection-panel p{color:var(--text-muted);margin-top:3px;font-size:.69rem}.connection-state{color:var(--text-muted);margin-left:auto;font-size:.66rem}.connected .connection-state{color:#6ee7b7}.full-width{width:100%;margin-top:12px}.info-note{border-left:2px solid var(--accent-light);background:var(--glass-bg);color:var(--text-muted);margin-top:20px;padding:11px;font-size:.68rem;line-height:1.45}.privacy-list{border-top:1px solid var(--glass-border)}.privacy-list div{border-bottom:1px solid var(--glass-border);justify-content:space-between;gap:15px;padding:14px 0;display:flex}.privacy-list span{color:var(--text-secondary);font-size:.73rem}.privacy-list strong{color:var(--text-muted);text-align:right;font-size:.68rem;font-weight:400}.privacy-actions{gap:18px;display:flex}.profile-message{border:1px solid var(--glass-border);background:var(--surface);border-radius:8px;max-width:350px;padding:9px 12px;font-size:.7rem;position:absolute;bottom:70px;right:22px;box-shadow:0 10px 25px #0003}.profile-message.success{color:#6ee7b7;border-color:#34d3994d}.profile-message.error{color:#fda4af;border-color:#f871714d}.profile-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:15px;padding:15px 28px;display:flex}.profile-footer-hint{color:var(--text-muted);font-size:.65rem}.profile-footer button{min-height:35px;font:inherit;border-radius:8px;padding:0 13px;font-size:.72rem;font-weight:700}.profile-secondary{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.profile-primary{border:1px solid var(--accent-light);background:var(--accent);color:#fff;margin-left:8px}.profile-primary:disabled{cursor:wait;opacity:.6}.profile-danger{color:#fda4af;font:inherit;background:0 0;border:1px solid #f8717159;border-radius:8px;margin-left:8px;padding:9px 12px;font-size:.72rem;font-weight:700}.profile-confirm{background:#05040cb3;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.profile-confirm>div{border:1px solid var(--glass-border);background:var(--surface);border-radius:12px;width:min(360px,100%);padding:22px;box-shadow:0 18px 40px #00000059}.profile-confirm h3{margin-top:6px;font-size:.95rem}.profile-confirm p:not(.profile-eyebrow){color:var(--text-muted);margin-top:8px;font-size:.72rem}.profile-confirm>div>div{justify-content:flex-end;margin-top:20px;display:flex}@media (width<=680px){.profile-backdrop{align-items:flex-end;padding:10px}.profile-modal{border-radius:16px;max-height:calc(100vh - 20px)}.profile-header{padding:19px 18px}.profile-layout{flex-direction:column;max-height:calc(100vh - 160px);display:flex}.profile-nav{border-right:0;border-bottom:1px solid var(--glass-border);flex-direction:row;padding:10px 12px;overflow-x:auto}.profile-nav-item{flex:none;padding:0 11px}.profile-nav-note{display:none}.profile-content{padding:22px 18px}.profile-footer{flex-direction:column;align-items:stretch;padding:13px 18px}.profile-footer-hint{order:2}.profile-footer>div{display:flex}.profile-footer button{flex:1}.profile-primary{margin-left:7px}.profile-message{max-width:calc(100% - 36px);bottom:120px;right:18px}.settings-grid{grid-template-columns:1fr}.settings-field:first-child{grid-column:auto}.privacy-list div{flex-direction:column;align-items:flex-start;gap:5px}.privacy-list strong{text-align:left}.style-options,.theme-options{grid-template-columns:1fr}.style-options button,.theme-options button{min-height:50px}.style-options small,.theme-options small{margin-left:5px;display:inline}}@media (prefers-reduced-motion:reduce){.profile-modal,.profile-modal *,.profile-modal :before,.profile-modal :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.reminders-modal{max-width:500px}.reminders-backdrop{background:#05040cc7;padding:20px}.reminders-modal{background:var(--surface);border:1px solid var(--glass-border);border-radius:18px;width:min(680px,100%);max-width:680px;max-height:min(860px,100vh - 40px);position:relative;overflow-y:auto;box-shadow:0 28px 80px #00000073,0 0 45px #7c3aed1f}.reminders-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:24px 28px 18px;display:flex}.reminders-heading{align-items:center;gap:13px;display:flex}.reminders-icon,.reminder-card-mark{background:#a855f724;border:1px solid #a855f740;border-radius:11px;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid}.reminders-eyebrow,.section-kicker{color:var(--accent-light);letter-spacing:.12em;text-transform:uppercase;font-size:.63rem;font-weight:800}.reminders-header h2{color:var(--text-primary);margin-top:3px;font-size:1.35rem;line-height:1.1}.reminders-close{width:34px;height:34px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;font-size:1.55rem;line-height:1;display:grid}.reminders-close:hover,.reminders-close:focus-visible{border-color:var(--glass-border);background:var(--glass-bg);color:var(--text-primary)}.reminders-intro{border-bottom:1px solid var(--glass-border);background:linear-gradient(90deg,#7c3aed1a,#0000 75%);padding:16px 28px}.reminders-intro p{max-width:470px;color:var(--text-secondary);font-size:.82rem;line-height:1.55}.reminders-body{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:28px;padding:26px 28px 30px;display:grid}.reminder-form,.reminders-list{min-width:0}.reminder-form{flex-direction:column;gap:13px;display:flex}.reminder-form-heading,.list-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reminder-form-heading h3,.list-heading h3{color:var(--text-primary);margin-top:5px;font-size:.96rem;line-height:1.3}.form-step{color:var(--text-muted);font-size:.68rem;font-weight:800}.reminder-form>input,.custom-time-label input{border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;color:var(--text-primary);font:inherit;border-radius:9px;outline:none;padding:12px 13px;font-size:.84rem;transition:border-color .2s,box-shadow .2s}.reminder-form>input:focus,.custom-time-label input:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px #a855f724}.reminder-form>input[aria-invalid=true],.custom-time-label input[aria-invalid=true]{border-color:#f87171}.reminder-form>input::placeholder{color:var(--text-muted)}.time-select{flex-direction:column;gap:13px;margin-top:8px;display:flex}.time-heading{margin-bottom:2px}.quick-delays{flex-wrap:wrap;gap:7px;display:flex}.delay-chip{border:1px solid var(--glass-border);min-height:34px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 10px;font-size:.73rem;transition:background .18s,border-color .18s,color .18s,transform .18s}.delay-chip:hover{color:var(--text-primary);border-color:#a855f780;transform:translateY(-1px)}.delay-chip.selected{border-color:var(--accent-light);color:var(--text-primary);background:#a855f72e;box-shadow:inset 0 0 0 1px #a855f71f}.custom-time-label{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;display:flex}.custom-time-label input{width:106px;padding:9px 10px}.field-error{color:#fda4af;font-size:.7rem;line-height:1.4}.reminder-form-actions{justify-content:flex-end;gap:9px;margin-top:9px;display:flex}.reminders-primary,.reminders-secondary{min-height:38px;font:inherit;cursor:pointer;border-radius:8px;padding:0 14px;font-size:.76rem;font-weight:700}.reminders-primary{border:1px solid var(--accent-light);background:var(--accent);color:#fff}.reminders-primary span{vertical-align:-1px;margin-right:6px;font-size:1rem}.reminders-primary:hover:not(:disabled){background:var(--accent-light)}.reminders-primary:disabled{cursor:wait;opacity:.65}.reminders-secondary{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0}.reminders-secondary:hover{background:var(--glass-bg);color:var(--text-primary)}.reminders-list{border-left:1px solid var(--glass-border);flex-direction:column;gap:12px;padding-left:26px;display:flex}.list-heading{align-items:center;margin-bottom:4px}.list-heading h3 span{min-width:21px;height:21px;color:var(--accent-light);vertical-align:1px;background:#a855f726;border-radius:6px;place-items:center;margin-left:4px;font-size:.68rem;display:inline-grid}.list-status{color:var(--text-muted);align-items:center;gap:5px;font-size:.66rem;display:flex}.list-status span{background:#34d399;border-radius:50%;width:6px;height:6px}.no-reminders{border:1px dashed var(--glass-border);text-align:center;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:190px;padding:24px;display:flex}.empty-icon{width:40px;height:40px;color:var(--accent-light);background:#a855f71f;border-radius:50%;place-items:center;margin-bottom:13px;font-size:1.15rem;display:grid}.no-reminders h4{color:var(--text-primary);font-size:.86rem}.no-reminders p{max-width:220px;color:var(--text-muted);margin-top:6px;font-size:.73rem;line-height:1.45}.reminder-card{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:11px;align-items:flex-start;gap:10px;padding:13px;transition:border-color .2s,transform .2s;display:flex}.reminder-card:hover{border-color:#a855f761;transform:translateY(-1px)}.reminder-card-mark{border-radius:8px;flex:none;width:30px;height:30px;font-size:.85rem}.reminder-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.reminder-msg{overflow-wrap:anywhere;color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:1.35}.reminder-time{color:var(--accent-light);font-size:.74rem;font-weight:700}.reminder-date{color:var(--text-muted);font-size:.68rem}.reminder-card-actions{flex:none}.btn-delete-reminder{width:30px;height:30px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-size:1rem;display:grid}.btn-delete-reminder:hover,.btn-delete-reminder:focus-visible{color:#fca5a5;background:#f871711a;border-color:#f871714d}.delete-confirmation{color:var(--text-muted);white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;font-size:.66rem;display:flex}.delete-confirmation button{border:1px solid var(--glass-border);color:var(--text-secondary);font:inherit;background:0 0;border-radius:6px;padding:5px 7px;font-size:.65rem}.delete-confirmation .confirm-delete{color:#fca5a5;border-color:#f8717159}.reminder-success{background:var(--surface);color:#6ee7b7;border:1px solid #34d3994d;border-radius:9px;align-items:flex-start;gap:9px;max-width:min(340px,100% - 44px);padding:11px 13px;animation:.2s ease-out both reminderToastIn;display:flex;position:absolute;bottom:20px;right:22px;box-shadow:0 12px 30px #00000040}.reminder-success>span{font-size:1rem}.reminder-success strong{font-size:.75rem;display:block}.reminder-success p{overflow-wrap:anywhere;color:var(--text-secondary);margin-top:2px;font-size:.68rem;line-height:1.35}@keyframes reminderToastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.reminders-backdrop{align-items:flex-end;padding:10px}.reminders-modal{border-radius:16px;max-height:calc(100vh - 20px)}.reminders-header,.reminders-intro,.reminders-body{padding-left:18px;padding-right:18px}.reminders-body{flex-direction:column;gap:26px;display:flex}.reminders-list{border-top:1px solid var(--glass-border);border-left:0;padding-top:24px;padding-left:0}.reminder-form-actions{justify-content:stretch}.reminders-primary,.reminders-secondary{flex:1}}@media (prefers-reduced-motion:reduce){.reminder-card,.delay-chip,.reminder-success{transition:none;animation:none}}.app-shell{width:100vw;max-width:100%;height:100dvh;display:flex;overflow:hidden}.sidebar-toggle-btn{width:36px;height:36px;color:var(--text-primary);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.sidebar-toggle-btn:hover{background:var(--glass-bg)}.sidebar-backdrop{z-index:190;background:#0000008c;animation:.2s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-area{background:var(--surface);flex-direction:column;flex:1;min-width:0;padding-bottom:84px;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-header-info{align-items:center;gap:12px;display:flex}.header-status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulseLive;box-shadow:0 0 0 3px #10b98133}.header-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.header-subtitle{color:var(--text-muted);margin-top:1px;font-size:.72rem}.header-actions{align-items:center;gap:10px;display:flex}.connection-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.spotify-live-badge{color:#1db954;background:#1db9541f;border:1px solid #1db9544d;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:600;display:flex;box-shadow:0 0 12px #1db95433}.spotify-pulse-dot{background:#1db954;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulseLive}.conn-dot{background:#10b981;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulseLive}@keyframes pulseLive{0%,to{opacity:1}50%{opacity:.5}}.tts-toggle-btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.tts-toggle-btn.tts-on{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa66}.tts-toggle-btn.tts-on:hover{background:#a78bfa33;box-shadow:0 0 12px #a78bfa40}.tts-toggle-btn.tts-off{color:var(--text-muted);border-color:var(--glass-border);background:var(--glass-bg)}.tts-toggle-btn.tts-off:hover{color:var(--text-primary);border-color:#a78bfa4d}.tts-stop-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444466;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.tts-stop-btn:hover{background:#ef444433}.tts-btn-label{letter-spacing:.03em;font-size:.7rem}.tts-speaking-indicator{align-items:flex-end;gap:2px;height:14px;display:flex}.tts-wave{background:#a78bfa;border-radius:99px;width:3px;animation:.8s ease-in-out infinite alternate ttsWave}.tts-wave:first-child{height:5px;animation-delay:0s}.tts-wave:nth-child(2){height:10px;animation-delay:.15s}.tts-wave:nth-child(3){height:5px;animation-delay:.3s}@keyframes ttsWave{0%{opacity:.6;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1.2)}}@media (width<=880px){.header-actions .connection-badge,.tts-btn-label{display:none}}@media (width<=900px){.sidebar-toggle-btn{display:flex}.sidebar-backdrop{display:block}.chat-header{gap:10px;padding:12px 14px}.chat-header-info{flex:1;gap:10px;min-width:0}.header-title,.header-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:42vw;overflow:hidden}.header-actions{flex-shrink:0;gap:6px}.chat-area{padding-bottom:104px}}@media (width<=480px){.header-actions .tts-toggle-btn,.header-actions .tts-stop-btn{padding:5px 8px}.header-title{font-size:.95rem}}