:root{--color-bg:#0a0a1a;--color-bg-surface:#12122a;--color-bg-elevated:#1a1a3e;--color-bg-input:#0f0f25;--color-text-primary:#e8e8f0;--color-text-secondary:#88a;--color-text-muted:#557;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-glow:#6366f14d;--color-seed-star:gold;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-error:#ef4444;--color-success:#22c55e;--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-glow:0 0 20px #6366f126;--shadow-glow-strong:0 0 40px #6366f140;--shadow-card:0 4px 24px #0006;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);line-height:1.5}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}button{cursor:pointer}button,input{background:none;border:none;color:inherit;font-family:inherit}input{outline:none}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.landing-page{flex-direction:column;height:100%;overflow:hidden;width:100%}.app-header,.landing-page{display:flex;position:relative}.app-header{align-items:center;justify-content:space-between;padding:16px 24px;z-index:10}.header-left{align-items:center;display:flex;gap:12px}.header-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.header-back{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;padding:6px;transition:color var(--transition-fast)}.header-back:hover{color:var(--color-text-primary)}.header-right{align-items:center;display:flex;gap:12px}.header-badge{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.8rem;padding:4px 12px}.landing-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:32px;justify-content:center;overflow-y:auto;padding:0 24px 60px;position:relative;z-index:10}.landing-hero{max-width:540px;text-align:center}.hero-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:12px}.hero-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent),#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text}.hero-tagline{color:var(--color-text-secondary);font-size:1.15rem;font-style:italic;margin-bottom:8px}.hero-description{color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.landing-input-section{display:flex;flex-direction:column;gap:20px;max-width:520px;width:100%}.generate-section{flex-direction:column}.generate-button,.generate-section{align-items:center;display:flex;gap:8px}.generate-button{border-radius:var(--radius-full);font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.01em;padding:14px 36px;transition:all var(--transition-normal)}.generate-button.ready{background:var(--color-accent);box-shadow:var(--shadow-glow);color:#fff}.generate-button.ready:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.generate-button.disabled{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.generate-icon{align-items:center;display:flex}.generate-helper{color:var(--color-text-muted);font-size:.8rem;text-align:center;transition:color var(--transition-normal)}.generate-helper.helper-ready{color:var(--color-text-secondary)}.landing-bg-stars{background-image:radial-gradient(1px 1px at 10% 20%,#ffffff4d,#0000),radial-gradient(1px 1px at 30% 60%,#fff3,#0000),radial-gradient(1px 1px at 50% 10%,#ffffff40,#0000),radial-gradient(1.5px 1.5px at 70% 40%,#ffffff26,#0000),radial-gradient(1px 1px at 80% 80%,#ffffff4d,#0000),radial-gradient(1px 1px at 15% 85%,#fff3,#0000),radial-gradient(1.5px 1.5px at 90% 15%,#ffffff26,#0000),radial-gradient(1px 1px at 40% 90%,#ffffff40,#0000),radial-gradient(1px 1px at 65% 70%,#fff3,#0000),radial-gradient(1px 1px at 25% 45%,#ffffff26,#0000),radial-gradient(1.5px 1.5px at 55% 50%,#ffffff1a,#0000),radial-gradient(1px 1px at 85% 55%,#fff3,#0000);inset:0;pointer-events:none;position:absolute;z-index:1}@media (max-width:600px){.hero-title{font-size:1.8rem}.landing-content{padding:0 16px 40px}}.artist-search{position:relative;width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--color-text-muted);height:18px;left:14px;pointer-events:none;position:absolute;width:18px}.search-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;padding:14px 14px 14px 42px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.search-spinner{animation:spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:16px;position:absolute;right:14px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.search-dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);left:0;list-style:none;max-height:320px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.search-result{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:background var(--transition-fast)}.search-result.highlighted,.search-result:hover{background:#ffffff0f}.result-image{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.result-image-placeholder{align-items:center;background:var(--color-bg-surface);color:var(--color-text-muted);display:flex;font-size:1rem;font-weight:600;justify-content:center}.result-info{display:flex;flex-direction:column;min-width:0}.result-name{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.result-genres,.result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-genres{color:var(--color-text-muted);font-size:.75rem}.search-loading{color:var(--color-text-muted);font-size:.85rem;padding:16px;text-align:center}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.artist-chip{align-items:center;animation:chipFadeIn .2s ease;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);display:flex;gap:8px;padding:4px 8px 4px 4px}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chip-image{border-radius:50%;flex-shrink:0;height:24px;object-fit:cover;width:24px}.chip-image-placeholder{align-items:center;background:var(--color-bg-elevated);color:var(--color-text-muted);display:flex;font-size:.65rem;font-weight:600;justify-content:center}.chip-name{color:var(--color-text-primary);font-size:.8rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-remove{align-items:center;border-radius:50%;color:var(--color-text-muted);display:flex;font-size:.85rem;height:18px;justify-content:center;line-height:1;transition:all var(--transition-fast);width:18px}.chip-remove:hover{background:#ffffff1a;color:var(--color-text-primary)}.saved-maps-section{max-width:520px;width:100%}.saved-maps-title{color:var(--color-text-secondary);font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.saved-maps-list{display:flex;flex-direction:column;gap:8px}.saved-map-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:14px 16px;transition:all var(--transition-normal)}.saved-map-card:hover{background:#ffffff0a;background:var(--color-bg-elevated,#ffffff0a);border-color:#ffffff2e;border-color:var(--color-border-hover,#ffffff2e)}.saved-map-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.saved-map-name{color:var(--color-text-primary);flex:1 1;font-family:var(--font-display);font-size:.85rem;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-map-delete{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.saved-map-delete:hover{background:#ffffff0f;color:var(--color-text-secondary)}.saved-map-delete.confirm{background:#ef44441f;color:#ef4444}.saved-map-seeds{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.saved-map-seed-name{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:100px;color:var(--color-text-secondary);font-size:.7rem;padding:2px 8px}.saved-map-seed-more{padding:2px 6px}.saved-map-card-meta,.saved-map-seed-more{color:var(--color-text-muted);font-size:.7rem}.saved-map-card-meta{align-items:center;display:flex;gap:4px}.saved-map-dot{opacity:.5}.loading-container{align-items:center;background:var(--color-bg);display:flex;height:100%;justify-content:center;position:relative;width:100%}.loading-canvas{height:100%;inset:0;position:absolute;width:100%}.loading-overlay{padding:0 24px;position:relative;text-align:center;z-index:10}.loading-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.loading-message{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:20px;min-height:1.4em}.loading-progress-bar{background:#ffffff14;border-radius:2px;height:3px;margin:0 auto;overflow:hidden;width:240px}.loading-progress-fill{background:linear-gradient(90deg,var(--color-accent),#a78bfa);border-radius:2px;height:100%;transition:width .3s ease}.detail-panel{animation:slideIn .25s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0c20f2;border-left:1px solid var(--color-border);bottom:0;max-width:90vw;overflow-y:auto;position:absolute;right:0;top:0;width:320px;z-index:30}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.panel-close{border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:8px;position:absolute;right:12px;top:12px;transition:color var(--transition-fast);z-index:5}.panel-close:hover{color:var(--color-text-primary)}.panel-content{align-items:center;display:flex;flex-direction:column;gap:16px;padding:48px 24px 24px}.panel-artist-image-wrapper{border:2px solid var(--color-border);border-radius:50%;box-shadow:0 0 30px #6366f126;height:120px;overflow:hidden;width:120px}.panel-artist-image{height:100%;object-fit:cover;width:100%}.panel-image-placeholder{align-items:center;background:var(--color-bg-surface);color:var(--color-text-muted);display:flex;font-size:2.5rem;font-weight:600;justify-content:center}.panel-artist-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;text-align:center}.panel-type-badge{border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.badge-seed{background:#ffd70026;color:gold}.badge-rec{background:var(--color-accent-glow);color:var(--color-accent-hover)}.badge-gem{background:#64dcc826;color:#64dcc8}.badge-chain{background:#b48cff26;color:#b48cff}.panel-discovery-note{color:var(--color-text-muted);font-size:.68rem;font-style:italic;text-align:center}.panel-listeners{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.02em;text-align:center}.panel-score{align-items:center;display:flex;gap:8px;width:100%}.score-label{color:var(--color-text-muted);font-size:.75rem;white-space:nowrap}.score-bar{background:#ffffff0f;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg,var(--color-accent),#a78bfa);border-radius:2px;height:100%;transition:width .3s ease}.score-bar-fill-gem{background:linear-gradient(90deg,#4db8a4,#64dcc8)}.score-value{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;min-width:32px;text-align:right}.panel-related{width:100%}.related-label{color:var(--color-text-muted);display:block;font-size:.75rem;margin-bottom:6px}.related-names{display:flex;flex-wrap:wrap;gap:4px}.related-name-tag{background:#ffd7001a;border-radius:var(--radius-full);color:#ffd700cc;font-size:.72rem;padding:2px 8px}.panel-genres{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.genre-tag{background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.72rem;padding:3px 10px}.panel-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px;width:100%}.panel-play-btn{align-items:center;background:var(--color-accent);border-radius:var(--radius-md);color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:background var(--transition-fast);width:100%}.panel-play-btn:hover{background:var(--color-accent-hover)}.panel-external-link{border:1px solid #1db954;border-radius:var(--radius-md);color:#1db954;display:block;font-size:.8rem;padding:8px;text-align:center;text-decoration:none;transition:all var(--transition-fast)}.panel-external-link:hover{background:#1db95426;border-color:#1ed760;color:#fff}.panel-add-seed-button{align-items:center;background:#ffd7001a;border:1px solid #ffd70040;border-radius:var(--radius-md);color:gold;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all var(--transition-fast);width:100%}.panel-add-seed-button:hover{background:#ffd70033;border-color:#ffd70066;box-shadow:0 0 12px #ffd70026}.panel-audio-player{display:flex;flex-direction:column;gap:8px;width:100%}.panel-track-info{align-items:center;display:flex;gap:10px}.panel-track-album{border-radius:var(--radius-sm);flex-shrink:0;height:48px;object-fit:cover;width:48px}.panel-track-details{display:flex;flex-direction:column;min-width:0}.panel-track-name{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.panel-track-album-name,.panel-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-track-album-name{color:var(--color-text-muted);font-size:.72rem}.panel-audio-element{border-radius:var(--radius-md);height:36px;outline:none;width:100%}.panel-audio-element::-webkit-media-controls-panel{background:#ffffff0d;border-radius:var(--radius-md)}.panel-loading-track,.panel-no-preview{color:var(--color-text-muted);font-size:.8rem;padding:10px;text-align:center}@media (max-width:480px){.detail-panel{-webkit-overflow-scrolling:touch;border-left:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-border);bottom:0;height:auto;max-height:40vh;max-width:100%;overflow-y:auto;top:auto;width:100%}.panel-content{gap:12px;padding:36px 20px 20px}.panel-artist-image-wrapper{height:80px;width:80px}.panel-artist-name{font-size:1.1rem}}.galaxy-view{background:var(--color-bg);height:100%;overflow:hidden;position:relative;width:100%}.galaxy-header-overlay{background:linear-gradient(180deg,#0a0a1ae6 0,#0a0a1a80 70%,#0000);left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:20}.galaxy-header-overlay>*{pointer-events:auto}.reset-zoom-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0f23b3;border:1px solid #ffffff1f;border-radius:8px;border-radius:var(--radius-md,8px);bottom:20px;color:#fff9;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:absolute;transition:all .2s ease;width:40px;z-index:20}.reset-zoom-button:hover{background:#191937d9;border-color:#ffffff40;color:#ffffffe6}.reset-zoom-button:active{transform:scale(.95)}.info-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0f23b3;border:1px solid #ffffff1f;border-radius:8px;border-radius:var(--radius-md,8px);bottom:20px;color:#fff9;cursor:pointer;display:flex;height:40px;justify-content:center;left:70px;position:absolute;transition:all .2s ease;width:40px;z-index:20}.info-button:hover{background:#191937d9;border-color:#ffffff40;color:#ffffffe6}.info-button:active{transform:scale(.95)}.galaxy-info-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.galaxy-info-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0c0c20f2;border:1px solid #ffffff1a;border-radius:20px;border-radius:var(--radius-lg,20px);box-shadow:0 8px 40px #00000080;max-height:calc(100vh - 80px);max-width:calc(100vw - 40px);overflow-y:auto;padding:28px 24px;position:relative;width:360px}.galaxy-info-close{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff6;cursor:pointer;padding:6px;position:absolute;right:12px;top:12px;transition:color .15s ease}.galaxy-info-close:hover{color:#fffc}.galaxy-info-title{color:#e8e8f0;color:var(--color-text-primary,#e8e8f0);font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.1rem;font-weight:600;letter-spacing:-.02em;margin:0 0 20px}.galaxy-info-section{display:flex;gap:12px;margin-bottom:16px}.galaxy-info-section:last-child{margin-bottom:0}.galaxy-info-icon{align-items:center;background:#6366f126;border-radius:6px;border-radius:var(--radius-sm,6px);color:#818cf8;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.galaxy-info-icon-gem{background:#64dcc826;color:#64dcc8}.galaxy-info-icon-link{background:#b48cff26;color:#b48cff}.galaxy-info-heading{color:#e8e8f0;color:var(--color-text-primary,#e8e8f0);font-size:.82rem;font-weight:600;margin:0 0 4px}.galaxy-info-text{color:#88a;color:var(--color-text-secondary,#88a);font-size:.75rem;line-height:1.5;margin:0}.save-map-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0f23b3;border:1px solid #ffffff1f;border-radius:8px;border-radius:var(--radius-md,8px);bottom:20px;color:#fff9;cursor:pointer;display:flex;height:40px;justify-content:center;left:120px;position:absolute;transition:all .2s ease;width:40px;z-index:20}.save-map-button:hover{background:#191937d9;border-color:#ffffff40;color:#ffffffe6}.save-map-button:active{transform:scale(.95)}.save-map-button.saved{border-color:#4ade804d;color:#4ade80}.save-map-modal{width:340px}.save-map-field{margin-bottom:16px}.save-map-label{color:#88a;color:var(--color-text-secondary,#88a);display:block;font-size:.75rem;font-weight:500;margin-bottom:6px}.save-map-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:#e8e8f0;color:var(--color-text-primary,#e8e8f0);font-family:inherit;font-size:.85rem;padding:10px 12px;transition:border-color .15s ease;width:100%}.save-map-input:focus{border-color:#6366f1;border-color:var(--color-accent,#6366f1);outline:none}.save-map-meta{color:#557;color:var(--color-text-muted,#557);font-size:.75rem;margin-bottom:16px}.save-map-error{color:#ef4444;font-size:.75rem;margin-bottom:12px}.save-map-confirm{background:#6366f1;background:var(--color-accent,#6366f1);border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.85rem;font-weight:600;padding:10px;transition:background .15s ease;width:100%}.save-map-confirm:hover{background:#818cf8}.galaxy-player-start-button{align-items:center;background:#6366f1;background:var(--color-accent,#6366f1);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);bottom:20px;box-shadow:0 4px 20px #6366f159,0 0 40px #6366f126;color:#fff;cursor:pointer;display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.88rem;font-weight:600;gap:8px;justify-content:center;left:170px;letter-spacing:.02em;padding:10px 24px;position:absolute;transition:all .2s ease;z-index:20}.galaxy-player-start-button:hover{background:#818cf8;background:var(--color-accent-hover,#818cf8);box-shadow:0 4px 24px #6366f180,0 0 50px #6366f133;transform:scale(1.03)}.galaxy-player-start-button:active{transform:scale(.97)}.galaxy-view:has(.preview-player) .galaxy-player-start-button,.galaxy-view:has(.preview-player) .info-button,.galaxy-view:has(.preview-player) .reset-zoom-button,.galaxy-view:has(.preview-player) .save-map-button{bottom:84px}@media (max-width:480px){.reset-zoom-button{left:16px}.info-button,.reset-zoom-button{bottom:16px;height:36px;width:36px}.info-button{left:62px}.save-map-button{bottom:16px;height:36px;left:108px;width:36px}.galaxy-player-start-button{bottom:16px;font-size:.82rem;left:154px;padding:8px 20px}.galaxy-view:has(.preview-player) .galaxy-player-start-button,.galaxy-view:has(.preview-player) .info-button,.galaxy-view:has(.preview-player) .reset-zoom-button,.galaxy-view:has(.preview-player) .save-map-button{bottom:80px}.galaxy-info-modal{padding:24px 20px}}.preview-player{animation:playerSlideUp .25s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a1aeb;border-top:1px solid var(--color-border);bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;z-index:25}.galaxy-view:has(.detail-panel) .preview-player{right:320px}@keyframes playerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-progress-bar{background:#ffffff14;cursor:pointer;flex-shrink:0;height:4px;transition:height .15s ease;width:100%}.player-progress-bar:hover{height:6px}.player-progress-fill{background:var(--color-accent);border-radius:0 1px 1px 0;height:100%;transition:width .1s linear}.player-main{gap:16px;padding:8px 20px 10px}.player-left,.player-main{align-items:center;display:flex}.player-left{flex:1 1;gap:10px;min-width:0}.player-album-art{border-radius:var(--radius-xs);flex-shrink:0;height:40px;object-fit:cover;width:40px}.player-album-placeholder{align-items:center;background:var(--color-bg-surface);color:var(--color-text-muted);display:flex;justify-content:center}.player-info{display:flex;flex-direction:column;min-width:0}.player-track-name{font-size:.82rem;font-weight:500}.player-artist-name,.player-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist-name{color:var(--color-text-secondary);font-size:.72rem}.player-center{flex-shrink:0;gap:8px}.player-center,.player-toggle{align-items:center;display:flex}.player-toggle{background:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;justify-content:center;transition:background var(--transition-fast);width:36px}.player-toggle:hover{background:var(--color-accent-hover)}.player-nav-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:color var(--transition-fast);width:28px}.player-nav-btn:hover{color:#fff}.player-nav-btn:active{transform:scale(.9)}.player-time{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:.68rem;font-variant-numeric:tabular-nums;min-width:32px;white-space:nowrap}.player-time-left{text-align:right}.player-time-right{text-align:left}.player-right{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:flex-end;min-width:0}.player-position{font-feature-settings:"tnum";color:var(--color-text-muted);font-size:.68rem;font-variant-numeric:tabular-nums;white-space:nowrap}.player-mode-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.68rem;gap:5px;padding:4px 10px 4px 7px;transition:all var(--transition-fast)}.player-mode-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.player-mode-btn.active{border-color:var(--color-accent);color:var(--color-accent)}.player-mode-label{white-space:nowrap}@media (max-width:480px){.player-main{flex-wrap:wrap;gap:4px;justify-content:center;padding:4px 12px 6px}.player-right{flex:1 1 100%;justify-content:flex-start;order:-1}.player-album-art{height:28px;width:28px}.player-left,.player-time{display:none}.galaxy-view:has(.detail-panel) .preview-player{right:0}}.app{height:100%;overflow:hidden;position:relative;width:100%}.error-banner{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-error);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-text-primary);display:flex;gap:12px;left:50%;max-width:500px;padding:12px 20px;position:fixed;top:16px;transform:translateX(-50%);z-index:1000}.error-banner p{flex:1 1;font-size:14px}.error-banner button{color:var(--color-text-secondary);font-size:18px;line-height:1;padding:4px}.error-banner button:hover{color:var(--color-text-primary)}
/*# sourceMappingURL=main.1f900fb0.css.map*/