:root{--primary-bg: #1a1a1a;--secondary-bg: #2d2d2d;--accent-primary: #228B22;--text-primary: #ccc;--text-secondary: #cccccc;--border-base: #404040;--success: #32CD32;--warning: #FFA500;--error: #f44336;--real-data: #00ff00;--ref-green: #228B22;--ref-orange: #FF8C00;--ref-blue: #6495ED;--ref-purple: #DD88FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--primary-bg, #1a1a1a);color:var(--text-primary, #ccc);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary, #ccc);margin-bottom:.75rem;line-height:1.3;padding-bottom:.25rem}h1{font-size:2rem;border-bottom:2px solid var(--ref-orange)}h2{font-size:1.75rem;border-bottom:2px solid var(--ref-blue)}h3{font-size:1.5rem;border-bottom:2px solid var(--ref-green)}p{margin-bottom:1rem}a{color:var(--ref-blue);text-decoration:none;border-bottom:1px dotted var(--ref-blue)}a:hover{color:#fff;border-bottom-color:#fff}ul,ol{padding-left:1.5rem;margin-bottom:1rem}li{margin-bottom:.5rem}blockquote{margin:1rem 0;padding:1rem;border-left:4px solid var(--ref-purple);font-style:italic}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--primary-bg, #1a1a1a)}::-webkit-scrollbar-thumb{background:var(--border-base, #404040)}::-webkit-scrollbar-thumb:hover{background:var(--ref-green, #228B22)}.app-container{display:grid;grid-template-areas:"header" "conversation" "discovery" "curation";grid-template-rows:auto 1fr auto auto;min-height:100vh;gap:1rem;padding:1rem}@media (min-width: 768px){.app-container{grid-template-areas:"header header" "conversation discovery" "conversation curation";grid-template-columns:1fr 1fr;padding:1.5rem}}@media (min-width: 1024px){.app-container{grid-template-areas:"header header header" "conversation discovery curation" "conversation discovery curation";grid-template-columns:1fr 1fr 1fr;max-width:1400px;margin:0 auto;padding:2rem}}.conversation-panel{grid-area:conversation;border:1px solid var(--border-base);display:flex;flex-direction:column;min-height:400px}.conversation-header{padding:1rem;border-bottom:2px solid var(--ref-green);display:flex;align-items:center;gap:.5rem}.ai-status-indicator{width:12px;height:12px;background:var(--success)}.conversation-messages{flex:1;overflow-y:auto;padding:1rem;scroll-behavior:smooth}.message{margin-bottom:1rem;padding:.75rem}.message.user{border-left:3px solid var(--ref-blue);margin-left:2rem}.message.ai{border-left:3px solid var(--ref-green);margin-right:2rem}.conversation-input{border-top:1px solid var(--border-base);padding:1rem}.conversation-input textarea{width:100%;min-height:80px;background:var(--primary-bg);color:var(--text-primary);border:1px solid var(--border-base);border-bottom:2px solid var(--ref-green);padding:.75rem;resize:vertical;font-family:inherit;font-size:.95rem;line-height:1.4}.conversation-input textarea:focus{outline:none;border-color:var(--accent-primary)}.discovery-panel{grid-area:discovery;border:1px solid var(--border-base);display:flex;flex-direction:column}.discovery-header{padding:1rem;border-bottom:2px solid var(--ref-blue);display:flex;justify-content:space-between;align-items:center}.discovery-progress{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.progress-stage{padding:.25rem .5rem;font-weight:600;font-size:.8rem}.progress-stage.active{background:var(--accent-primary);color:#fff}.progress-stage.completed{background:var(--success);color:#fff}.progress-stage.pending{background:var(--border-base);color:var(--text-secondary)}.track-list{flex:1;overflow-y:auto;padding:1rem}.discovery-tracks{padding:1rem;border:1px solid var(--border-base);max-height:400px;overflow-y:auto}.track-item{display:grid;grid-template-columns:1fr auto;align-items:center;padding:.75rem;margin-bottom:1px;background:var(--primary-bg);border-left:3px solid transparent}.track-item:hover{border-left-color:var(--border-base)}.track-item.liked{border-left-color:var(--ref-green)}.track-item.seed{border-left-color:var(--ref-blue)}.track-item.protected{border-left-color:var(--ref-orange)}.track-info{display:flex;flex-direction:column;gap:.25rem}.track-title{font-weight:600;color:var(--text-primary)}.track-artist{font-size:.9rem;color:var(--text-secondary)}.track-genre{font-size:.8rem;color:var(--text-secondary);opacity:.7}.track-actions{display:flex;gap:.5rem}.track-actions .ref-link{font-size:.9rem;padding:.25rem .5rem;border:1px solid transparent}.track-actions .ref-link:hover{border-color:currentColor}.autocomplete-panel{background:#228b221a;border:1px solid var(--ref-green);padding:1rem;margin:1rem 0}.autocomplete-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--ref-green);font-weight:600}.math-formula{font-family:Monaco,Consolas,monospace;background:var(--primary-bg);padding:.5rem;margin:.5rem 0;border-left:3px solid var(--ref-green)}.playlist-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;margin-top:.75rem}.playlist-card{background:var(--primary-bg);padding:.75rem;border-top:2px solid var(--ref-purple);font-size:.85rem}.oauth-panel{border:1px solid var(--border-base);padding:1.5rem;text-align:center}.oauth-panel.import-phase{border-color:var(--ref-blue)}.oauth-panel.offline-phase{border-color:var(--ref-green)}.oauth-panel.export-phase{border-color:var(--ref-orange)}.session-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;margin-bottom:1rem}.session-indicator.import{background:#6495ed33;color:var(--ref-blue);border:1px solid var(--ref-blue)}.session-indicator.offline{background:#228b2233;color:var(--ref-green);border:1px solid var(--ref-green)}.session-indicator.export{background:#ff8c0033;color:var(--ref-orange);border:1px solid var(--ref-orange)}.auto-logout-timer{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.ref-link{color:inherit;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:1px}.ref-link.primary{border-bottom-color:var(--ref-green)}.ref-link.navigation{border-bottom-color:var(--ref-orange)}.ref-link.info{border-bottom-color:var(--ref-blue)}.ref-link.ai{border-bottom-color:var(--ref-purple)}.ref-link:hover{color:#fff;border-bottom-width:3px}.liner-notes-container{grid-area:curation;border:1px solid var(--border-base);padding:1.5rem 2rem;color:var(--text-primary);height:100%;overflow-y:auto}.liner-notes-container h1{border-bottom-color:var(--ref-orange)}.liner-notes-container h2{border-bottom-color:var(--ref-blue)}.liner-notes-container h3{border-bottom-color:var(--ref-green)}.liner-notes-container .discovery-story blockquote{border-left-color:var(--ref-purple);font-style:italic;color:var(--text-secondary)}.liner-notes-container .key-discoveries ul{list-style-type:none;padding-left:0}.liner-notes-container .key-discoveries li{padding:.5rem;border-left:3px solid var(--ref-green);background:var(--primary-bg);margin-bottom:.5rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-base{font-size:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}@media (min-width: 768px){.text-xl{font-size:1.5rem}.text-lg{font-size:1.25rem}}@media (min-width: 1024px){.text-xl{font-size:1.75rem}.text-lg{font-size:1.375rem}}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.track-item{padding:1rem .75rem}.conversation-input textarea{font-size:16px}}.focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (prefers-contrast: high){:root{--border-base: #666;--text-primary: #fff;--text-secondary: #eee}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.phase-indicator{display:flex;gap:.5rem;font-size:.8rem}.phase-stage{padding:.25rem .5rem;border:1px solid var(--border-base);color:var(--text-secondary)}.phase-stage.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.app-container[data-phase=import]{grid-template-areas:"header" "oauth";grid-template-rows:auto 1fr}.app-container[data-phase=offline]{grid-template-areas:"header" "conversation" "discovery";grid-template-rows:auto 1fr 1fr}@media (min-width: 768px){.app-container[data-phase=offline]{grid-template-areas:"header header" "conversation discovery";grid-template-columns:1fr 1fr}}.app-container[data-phase=export]{grid-template-areas:"header" "export" "liner-notes";grid-template-rows:auto auto 1fr}.seeds-section{border-bottom:1px solid var(--border-base);padding:1rem}.seeds-section h3{font-size:.9rem;margin-bottom:.5rem;color:var(--text-secondary)}.seeds-section.hidden{display:none}.seed-list{display:flex;flex-wrap:wrap;gap:.5rem}.seed-item{background:var(--primary-bg);border:1px solid var(--ref-blue);padding:.5rem;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.seed-item .remove-seed{color:var(--ref-orange);cursor:pointer;font-weight:700}.seed-item .remove-seed:hover{color:#fff}.interaction-counter{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:1rem}.pool-controls{display:flex;gap:.5rem;font-size:.8rem}.oauth-panel{grid-area:oauth}.import-status{margin-top:1rem;padding:1rem;border:1px solid var(--ref-blue)}.import-progress{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.export-panel{grid-area:export;border:1px solid var(--border-base);padding:1.5rem}.final-results{text-align:center}.suggested-seed{color:var(--ref-blue);border-bottom:1px dotted var(--ref-blue);cursor:pointer;padding:.125rem .25rem;margin:0 .125rem}.suggested-seed:hover{color:#fff;border-bottom-color:#fff;background:#6495ed1a}.suggested-seed.added{color:var(--ref-green);border-bottom-color:var(--ref-green);background:#228b221a}.current-seeds{color:var(--ref-blue);font-weight:600}.suggested-seed[data-curation]{color:var(--ref-purple);border-bottom-color:var(--ref-purple);font-weight:500}.suggested-seed[data-curation]:hover{color:#fff;border-bottom-color:#fff;background:#dd88ff1a}.suggested-seed[data-curation].added{color:var(--ref-purple);border-bottom-color:var(--ref-purple);background:#d8f3}.no-seeds{color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center;border-left:3px solid var(--border-base)}.loading-message{color:var(--text-secondary);padding:1rem;text-align:center;font-style:italic}.pool-info{padding:.75rem;border-top:1px solid var(--border-base);font-size:.9rem;color:var(--text-secondary);text-align:center}@media (max-width: 767px){.track-item{grid-template-columns:1fr;grid-gap:.5rem;padding:1rem .75rem}.track-actions{justify-self:start;margin-top:.5rem}.seeds-container{max-height:150px}}.curation-preferences{border:1px solid var(--border-base);padding:1rem;margin:1rem 0}.curation-preferences h3{margin-bottom:.75rem;border-bottom:1px solid var(--ref-purple)}.suggested-seed{border-bottom:2px solid transparent;cursor:pointer;padding:.25rem 0}.suggested-seed[data-curation=artist-focused]{border-bottom-color:var(--ref-green)}.suggested-seed[data-curation=genre-balanced]{border-bottom-color:var(--ref-blue)}.suggested-seed[data-curation=diversity-wide]{border-bottom-color:var(--ref-purple)}.suggested-seed:hover{color:#fff;border-bottom-width:3px}