.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.app-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem}.app-header-user{margin-left:auto}.app-title{font-size:1.75rem;font-weight:700;margin:0}.app-nav{display:flex;gap:1.5rem}.app-nav-link{color:#fffc;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .2s}.app-nav-link:hover{color:#fff;background:#ffffff1a}.app-nav-link.active{color:#fff;background:#fff3}@media (max-width: 768px){.app-header{padding:.5rem 1rem}.app-header-content{gap:.75rem}.app-title{font-size:1.125rem}.app-nav{gap:.25rem}.app-nav-link{padding:.375rem .5rem;font-size:.75rem}}.search-bar{width:100%;max-width:800px;margin:0 auto 2rem}.search-input-group{display:flex;gap:.5rem}.search-input{flex:1;padding:.75rem 1rem;font-size:1rem;border:2px solid #333;border-radius:4px;background:#fff;color:#000}.search-input:focus{outline:none;border-color:#06c}.search-input:disabled{background:#f0f0f0;cursor:not-allowed}.search-button{padding:.75rem 2rem;font-size:1rem;font-weight:600;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.search-button:hover:not(:disabled){background:#0052a3}.search-button:disabled{background:#ccc;cursor:not-allowed}.error-message{margin-top:.5rem;padding:.75rem;background:#fee;color:#c00;border-radius:4px;border-left:4px solid #c00}.album-card{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.album-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.album-artwork{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f0f0f0}.album-artwork img{width:100%;height:100%;object-fit:cover}.explicit-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#000c;color:#fff;font-size:.75rem;font-weight:600;border-radius:4px}.album-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.album-title{font-size:1rem;font-weight:600;margin:0;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-artist{font-size:.9rem;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta{font-size:.85rem;color:#999}.tidal-link{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background:#06c;color:#fff;text-decoration:none;border-radius:4px;font-size:.875rem;text-align:center;transition:background .2s}.tidal-link:hover{background:#0052a3}.add-to-library-btn{margin-top:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.add-to-library-btn:hover:not(:disabled){background:#059669}.add-to-library-btn:disabled{cursor:not-allowed;opacity:.6}.add-to-library-btn.in-library{background:#6b7280}.add-to-library-btn.success{background:#10b981}.add-to-library-btn.error{background:#ef4444}.add-error-message{margin-top:.5rem;padding:.5rem;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:.75rem;text-align:center}.track-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:background .2s}.track-card:hover{background:#f9f9f9}.track-artwork{position:relative;width:60px;height:60px;flex-shrink:0;overflow:hidden;border-radius:4px;background:#f0f0f0}.track-artwork img{width:100%;height:100%;object-fit:cover}.track-info{flex:1;min-width:0}.track-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:.875rem;color:#666;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{font-size:.8rem;color:#999;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{font-size:.9rem;color:#666;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:3rem;text-align:right}.tidal-link-small{flex-shrink:0;padding:.5rem 1rem;background:#06c;color:#fff;text-decoration:none;border-radius:4px;font-size:.875rem;transition:background .2s;white-space:nowrap}.tidal-link-small:hover{background:#0052a3}.add-to-library-btn-track{flex-shrink:0;width:40px;height:40px;background:#10b981;color:#fff;border:none;border-radius:50%;font-size:1.25rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.add-to-library-btn-track:hover:not(:disabled){background:#059669;transform:scale(1.1)}.add-to-library-btn-track:disabled{cursor:not-allowed;opacity:.6}.add-to-library-btn-track.in-library{background:#6b7280}.add-to-library-btn-track.success{background:#10b981}.add-to-library-btn-track.error{background:#ef4444}.add-error-message-track{position:absolute;bottom:-2rem;right:1rem;padding:.5rem;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:.75rem;white-space:nowrap;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.track-card{flex-wrap:wrap;position:relative}.tidal-link-small{width:100%;text-align:center}.add-error-message-track{right:auto;left:1rem}}.no-results{text-align:center;padding:4rem 2rem;max-width:600px;margin:0 auto}.no-results h2{font-size:1.75rem;margin:0 0 1rem;color:#333}.query-display{font-size:1rem;color:#666;margin-bottom:2rem}.query-display strong{color:#000}.suggestions{background:#f9f9f9;border-radius:8px;padding:1.5rem;border-left:4px solid #0066cc}.suggestions p{font-size:1rem;font-weight:600;color:#333;margin:0 0 1rem;text-align:left}.suggestions ul{text-align:left;margin:0;padding-left:1.5rem;list-style-type:disc}.suggestions li{font-size:.95rem;color:#666;margin-bottom:.5rem;line-height:1.5}.suggestions li:last-child{margin-bottom:0}@media (max-width: 768px){.no-results{padding:3rem 1rem}.no-results h2{font-size:1.5rem}.suggestions{padding:1rem}}.results-list{width:100%;max-width:1200px;margin:0 auto}.results-header{margin-bottom:2rem;color:#666}.cached-badge{margin-left:.5rem;padding:.25rem .5rem;background:#e0f0ff;color:#06c;font-size:.875rem;font-weight:600;border-radius:4px}.albums-section,.tracks-section{margin-bottom:3rem}.albums-section h2,.tracks-section h2{margin-bottom:1.5rem;font-size:1.5rem;color:#000}@media (max-width: 768px){.albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.skeleton-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.skeleton-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.skeleton-artwork,.skeleton-artwork-small,.skeleton-title,.skeleton-title-small,.skeleton-artist,.skeleton-artist-small,.skeleton-meta-item,.skeleton-meta-item-small{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.album-skeleton .skeleton-artwork{width:100%;aspect-ratio:1;margin-bottom:1rem;border-radius:8px}.album-skeleton .skeleton-title{height:1.5rem;width:80%;margin-bottom:.5rem}.album-skeleton .skeleton-artist{height:1rem;width:60%;margin-bottom:.75rem}.album-skeleton .skeleton-meta-row{display:flex;gap:.5rem;margin-top:.75rem}.album-skeleton .skeleton-meta-item{height:.875rem;width:4rem}.track-skeleton{display:flex;gap:1rem;align-items:flex-start}.track-skeleton .skeleton-artwork-small{width:80px;height:80px;flex-shrink:0;border-radius:4px}.track-skeleton .skeleton-content{flex:1;min-width:0}.track-skeleton .skeleton-title-small{height:1.25rem;width:70%;margin-bottom:.5rem}.track-skeleton .skeleton-artist-small{height:1rem;width:50%;margin-bottom:.5rem}.track-skeleton .skeleton-meta-item-small{height:.875rem;width:3rem}@media (max-width: 768px){.skeleton-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.track-skeleton .skeleton-artwork-small{width:60px;height:60px}}.search-page{min-height:100vh;padding:2rem;background:#f5f5f5}.search-header{text-align:center;margin-bottom:2rem}.search-header h1{font-size:2.5rem;margin:0 0 .5rem;color:#000}.search-header p{font-size:1.125rem;color:#666;margin:0}.loading-state{text-align:center;padding:3rem 2rem;color:#666}.loading-state p{font-size:1.125rem}@media (max-width: 768px){.search-page{padding:1rem}.search-header h1{font-size:2rem}.search-header p{font-size:1rem}}.library-nav{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.library-nav .nav-link{padding:.75rem 1.5rem;text-decoration:none;color:#6b7280;font-weight:500;border-bottom:3px solid transparent;transition:all .2s;position:relative;bottom:-2px}.library-nav .nav-link:hover{color:#374151}.library-nav .nav-link.active{color:#1d4ed8;border-bottom-color:#1d4ed8}.library-album-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer}.library-album-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.library-album-artwork{position:relative;width:100%;padding-top:100%;background:#f3f4f6;overflow:hidden}.library-album-artwork img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.library-album-info{padding:1rem}.library-album-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-album-artist{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-album-meta{font-size:.75rem;color:#9ca3af}.library-album-delete{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background:#0009;color:#fff;border:none;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:10}.library-album-card:hover .library-album-delete{opacity:1}.library-album-delete:hover{background:#dc2626e6}.albums-view{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.albums-loading,.albums-error,.albums-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.albums-error{color:#dc2626}.albums-empty h2{color:#374151;margin-bottom:.5rem}.albums-empty p{color:#6b7280}@media (max-width: 768px){.albums-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.albums-view{padding:1rem}}.indexed-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#059669}.indexed-badge--default{width:18px;height:18px}.indexed-badge--small{width:14px;height:14px}.indexed-badge-icon{width:100%;height:100%}.library-track-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer}.library-track-card:hover{transform:translate(4px);box-shadow:0 2px 4px #00000026}.library-track-artwork{position:relative;width:60px;height:60px;flex-shrink:0;overflow:hidden;border-radius:4px;background:#f3f4f6}.library-track-artwork img{width:100%;height:100%;object-fit:cover}.library-track-info{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-width:0}.library-track-main{flex:1;min-width:0}.library-track-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-track-artist{font-size:.875rem;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-track-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#9ca3af}.library-track-album{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.library-track-duration{font-variant-numeric:tabular-nums;font-weight:500;color:#6b7280}.library-track-delete{position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:2rem;height:2rem;background:#0009;color:#fff;border:none;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s;z-index:10}.library-track-card:hover .library-track-delete{opacity:1}.library-track-delete:hover{background:#dc2626e6}@media (max-width: 768px){.library-track-card{padding:.75rem}.library-track-info{flex-direction:column;align-items:flex-start;gap:.5rem}.library-track-meta{width:100%;justify-content:space-between}.library-track-album{max-width:150px}}.audio-features-display{margin-top:.5rem}.audio-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.audio-feature-item{display:flex;flex-direction:column;padding:.75rem;background-color:#fff;border-radius:6px;border:1px solid var(--border-color, #e0e0e0)}.audio-feature-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary, #999);margin-bottom:.25rem}.audio-feature-value{font-size:1rem;font-weight:600;color:var(--text-primary, #333)}.audio-features-unavailable{text-align:center;padding:1rem;color:var(--text-secondary, #666);font-style:italic}@media (max-width: 480px){.audio-features-grid{grid-template-columns:repeat(2,1fr)}}.track-metadata-panel{padding:1rem;background-color:var(--bg-secondary, #f5f5f5);border-radius:0 0 8px 8px;margin-top:-4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.track-metadata-skeleton{display:flex;flex-direction:column;gap:.75rem}.skeleton-line{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-title{height:1.25rem;width:40%}.skeleton-text{height:1rem;width:100%}.skeleton-text.short{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.track-metadata-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;text-align:center;color:var(--text-secondary, #666)}.retry-button{padding:.5rem 1rem;background-color:var(--primary-color, #1a73e8);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.retry-button:hover{background-color:var(--primary-color-hover, #1557b0)}.track-metadata-unavailable{text-align:center;padding:1rem;color:var(--text-secondary, #666)}.track-metadata-hint{font-size:.875rem;margin-top:.5rem;opacity:.8}.track-metadata-section{margin-bottom:1.5rem}.track-metadata-section:last-child{margin-bottom:0}.track-metadata-section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #666);margin-bottom:.5rem}.track-metadata-lyrics{max-height:300px;overflow-y:auto;background-color:#fff;padding:1rem;border-radius:4px;border:1px solid var(--border-color, #e0e0e0)}.track-metadata-lyrics pre{margin:0;font-family:inherit;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.track-metadata-interpretation{font-size:.9375rem;line-height:1.6;color:var(--text-primary, #333)}.track-metadata-interpretation h1,.track-metadata-interpretation h2,.track-metadata-interpretation h3,.track-metadata-interpretation h4{margin-top:1rem;margin-bottom:.5rem;font-weight:600}.track-metadata-interpretation h1{font-size:1.25rem}.track-metadata-interpretation h2{font-size:1.125rem}.track-metadata-interpretation h3{font-size:1rem}.track-metadata-interpretation p{margin-bottom:.75rem}.track-metadata-interpretation p:last-child{margin-bottom:0}.track-metadata-interpretation ul,.track-metadata-interpretation ol{margin:.5rem 0;padding-left:1.5rem}.track-metadata-interpretation li{margin-bottom:.25rem}.track-metadata-interpretation strong{font-weight:600}.track-metadata-interpretation em{font-style:italic}.track-metadata-interpretation blockquote{margin:.75rem 0;padding-left:1rem;border-left:3px solid var(--border-color, #e0e0e0);color:var(--text-secondary, #666);font-style:italic}.track-metadata-empty{font-style:italic;color:var(--text-tertiary, #999);font-size:.9375rem}.track-accordion{margin-bottom:.5rem;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease}.track-accordion:hover{box-shadow:0 2px 6px #00000026}.track-accordion.expanded{box-shadow:0 2px 8px #0003}.track-accordion-header{display:flex;align-items:center;cursor:pointer;position:relative}.track-accordion-header:focus{outline:2px solid var(--primary-color, #1a73e8);outline-offset:-2px}.track-accordion-header:focus:not(:focus-visible){outline:none}.track-accordion-header>*:first-child{flex:1}.track-accordion-indicator{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;color:var(--text-secondary, #666)}.chevron{font-size:.75rem;transition:transform .2s ease}.chevron.up{transform:rotate(180deg)}.track-accordion-panel{animation:slideDown .2s ease-out}.track-accordion .library-track-card{box-shadow:none;margin-bottom:0;border-radius:8px 8px 0 0}.track-accordion.expanded .library-track-card{border-radius:8px 8px 0 0}.track-accordion .library-track-delete{margin-right:8px}.tracks-view{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.tracks-list{display:flex;flex-direction:column;gap:.75rem}.tracks-loading,.tracks-error,.tracks-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.tracks-error{color:#dc2626}.tracks-empty h2{color:#374151;margin-bottom:.5rem}.tracks-empty p{color:#6b7280}@media (max-width: 768px){.tracks-view{padding:1rem}.tracks-list{gap:.5rem}}.album-detail-view{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;margin-bottom:2rem}.back-button:hover{background:#e5e7eb}.album-detail-header{display:flex;gap:2rem;margin-bottom:3rem}.album-detail-artwork{flex-shrink:0;width:300px;height:300px;border-radius:8px;overflow:hidden;background:#f3f4f6;box-shadow:0 4px 6px #0000001a}.album-detail-artwork img{width:100%;height:100%;object-fit:cover}.album-detail-artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1rem}.album-detail-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.album-detail-title{font-size:2.5rem;font-weight:700;color:#111827;margin:0 0 .5rem;word-wrap:break-word}.album-detail-artist{font-size:1.5rem;color:#6b7280;margin:0 0 1rem}.album-detail-meta{display:flex;gap:1rem;font-size:.875rem;color:#9ca3af}.album-detail-meta span{display:inline-block}.album-detail-meta span:not(:last-child):after{content:"•";margin-left:1rem;color:#d1d5db}.remove-album-button{margin-top:1.5rem;padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start}.remove-album-button:hover{background:#b91c1c}.album-detail-tracks{margin-top:2rem}.album-detail-tracks h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 1rem}.track-listing-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.track-listing-table thead{background:#f9fafb}.track-listing-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.track-listing-table tbody tr{border-top:1px solid #f3f4f6;transition:background .2s}.track-listing-table tbody tr:hover{background:#f9fafb}.track-listing-table td{padding:1rem}.track-number{width:50px;color:#9ca3af;font-variant-numeric:tabular-nums}.track-title{color:#111827;font-weight:500}.explicit-indicator{display:inline-block;margin-left:.5rem;padding:.125rem .375rem;background:#6b7280;color:#fff;font-size:.625rem;font-weight:700;border-radius:2px}.track-duration{width:100px;text-align:right;color:#6b7280;font-variant-numeric:tabular-nums}.album-detail-loading,.album-detail-error{text-align:center;padding:4rem 2rem;color:#6b7280}.album-detail-error{color:#dc2626}.track-listing-accordion{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.track-listing-row{border-top:1px solid #f3f4f6}.track-listing-row:first-child{border-top:none}.track-listing-header{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:background .2s}.track-listing-header:hover{background:#f9fafb}.track-listing-header:focus{outline:2px solid #1a73e8;outline-offset:-2px}.track-listing-header:focus:not(:focus-visible){outline:none}.track-listing-header .track-number{width:40px;flex-shrink:0;color:#9ca3af;font-variant-numeric:tabular-nums}.track-listing-header .track-title{flex:1;display:inline-flex;align-items:center;gap:.5rem;color:#111827;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-listing-header .track-duration{width:60px;text-align:right;color:#6b7280;font-variant-numeric:tabular-nums;margin-right:.5rem}.track-expand-indicator{width:24px;text-align:center;color:#9ca3af;font-size:.75rem;transition:transform .2s}.track-expand-indicator.up{transform:rotate(180deg)}.track-listing-row.expanded{background:#fafafa}.track-listing-panel{border-top:1px solid #e5e7eb}@media (max-width: 768px){.album-detail-view{padding:1rem}.album-detail-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.album-detail-artwork{width:250px;height:250px}.album-detail-title{font-size:2rem}.album-detail-artist{font-size:1.25rem}.album-detail-meta{justify-content:center;flex-wrap:wrap}.track-listing-table th,.track-listing-table td{padding:.75rem .5rem}.track-number{width:40px}.track-duration{width:80px}}.track-detail-view{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.track-detail-content{display:flex;gap:3rem;margin-top:2rem}.track-detail-artwork{flex-shrink:0;width:300px;height:300px;border-radius:8px;overflow:hidden;background:#f3f4f6;box-shadow:0 4px 6px #0000001a}.track-detail-artwork img{width:100%;height:100%;object-fit:cover}.track-detail-artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1rem}.track-detail-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.track-detail-title{font-size:2.5rem;font-weight:700;color:#111827;margin:0 0 .5rem;word-wrap:break-word}.track-detail-artist{font-size:1.5rem;color:#6b7280;margin:0 0 2rem}.track-detail-metadata{display:flex;flex-direction:column;gap:1rem}.track-detail-field{display:flex;flex-direction:column;gap:.25rem}.track-detail-label{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.track-detail-value{font-size:1rem;color:#111827;font-weight:500}.remove-track-button{margin-top:2rem;padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start}.remove-track-button:hover{background:#b91c1c}.track-detail-loading,.track-detail-error{text-align:center;padding:4rem 2rem;color:#6b7280}.track-detail-error{color:#dc2626}@media (max-width: 768px){.track-detail-view{padding:1rem}.track-detail-content{flex-direction:column;align-items:center;text-align:center;gap:2rem}.track-detail-artwork{width:250px;height:250px}.track-detail-title{font-size:2rem}.track-detail-artist{font-size:1.25rem}.track-detail-metadata,.track-detail-field{align-items:center}}.tidal-sync-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tidal-sync-modal{background:var(--color-surface, #1a1a1a);border-radius:12px;width:100%;max-width:600px;max-height:85vh;margin:16px;box-shadow:0 8px 32px #0006;animation:tidalSyncModalFadeIn .2s ease-out;display:flex;flex-direction:column}@keyframes tidalSyncModalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tidal-sync-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, #333)}.tidal-sync-modal__title{font-size:1.25rem;font-weight:600;color:var(--color-text, #ffffff);margin:0}.tidal-sync-modal__close{background:transparent;border:none;color:var(--color-text-secondary, #888);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s,background .2s}.tidal-sync-modal__close:hover:not(:disabled){color:var(--color-text, #ffffff);background:var(--color-surface-hover, #252525)}.tidal-sync-modal__close:disabled{opacity:.5;cursor:not-allowed}.tidal-sync-modal__close svg{width:24px;height:24px}.tidal-sync-modal__tabs{display:flex;padding:0 24px;border-bottom:1px solid var(--color-border, #333)}.tidal-sync-modal__tab{background:transparent;border:none;color:var(--color-text-secondary, #888);padding:12px 16px;font-size:.875rem;font-weight:500;cursor:pointer;position:relative;transition:color .2s;display:flex;align-items:center;gap:8px}.tidal-sync-modal__tab:hover:not(:disabled){color:var(--color-text, #ffffff)}.tidal-sync-modal__tab--active{color:var(--color-primary, #00bfff)}.tidal-sync-modal__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary, #00bfff)}.tidal-sync-modal__tab:disabled{opacity:.5;cursor:not-allowed}.tidal-sync-modal__tab-count{background:var(--color-surface-hover, #252525);padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.tidal-sync-modal__tab--active .tidal-sync-modal__tab-count{background:#00bfff33;color:var(--color-primary, #00bfff)}.tidal-sync-modal__content{flex:1;overflow-y:auto;padding:16px 24px;min-height:200px}.tidal-sync-modal__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--color-text-secondary, #888);font-size:.875rem}.tidal-sync-modal__empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary, #888)}.tidal-sync-modal__empty p{margin:0}.tidal-sync-modal__error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--color-error, #ff4444)}.tidal-sync-modal__reconnect-hint{font-size:.75rem;color:var(--color-text-secondary, #888)}.tidal-sync-modal__success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--color-success, #4caf50);animation:successPulse .4s ease-out}.tidal-sync-modal__success-icon{width:20px;height:20px;flex-shrink:0}.tidal-sync-modal__list-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--color-border, #333)}.tidal-sync-modal__select-all{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text, #ffffff);cursor:pointer}.tidal-sync-modal__select-all input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary, #00bfff)}.tidal-sync-modal__selected-count{font-size:.75rem;color:var(--color-text-secondary, #888)}.tidal-sync-modal__list{display:flex;flex-direction:column;gap:4px}.tidal-sync-modal__item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s}.tidal-sync-modal__item:hover{background:var(--color-surface-hover, #252525)}.tidal-sync-modal__item--selected{background:#00bfff1a}.tidal-sync-modal__item input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary, #00bfff);flex-shrink:0}.tidal-sync-modal__item-cover{width:48px;height:48px;border-radius:4px;object-fit:cover;background:var(--color-background, #0a0a0a);flex-shrink:0}.tidal-sync-modal__item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tidal-sync-modal__item-title{font-size:.875rem;font-weight:500;color:var(--color-text, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tidal-sync-modal__item-artist{font-size:.75rem;color:var(--color-text-secondary, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tidal-sync-modal__item-meta{font-size:.75rem;color:var(--color-text-secondary, #666);flex-shrink:0}.tidal-sync-modal__load-more{width:100%;background:transparent;border:1px dashed var(--color-border, #333);color:var(--color-text-secondary, #888);padding:12px;border-radius:8px;font-size:.875rem;cursor:pointer;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,border-color .2s,color .2s}.tidal-sync-modal__load-more:hover:not(:disabled){background:var(--color-surface-hover, #252525);border-color:var(--color-border-hover, #444);color:var(--color-text, #ffffff)}.tidal-sync-modal__load-more:disabled{opacity:.5;cursor:not-allowed}.tidal-sync-modal__footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--color-border, #333)}.tidal-sync-modal__cancel-button{background:transparent;border:1px solid var(--color-border, #333);color:var(--color-text, #ffffff);padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.tidal-sync-modal__cancel-button:hover:not(:disabled){background:var(--color-surface-hover, #252525);border-color:var(--color-border-hover, #444)}.tidal-sync-modal__cancel-button:disabled{opacity:.5;cursor:not-allowed}.tidal-sync-modal__import-button{background:var(--color-primary, #00bfff);border:none;color:#000;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s,opacity .2s}.tidal-sync-modal__import-button:hover:not(:disabled){background:var(--color-primary-hover, #00d4ff)}.tidal-sync-modal__import-button:disabled{opacity:.5;cursor:not-allowed}.tidal-sync-modal__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:tidalSyncSpin .8s linear infinite}@keyframes tidalSyncSpin{to{transform:rotate(360deg)}}@media (max-width: 640px){.tidal-sync-modal{margin:0;border-radius:12px 12px 0 0;max-height:90vh;position:fixed;bottom:0}.tidal-sync-modal__item-cover{width:40px;height:40px}.tidal-sync-modal__footer{flex-direction:column-reverse}.tidal-sync-modal__cancel-button,.tidal-sync-modal__import-button{width:100%;justify-content:center}}.library-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.library-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.library-header__content h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.library-header__content p{font-size:1rem;color:#6b7280;margin:0}.library-header__sync-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.library-header__sync-button:hover{background:#2563eb}.library-header__sync-button svg{width:1.125rem;height:1.125rem}.tracks-placeholder{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem}@media (max-width: 768px){.library-page{padding:1rem}.library-header{flex-direction:column;align-items:stretch}.library-header__content h1{font-size:1.5rem}.library-header__content p{font-size:.875rem}.library-header__sync-button{justify-content:center}}.leave-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.leave-confirm-dialog{background-color:var(--bg-primary, #ffffff);border-radius:12px;padding:24px;max-width:400px;width:calc(100% - 32px);box-shadow:0 20px 40px #0003;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leave-confirm-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #1a1a1a)}.leave-confirm-description{margin:0 0 24px;font-size:14px;color:var(--text-secondary, #6b7280);line-height:1.5}.leave-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.leave-confirm-button{padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s,transform .1s}.leave-confirm-button:active{transform:scale(.98)}.leave-confirm-button--stay{background-color:var(--accent-color, #6366f1);color:#fff}.leave-confirm-button--stay:hover{background-color:var(--accent-color-hover, #4f46e5)}.leave-confirm-button--leave{background-color:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb)}.leave-confirm-button--leave:hover{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1a1a1a)}.discover-nav{display:flex;gap:8px;padding:0 16px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);margin-bottom:16px}.discover-nav .nav-link{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);text-decoration:none;border-radius:6px;transition:background-color .2s,color .2s}.discover-nav .nav-link:hover{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1a1a1a)}.discover-nav .nav-link.active{background-color:var(--accent-color, #6366f1);color:#fff}@media (max-width: 768px){.discover-nav{padding:0 12px 8px;margin-bottom:8px}.discover-nav .nav-link{padding:6px 12px;font-size:13px}}.discovery-search-bar{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.discovery-search-input-container{display:flex;flex-direction:column;gap:.5rem}.discovery-search-input{width:100%;padding:1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;resize:vertical;min-height:80px;font-family:inherit;line-height:1.5;transition:border-color .2s,box-shadow .2s}.discovery-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.discovery-search-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.discovery-search-input::placeholder{color:#888}.discovery-search-input-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.discovery-search-hint{font-size:.8125rem;color:#666;font-style:italic;flex:1}.discovery-search-char-count{font-size:.75rem;color:#94a3b8;flex-shrink:0}.discovery-search-char-count.near-limit{color:#f59e0b}.discovery-search-char-count.at-limit{color:#ef4444;font-weight:500}.discovery-search-button{padding:.875rem 2rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s,transform .2s;align-self:center}.discovery-search-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.discovery-search-button:active:not(:disabled){transform:translateY(0)}.discovery-search-button:disabled{opacity:.6;cursor:not-allowed}.discovery-search-error{padding:.75rem 1rem;background-color:#fee2e2;color:#dc2626;border-radius:6px;font-size:.875rem;text-align:center}.discovery-track-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.discovery-track-item:hover{box-shadow:0 4px 6px #0000001a}.discovery-track-item.expanded{box-shadow:0 4px 12px #00000026}.discovery-track-header{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.discovery-track-header:hover{background-color:#f8f9fa}.discovery-track-artwork{flex-shrink:0;width:60px;height:60px;border-radius:4px;overflow:hidden}.discovery-track-artwork-image{width:100%;height:100%;object-fit:cover}.discovery-track-artwork-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.discovery-track-info{flex:1;min-width:0}.discovery-track-title{font-weight:600;font-size:1rem;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-track-artist{font-size:.875rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-track-album{font-size:.75rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discovery-track-expand-icon{flex-shrink:0;width:24px;text-align:center;color:#888;font-size:.75rem}.discovery-track-content{padding:1rem;padding-top:0;border-top:1px solid #eee;background-color:#fafafa}@media (max-width: 600px){.discovery-track-header{flex-wrap:wrap}.discovery-track-score{width:100%;order:4;margin-top:.5rem}.discovery-track-expand-icon{position:absolute;right:1rem;top:1rem}.discovery-track-item{position:relative}}.discovery-results{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.discovery-results-header{padding:1rem 0;border-bottom:1px solid #eee}.discovery-results-info{display:flex;flex-direction:column;gap:.75rem}.discovery-results-count{font-size:.875rem;color:#666}.discovery-results-queries{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.discovery-results-queries-label{font-size:.75rem;color:#888;font-weight:500}.discovery-results-query-chip{display:inline-block;padding:.25rem .75rem;background-color:#f0f0ff;color:#667eea;border-radius:100px;font-size:.75rem;font-weight:500}.discovery-results-list{display:flex;flex-direction:column;gap:.75rem}.discovery-results-load-more{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0}.discovery-load-more-button{padding:.75rem 2rem;font-size:.875rem;font-weight:600;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}.discovery-load-more-button:hover:not(:disabled){background-color:#667eea;color:#fff}.discovery-load-more-button:disabled{opacity:.6;cursor:not-allowed}.discovery-load-more-hint{font-size:.75rem;color:#888}.discovery-results-end{text-align:center;padding:1rem;color:#888;font-size:.875rem;font-style:italic}.tool-invocation{margin:.5rem 0;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;background:var(--color-surface, #f5f5f5);overflow:hidden}.tool-invocation--executing{border-color:var(--color-primary, #3b82f6);background:var(--color-primary-light, #eff6ff)}.tool-invocation--failed{border-color:var(--color-error, #ef4444);background:var(--color-error-light, #fef2f2)}.tool-invocation__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.tool-invocation__header--clickable{cursor:pointer}.tool-invocation__header--clickable:hover{background:#0000000d}.tool-invocation__header--clickable:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}.tool-invocation__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary, #666)}.tool-invocation__icon svg{width:100%;height:100%}.tool-invocation__name{font-weight:500;color:var(--color-text-primary, #333);flex-shrink:0}.tool-invocation__status{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;flex-shrink:0}.tool-invocation__status--executing{background:var(--color-primary, #3b82f6);color:#fff}.tool-invocation__status--completed{background:var(--color-success, #22c55e);color:#fff}.tool-invocation__status--failed{background:var(--color-error, #ef4444);color:#fff}.tool-invocation__spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:tool-spinner .8s linear infinite}@keyframes tool-spinner{to{transform:rotate(360deg)}}.tool-invocation__summary{flex:1;color:var(--color-text-secondary, #666);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-invocation__duration{color:var(--color-text-tertiary, #999);font-size:.75rem;flex-shrink:0}.tool-invocation__chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-text-secondary, #666);transition:transform .2s ease}.tool-invocation__chevron--expanded{transform:rotate(180deg)}.tool-invocation__error{padding:.5rem 1rem;background:var(--color-error-light, #fef2f2);color:var(--color-error, #ef4444);font-size:.875rem;border-top:1px solid var(--color-error, #ef4444)}.tool-invocation__results{padding:.75rem 1rem;border-top:1px solid var(--color-border, #e0e0e0);background:var(--color-background, #fff);max-height:300px;overflow-y:auto}.tool-invocation__results--playlist{max-height:none;overflow-y:visible;padding:0;background:transparent;border-top:none}.tool-invocation__results-empty{color:var(--color-text-tertiary, #999);font-style:italic;text-align:center;padding:1rem}.tool-invocation__results-list{display:flex;flex-direction:column;gap:.5rem}.tool-invocation__result-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-surface, #f5f5f5);border-radius:4px}.tool-invocation__result-title{font-weight:500;color:var(--color-text-primary, #333)}.tool-invocation__result-artist{color:var(--color-text-secondary, #666);font-size:.875rem}.tool-invocation__result-badge{margin-left:auto;padding:.125rem .375rem;background:var(--color-success-light, #dcfce7);color:var(--color-success, #22c55e);font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:2px}.tool-invocation__results-json{margin:0;padding:.5rem;background:var(--color-surface, #f5f5f5);border-radius:4px;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.playlist-card{margin:.75rem 0;border:1px solid var(--color-border, #e0e0e0);border-radius:12px;background:var(--color-surface, #f5f5f5);overflow:hidden}.playlist-card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;background:linear-gradient(135deg,var(--color-primary-light, #eff6ff) 0%,var(--color-surface, #f5f5f5) 100%);border-bottom:1px solid var(--color-border, #e0e0e0)}.playlist-card__title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary, #333)}.playlist-card__header-text{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.playlist-card__track-count{font-size:.75rem;color:var(--color-text-secondary, #666);flex-shrink:0}.playlist-card__save-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-primary, #00bfff);background:transparent;color:var(--color-primary, #00bfff);font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background .2s,opacity .2s;flex-shrink:0}.playlist-card__save-button:hover:not(:disabled){background:#00bfff1a}.playlist-card__save-button:focus{outline:2px solid var(--color-primary, #00bfff);outline-offset:2px}.playlist-card__save-button:focus:not(:focus-visible){outline:none}.playlist-card__save-button--disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-text-tertiary, #999);color:var(--color-text-tertiary, #999)}.playlist-card__save-icon{width:14px;height:14px;flex-shrink:0}.playlist-card__tracks{display:flex;flex-direction:column;max-height:400px;overflow-y:auto}.playlist-card__track{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;transition:background-color .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.playlist-card__track:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:-2px}.playlist-card__track:focus:not(:focus-visible){outline:none}.playlist-card__track:hover{background:#00000006}.playlist-card__track--expanded{background:#0000000a}.playlist-card__track--expanded:hover{background:#0000000d}.playlist-card__track--unenriched{opacity:.75}.playlist-card__track--unenriched .playlist-card__artwork{filter:grayscale(50%)}.playlist-card__track-number{width:1.5rem;flex-shrink:0;font-size:.75rem;color:var(--color-text-tertiary, #999);text-align:right}.playlist-card__artwork{width:40px;height:40px;border-radius:4px;flex-shrink:0;object-fit:cover;background:var(--color-surface-darker, #e5e5e5)}.playlist-card__track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.playlist-card__track-title{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card__track-artist{font-size:.75rem;color:var(--color-text-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card__track-duration{font-size:.75rem;color:var(--color-text-tertiary, #999);flex-shrink:0;font-variant-numeric:tabular-nums}.playlist-card__chevron{width:20px;height:20px;flex-shrink:0;color:var(--color-text-tertiary, #999);transition:transform .2s ease}.playlist-card__chevron svg{width:100%;height:100%}.playlist-card__chevron--expanded{transform:rotate(180deg)}.playlist-card__reasoning{padding:.75rem 1rem .75rem 4.75rem;background:var(--color-surface-darker, #e9e9e9);font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary, #555);border-top:1px solid var(--color-border-light, #ddd);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.playlist-card__header{padding:.75rem}.playlist-card__track{padding:.5rem .75rem;gap:.5rem}.playlist-card__track-number{display:none}.playlist-card__artwork{width:36px;height:36px}.playlist-card__chevron{width:18px;height:18px}.playlist-card__reasoning{padding:.625rem .75rem .625rem 3.5rem;font-size:.75rem}}.save-playlist-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.save-playlist-modal{background:var(--color-surface, #1a1a1a);border-radius:12px;padding:24px;width:100%;max-width:400px;margin:16px;box-shadow:0 8px 32px #0006;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.save-playlist-modal__title{font-size:1.25rem;font-weight:600;color:var(--color-text, #ffffff);margin:0 0 8px}.save-playlist-modal__track-count{font-size:.875rem;color:var(--color-text-secondary, #888);margin:0 0 20px}.save-playlist-modal__form{display:flex;flex-direction:column;gap:16px}.save-playlist-modal__field{display:flex;flex-direction:column;gap:6px}.save-playlist-modal__label{font-size:.875rem;font-weight:500;color:var(--color-text, #ffffff)}.save-playlist-modal__input{background:var(--color-background, #0a0a0a);border:1px solid var(--color-border, #333);border-radius:8px;padding:12px;font-size:1rem;color:var(--color-text, #ffffff);transition:border-color .2s,box-shadow .2s}.save-playlist-modal__input:focus{outline:none;border-color:var(--color-primary, #00bfff);box-shadow:0 0 0 3px #00bfff33}.save-playlist-modal__input:disabled{opacity:.5;cursor:not-allowed}.save-playlist-modal__input--error{border-color:var(--color-error, #ff4444)}.save-playlist-modal__input::placeholder{color:var(--color-text-secondary, #666)}.save-playlist-modal__input-meta{display:flex;justify-content:flex-end}.save-playlist-modal__char-count{font-size:.75rem;color:var(--color-text-secondary, #666)}.save-playlist-modal__char-count--warning{color:var(--color-warning, #ffaa00)}.save-playlist-modal__error{font-size:.75rem;color:var(--color-error, #ff4444)}.save-playlist-modal__api-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.save-playlist-modal__error-message{font-size:.875rem;color:var(--color-error, #ff4444)}.save-playlist-modal__retry-button{background:transparent;border:1px solid var(--color-error, #ff4444);color:var(--color-error, #ff4444);padding:6px 12px;border-radius:4px;font-size:.875rem;cursor:pointer;align-self:flex-start;transition:background .2s}.save-playlist-modal__retry-button:hover:not(:disabled){background:#ff44441a}.save-playlist-modal__reconnect-hint{font-size:.75rem;color:var(--color-text-secondary, #888)}.save-playlist-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.save-playlist-modal__cancel-button{background:transparent;border:1px solid var(--color-border, #333);color:var(--color-text, #ffffff);padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.save-playlist-modal__cancel-button:hover:not(:disabled){background:var(--color-surface-hover, #252525);border-color:var(--color-border-hover, #444)}.save-playlist-modal__cancel-button:disabled{opacity:.5;cursor:not-allowed}.save-playlist-modal__save-button{background:var(--color-primary, #00bfff);border:none;color:#000;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s,opacity .2s}.save-playlist-modal__save-button:hover:not(:disabled){background:var(--color-primary-hover, #00d4ff)}.save-playlist-modal__save-button:disabled{opacity:.5;cursor:not-allowed}.save-playlist-modal__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.save-playlist-modal__success{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;animation:successPulse .4s ease-out}@keyframes successPulse{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.save-playlist-modal__success-icon{width:20px;height:20px;color:var(--color-success, #4caf50);flex-shrink:0}.save-playlist-modal__success-message{font-size:.875rem;color:var(--color-success, #4caf50)}.save-playlist-modal__skipped-info{color:var(--color-text-secondary, #888)}.save-playlist-modal__warning{background:#ffaa001a;border:1px solid rgba(255,170,0,.3);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;animation:warningPulse .3s ease-out}@keyframes warningPulse{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.save-playlist-modal__warning-message{font-size:.875rem;color:var(--color-warning, #ffaa00)}.save-playlist-modal__warning-actions{display:flex;gap:8px}.save-playlist-modal__warning-stay{background:var(--color-warning, #ffaa00);border:none;color:#000;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s}.save-playlist-modal__warning-stay:hover{background:#fb3}.save-playlist-modal__warning-cancel{background:transparent;border:1px solid var(--color-border, #333);color:var(--color-text-secondary, #888);padding:6px 12px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background .2s,border-color .2s}.save-playlist-modal__warning-cancel:hover{background:var(--color-surface-hover, #252525);border-color:var(--color-border-hover, #444)}.chat-message{display:flex;gap:12px;padding:16px;max-width:800px}.chat-message--user{background-color:var(--bg-secondary, #f5f5f5);border-radius:8px;margin-left:auto;margin-right:0}.chat-message--assistant{background-color:transparent}.chat-message__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--accent-color, #6366f1);display:flex;align-items:center;justify-content:center}.chat-message--user .chat-message__avatar{background-color:var(--user-avatar-bg, #3b82f6)}.chat-message__avatar-icon{width:20px;height:20px;color:#fff}.chat-message__content{flex:1;min-width:0}.chat-message__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-message__role{font-weight:600;font-size:14px;color:var(--text-primary, #1a1a1a)}.chat-message__time{font-size:12px;color:var(--text-secondary, #6b7280)}.chat-message__text{font-size:15px;line-height:1.6;color:var(--text-primary, #1a1a1a);word-wrap:break-word}.chat-message--assistant .chat-message__text p{margin:0 0 .75em}.chat-message--assistant .chat-message__text p:last-child{margin-bottom:0}.chat-message--assistant .chat-message__text h1,.chat-message--assistant .chat-message__text h2,.chat-message--assistant .chat-message__text h3{font-weight:600;color:var(--text-primary, #1a1a1a);margin:1em 0 .5em}.chat-message--assistant .chat-message__text h1:first-child,.chat-message--assistant .chat-message__text h2:first-child,.chat-message--assistant .chat-message__text h3:first-child{margin-top:0}.chat-message--assistant .chat-message__text h1{font-size:1.25em}.chat-message--assistant .chat-message__text h2{font-size:1.1em}.chat-message--assistant .chat-message__text h3{font-size:1em}.chat-message--assistant .chat-message__text ul,.chat-message--assistant .chat-message__text ol{margin:.5em 0;padding-left:1.5em}.chat-message--assistant .chat-message__text li{margin-bottom:.25em}.chat-message--assistant .chat-message__text strong{font-weight:600}.chat-message--assistant .chat-message__text code{background-color:var(--bg-secondary, #f5f5f5);padding:.15em .4em;border-radius:4px;font-size:.9em;font-family:SF Mono,Monaco,Consolas,monospace}.chat-message--assistant .chat-message__text pre{background-color:var(--bg-secondary, #f5f5f5);padding:1em;border-radius:6px;overflow-x:auto;margin:.75em 0}.chat-message--assistant .chat-message__text pre code{background-color:transparent;padding:0}.chat-message--assistant .chat-message__text blockquote{border-left:3px solid var(--accent-color, #6366f1);margin:.75em 0;padding-left:1em;color:var(--text-secondary, #6b7280)}.chat-message--user .chat-message__text{white-space:pre-wrap}.chat-message__tools{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.chat-message__inline-content{display:flex;flex-direction:column;gap:0}.chat-message__inline-content .chat-message__tools{margin-bottom:8px;margin-top:4px}.chat-message__inline-content .chat-message__text{margin-bottom:0}.chat-message--assistant .chat-message__text:empty:after{content:"";display:inline-block;width:8px;height:8px;background-color:var(--accent-color, #6366f1);border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.chat-input{padding:16px;background-color:var(--bg-primary, #ffffff);border-top:1px solid var(--border-color, #e5e7eb)}.chat-input__container{display:flex;align-items:flex-end;gap:12px;max-width:800px;margin:0 auto;padding:8px 12px;background-color:var(--bg-secondary, #f9fafb);border-radius:12px;border:1px solid var(--border-color, #e5e7eb)}.chat-input__container:focus-within{border-color:var(--accent-color, #6366f1);box-shadow:0 0 0 2px #6366f11a}.chat-input__textarea{flex:1;min-height:24px;max-height:200px;padding:8px 0;border:none;background:transparent;font-family:inherit;font-size:15px;line-height:1.5;color:var(--text-primary, #1a1a1a);resize:none;outline:none}.chat-input__textarea::placeholder{color:var(--text-tertiary, #9ca3af)}.chat-input__textarea:disabled{cursor:not-allowed;opacity:.6}.chat-input__actions{flex-shrink:0;display:flex;align-items:center;padding-bottom:4px}.chat-input__button{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.chat-input__button--send{width:36px;height:36px;padding:0;background-color:var(--accent-color, #6366f1);color:#fff}.chat-input__button--send:hover:not(:disabled){background-color:var(--accent-color-hover, #4f46e5)}.chat-input__button--send:disabled{opacity:.4;cursor:not-allowed}.chat-input__button--cancel{background-color:var(--error-color, #ef4444);color:#fff}.chat-input__button--cancel:hover{background-color:var(--error-color-hover, #dc2626)}.chat-input__button-icon{font-size:16px}.chat-input__button-text{display:none}@media (min-width: 640px){.chat-input__button--cancel .chat-input__button-text{display:inline}}.chat-input__error{max-width:800px;margin:8px auto 0;font-size:13px;color:var(--error-color, #ef4444);text-align:center}.chat-input__hint{max-width:800px;margin:8px auto 0;font-size:12px;color:var(--text-tertiary, #9ca3af);text-align:center}.chat-view{display:flex;flex-direction:column;height:100%;background-color:var(--bg-primary, #ffffff)}.chat-view__messages{flex:1;overflow-y:auto;padding:24px 16px}.chat-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-secondary, #6b7280)}.chat-view__loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--accent-color, #6366f1);border-radius:50%;animation:spin .8s linear infinite}.chat-view__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center;color:var(--error-color, #ef4444)}.chat-view__error-detail{margin-top:8px;font-size:14px;color:var(--text-secondary, #6b7280)}.chat-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;max-width:500px;margin:0 auto;padding:24px;text-align:center}.chat-view__empty-icon{width:48px;height:48px;margin-bottom:16px;color:var(--accent-color, #6366f1)}.chat-view__empty-icon svg{width:100%;height:100%}.chat-view__empty-title{font-size:24px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 8px}.chat-view__empty-text{font-size:16px;color:var(--text-secondary, #6b7280);line-height:1.5;margin:0 0 24px}.chat-view__empty-examples{text-align:left;padding:16px;background-color:var(--bg-secondary, #f9fafb);border-radius:12px;width:100%}.chat-view__empty-examples-label{font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);margin:0 0 8px}.chat-view__empty-examples ul{margin:0;padding:0 0 0 20px}.chat-view__empty-examples li{font-size:14px;color:var(--text-primary, #1a1a1a);margin-bottom:4px}.chat-view__empty-examples li:last-child{margin-bottom:0}.chat-view__streaming-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:var(--text-secondary, #6b7280)}.chat-view__streaming-dot{width:8px;height:8px;background-color:var(--accent-color, #6366f1);border-radius:50%;animation:pulse 1s infinite}.chat-view__error-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;margin:16px auto;max-width:500px;background-color:var(--error-bg, #fef2f2);border-radius:8px;color:var(--error-color, #ef4444);font-size:14px}.chat-view__retry-button{padding:6px 12px;background-color:var(--error-color, #ef4444);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.chat-view__retry-button:hover{background-color:var(--error-color-hover, #dc2626)}.chat-view__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}.chat-sidebar{display:flex;flex-direction:column;width:280px;height:100%;background-color:var(--bg-secondary, #f9fafb);border-right:1px solid var(--border-color, #e5e7eb);transition:width .2s ease}.chat-sidebar__header{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.chat-sidebar__collapse-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:background-color .2s,color .2s;flex-shrink:0}.chat-sidebar__collapse-toggle:hover{background-color:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1a1a1a)}.chat-sidebar__collapse-toggle:focus{outline:2px solid var(--accent-color, #6366f1);outline-offset:-2px}.chat-sidebar__collapse-icon{transition:transform .2s ease}.chat-sidebar__collapse-icon--collapsed{transform:rotate(180deg)}.chat-sidebar__title{flex:1;font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0;white-space:nowrap;overflow:hidden}.chat-sidebar__new-button{display:flex;align-items:center;gap:4px;padding:6px 12px;background-color:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s;flex-shrink:0}.chat-sidebar__new-button:hover{background-color:var(--accent-color-hover, #4f46e5)}.chat-sidebar__new-button:focus{outline:2px solid var(--accent-color, #6366f1);outline-offset:2px}.chat-sidebar__new-button-icon{font-size:14px;line-height:1}.chat-sidebar__list{flex:1;overflow-y:auto;padding:8px}.chat-sidebar__loading{display:flex;flex-direction:column;gap:8px}.chat-sidebar__skeleton{height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.chat-sidebar__error{padding:16px;text-align:center;color:var(--error-color, #ef4444);font-size:14px}.chat-sidebar__retry{margin-top:8px;padding:6px 12px;background-color:var(--error-color, #ef4444);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.chat-sidebar__retry:hover{background-color:var(--error-color-hover, #dc2626)}.chat-sidebar__empty{padding:24px 16px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.chat-sidebar__empty p{margin:0}.chat-sidebar__empty-hint{margin-top:4px!important;font-size:12px;color:var(--text-tertiary, #9ca3af)}.chat-sidebar__item{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:background-color .2s}.chat-sidebar__item:hover{background-color:var(--bg-hover, #f3f4f6)}.chat-sidebar__item--selected,.chat-sidebar__item--selected:hover{background-color:var(--accent-color-light, #eef2ff)}.chat-sidebar__item:focus{outline:2px solid var(--accent-color, #6366f1);outline-offset:-2px}.chat-sidebar__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.chat-sidebar__item-preview{font-size:14px;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sidebar__item-time{font-size:12px;color:var(--text-tertiary, #9ca3af)}.chat-sidebar__item-delete{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;font-size:18px;color:var(--text-tertiary, #9ca3af);cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s,color .2s}.chat-sidebar__item:hover .chat-sidebar__item-delete{opacity:1}.chat-sidebar__item-delete:hover{background-color:var(--error-bg, #fef2f2);color:var(--error-color, #ef4444)}.chat-sidebar__item-delete:disabled{opacity:.3;cursor:not-allowed}.chat-sidebar--collapsed{width:60px}.chat-sidebar--collapsed .chat-sidebar__header{flex-direction:column;padding:12px 8px;gap:12px}.chat-sidebar--collapsed .chat-sidebar__title{display:none}.chat-sidebar--collapsed .chat-sidebar__new-button{width:36px;height:36px;padding:0;justify-content:center}.chat-sidebar--collapsed .chat-sidebar__new-button-text,.chat-sidebar--collapsed .chat-sidebar__list{display:none}@media (max-width: 768px){.chat-sidebar{display:none}}@media (prefers-reduced-motion: reduce){.chat-sidebar,.chat-sidebar__collapse-icon{transition:none}}.mobile-drawer__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;animation:mobileDrawerFadeIn .15s ease-out}@keyframes mobileDrawerFadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:calc(100vw - 48px);background-color:var(--bg-secondary, #f9fafb);z-index:1001;display:flex;flex-direction:column;animation:mobileDrawerSlideIn .3s ease-out;box-shadow:4px 0 20px #00000026}@keyframes mobileDrawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.mobile-drawer__title{font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0}.mobile-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #6b7280);cursor:pointer;transition:background-color .2s,color .2s}.mobile-drawer__close:hover{background-color:var(--bg-hover, #f3f4f6);color:var(--text-primary, #1a1a1a)}.mobile-drawer__close:focus{outline:2px solid var(--accent-color, #6366f1);outline-offset:-2px}.mobile-drawer__new-button{margin:12px 16px;padding:10px 16px;background-color:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.mobile-drawer__new-button:hover{background-color:var(--accent-color-hover, #4f46e5)}.mobile-drawer__new-button:focus{outline:2px solid var(--accent-color, #6366f1);outline-offset:2px}.mobile-drawer__list{flex:1;overflow-y:auto;padding:8px}.mobile-drawer__loading{display:flex;flex-direction:column;gap:8px}.mobile-drawer__skeleton{height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:mobileDrawerShimmer 1.5s infinite;border-radius:8px}@keyframes mobileDrawerShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-drawer__error{padding:16px;text-align:center;color:var(--error-color, #ef4444);font-size:14px}.mobile-drawer__retry{margin-top:8px;padding:6px 12px;background-color:var(--error-color, #ef4444);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.mobile-drawer__retry:hover{background-color:var(--error-color-hover, #dc2626)}.mobile-drawer__empty{padding:24px 16px;text-align:center;color:var(--text-secondary, #6b7280);font-size:14px}.mobile-drawer__empty p{margin:0}.mobile-drawer__empty-hint{margin-top:4px!important;font-size:12px;color:var(--text-tertiary, #9ca3af)}.mobile-drawer__item{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:background-color .2s}.mobile-drawer__item:hover{background-color:var(--bg-hover, #f3f4f6)}.mobile-drawer__item--selected,.mobile-drawer__item--selected:hover{background-color:var(--accent-color-light, #eef2ff)}.mobile-drawer__item:focus{outline:2px solid var(--accent-color, #6366f1);outline-offset:-2px}.mobile-drawer__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mobile-drawer__item-preview{font-size:14px;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer__item-time{font-size:12px;color:var(--text-tertiary, #9ca3af)}.mobile-drawer__item-delete{flex-shrink:0;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;font-size:20px;color:var(--text-tertiary, #9ca3af);cursor:pointer;transition:background-color .2s,color .2s}.mobile-drawer__item-delete:hover{background-color:var(--error-bg, #fef2f2);color:var(--error-color, #ef4444)}.mobile-drawer__item-delete:disabled{opacity:.3;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.mobile-drawer,.mobile-drawer__overlay{animation:none}}.chat-page{display:flex;height:100%;overflow:hidden}.chat-page__main{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-page__mobile-header{display:none}.chat-page__hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;color:var(--text-primary, #1a1a1a);cursor:pointer;transition:background-color .2s,border-color .2s;flex-shrink:0}.chat-page__hamburger:hover{background-color:var(--bg-secondary, #f9fafb);border-color:var(--text-tertiary, #9ca3af)}.chat-page__hamburger:focus{outline:2px solid var(--accent-color, #6366f1);outline-offset:2px}.chat-page__mobile-title{font-size:16px;font-weight:600;color:var(--text-primary, #1a1a1a)}@media (max-width: 768px){.chat-page__mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color, #e5e7eb);background-color:var(--bg-primary, #ffffff)}.chat-page__main{width:100%}}.chat-error-boundary{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;background-color:var(--bg-primary, #ffffff)}.chat-error-boundary__content{display:flex;flex-direction:column;align-items:center;max-width:400px;text-align:center}.chat-error-boundary__icon{font-size:48px;margin-bottom:16px}.chat-error-boundary__title{font-size:24px;font-weight:600;color:var(--text-primary, #1a1a1a);margin:0 0 8px}.chat-error-boundary__message{font-size:16px;color:var(--text-secondary, #6b7280);line-height:1.5;margin:0 0 24px}.chat-error-boundary__details{width:100%;margin-bottom:24px;padding:12px;background-color:var(--bg-secondary, #f9fafb);border-radius:8px;text-align:left}.chat-error-boundary__details summary{font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer}.chat-error-boundary__details pre{margin:8px 0 0;padding:8px;font-size:12px;color:var(--error-color, #ef4444);background-color:var(--error-bg, #fef2f2);border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.chat-error-boundary__button{padding:12px 24px;background-color:var(--accent-color, #6366f1);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.chat-error-boundary__button:hover{background-color:var(--accent-color-hover, #4f46e5)}.discover-page{display:flex;flex-direction:column;max-width:900px;height:calc(100vh - 60px);margin:0 auto;padding:2rem 1rem 0}.discover-content{flex:1;display:flex;flex-direction:column;min-height:0}.discover-search-view{flex:1;overflow-y:auto;padding-bottom:2rem}.discover-chat-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.discover-loading{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:2rem auto}.discover-loading-skeleton{height:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.discover-loading-text{text-align:center;color:#888;font-size:.875rem;font-style:italic}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.discover-empty-collection{text-align:center;padding:3rem 1rem;background-color:#f8fafc;border-radius:8px;max-width:600px;margin:2rem auto}.discover-empty-collection h3{font-size:1.25rem;font-weight:600;color:#475569;margin:0 0 .5rem}.discover-empty-collection p{margin:0;font-size:.875rem;color:#64748b;line-height:1.5}.discover-no-results{text-align:center;padding:3rem 1rem;color:#666}.discover-no-results h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.discover-no-results p{margin:0;font-size:.875rem}.discover-error-retry{text-align:center;padding:2rem;background-color:#fef2f2;border-radius:8px;max-width:600px;margin:2rem auto}.discover-error-retry p{color:#dc2626;margin:0 0 1rem}.discover-retry-button{padding:.75rem 1.5rem;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.discover-retry-button:hover{background-color:#b91c1c}.discover-accordion-loading,.discover-accordion-error,.discover-accordion-empty{padding:1rem;text-align:center;color:#666;font-size:.875rem}.discover-accordion-error{color:#dc2626}.discover-accordion-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.discover-accordion-section{display:flex;flex-direction:column;gap:.5rem}.discover-accordion-section-title{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0;text-transform:uppercase;letter-spacing:.05em}.discover-accordion-interpretation{font-size:.9375rem;line-height:1.6;color:#444;margin:0}.discover-accordion-lyrics{font-size:.875rem;line-height:1.8;color:#555;margin:0;white-space:pre-wrap;font-family:inherit;max-height:300px;overflow-y:auto;padding:1rem;background-color:#fff;border-radius:6px;border:1px solid #eee}.discover-accordion-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.discover-feature-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #eee}.discover-feature-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.03em}.discover-feature-value{font-size:1rem;font-weight:600;color:#1a1a1a}.discover-accordion-instrumental{padding:.75rem 1rem;background-color:#f0f9ff;color:#0369a1;border-radius:6px;font-size:.875rem;font-style:italic}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem}.auth-container{width:100%;max-width:480px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:2rem;box-shadow:0 8px 32px #0000004d}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.auth-beta-badge{display:inline-block;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}.auth-content{color:#e0e0e0}.auth-content h2{color:#fff;font-size:1.5rem;margin:0 0 1rem;text-align:center}.auth-content p{line-height:1.6;margin:0 0 1rem;text-align:center}.auth-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.auth-footer p{color:#ffffff80;font-size:.75rem;margin:0}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#e0e0e0}.auth-loading .spinner,.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.spinner--small{width:16px;height:16px;border-width:2px;margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#e94560,#ff6b6b);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.auth-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #e9456066}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.auth-button--secondary:hover{background:#ffffff26;box-shadow:0 4px 20px #ffffff1a}.auth-error{background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:8px;padding:1rem;margin:1rem 0;color:#ff6b6b;text-align:center}.auth-features{list-style:none;padding:0;margin:1.5rem 0}.auth-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#e0e0e0}.auth-features li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e9456033;color:#e94560;border-radius:50%;font-size:.75rem;font-weight:700}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.error-boundary-content{max-width:600px;text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error-boundary-title{font-size:2rem;font-weight:700;color:#c00;margin-bottom:1rem}.error-boundary-message{font-size:1.125rem;color:#666;margin-bottom:2rem;line-height:1.5}.error-boundary-actions{display:flex;gap:1rem;justify-content:center}.error-boundary-retry-button,.error-boundary-home-button{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.error-boundary-retry-button{background:#06c;color:#fff}.error-boundary-retry-button:hover{background:#0052a3}.error-boundary-home-button{background:#f0f0f0;color:#333;border:2px solid #ddd}.error-boundary-home-button:hover{background:#e0e0e0}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}