.app.svelte-1n46o8q{display:flex;height:100vh;overflow:hidden}.sidebar.svelte-1n46o8q{width:300px;background:linear-gradient(180deg,#0f0f12,#0a0a0d);padding:1.25rem;display:flex;flex-direction:column;border-right:1px solid #1a1a20;overflow-y:auto;gap:1rem}h1.svelte-1n46o8q{font-size:1.25rem;font-weight:600;color:#fff}.hint.svelte-1n46o8q{color:#555;font-size:.75rem}.category.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#444;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.category.svelte-1n46o8q h2:where(.svelte-1n46o8q) .count:where(.svelte-1n46o8q){background:#1a1a20;padding:.1rem .4rem;border-radius:4px;font-size:.65rem}.confirm-artist.svelte-1n46o8q{background:#f472b61a;border:1px solid rgba(244,114,182,.3);border-radius:8px;padding:.6rem;margin-bottom:.5rem}.confirm-label.svelte-1n46o8q{display:block;font-size:.8rem;margin-bottom:.4rem;color:#fff}.confirm-buttons.svelte-1n46o8q{display:flex;gap:.35rem}.confirm-yes.svelte-1n46o8q,.confirm-no.svelte-1n46o8q{flex:1;padding:.35rem;border-radius:6px;font-size:.75rem;cursor:pointer;border:none}.confirm-yes.svelte-1n46o8q{background:#4ade8033;color:#4ade80}.confirm-yes.svelte-1n46o8q:hover:not(:disabled){background:#4ade804d}.confirm-no.svelte-1n46o8q{background:#27272a;color:#888}.confirm-no.svelte-1n46o8q:hover{background:#333;color:#fff}.add-artist.svelte-1n46o8q{display:flex;gap:.35rem;margin-bottom:.5rem}.add-artist.svelte-1n46o8q input:where(.svelte-1n46o8q){flex:1;background:#18181b;border:1px solid #27272a;border-radius:6px;padding:.4rem .6rem;color:#fff;font-size:.75rem}.add-artist.svelte-1n46o8q input:where(.svelte-1n46o8q)::placeholder{color:#444}.add-artist.svelte-1n46o8q input:where(.svelte-1n46o8q):focus{outline:none;border-color:#f472b680}.add-artist.svelte-1n46o8q button:where(.svelte-1n46o8q){background:#f472b633;border:1px solid rgba(244,114,182,.4);border-radius:6px;color:#f472b6;padding:0 .6rem;cursor:pointer;font-size:.9rem}.add-artist.svelte-1n46o8q button:where(.svelte-1n46o8q):hover:not(:disabled){background:#f472b64d}.add-artist.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled{opacity:.4;cursor:not-allowed}.elements.svelte-1n46o8q{display:flex;flex-wrap:wrap;gap:.35rem}.element.svelte-1n46o8q,.canvas-element.svelte-1n46o8q,.drag-ghost.svelte-1n46o8q{background:#18181b;border:1px solid #27272a;border-radius:8px;padding:.4rem .7rem;font-size:.8rem;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease}.element.svelte-1n46o8q:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.element.genre.svelte-1n46o8q,.canvas-element.genre.svelte-1n46o8q,.drag-ghost.genre.svelte-1n46o8q{border-color:#fbbf2466;background:linear-gradient(135deg,#fbbf2414,#18181b)}.element.artist.svelte-1n46o8q,.canvas-element.artist.svelte-1n46o8q,.drag-ghost.artist.svelte-1n46o8q{border-color:#f472b666;background:linear-gradient(135deg,#f472b614,#18181b)}.canvas-element.svelte-1n46o8q{position:absolute;z-index:1}.canvas-element.highlight.svelte-1n46o8q{transform:scale(1.1);box-shadow:0 0 20px #fff3;z-index:2}.canvas-element.highlight.genre.svelte-1n46o8q{box-shadow:0 0 20px #fbbf2466}.canvas-element.highlight.artist.svelte-1n46o8q{box-shadow:0 0 20px #f472b666}.drag-ghost.svelte-1n46o8q{position:fixed;z-index:1000;pointer-events:none;opacity:.9;transform:scale(1.05);box-shadow:0 8px 24px #0006}.clear.svelte-1n46o8q{margin-top:auto;background:#18181b;color:#666;border:1px solid #27272a;border-radius:8px;padding:.6rem;cursor:pointer;font-size:.8rem;transition:all .15s ease}.clear.svelte-1n46o8q:hover{background:#27272a;color:#fff}.canvas.svelte-1n46o8q{flex:1;background-color:#050507;background-image:radial-gradient(circle,#1a1a20 1px,transparent 1px);background-size:24px 24px;position:relative;overflow:hidden}.loading-element.svelte-1n46o8q{background:linear-gradient(135deg,#a855f726,#18181b);border-color:#a855f780;animation:svelte-1n46o8q-pulse-border 1.5s ease-in-out infinite}.loading-content.svelte-1n46o8q{display:flex;align-items:center;gap:.4rem}.spinner-small.svelte-1n46o8q{width:14px;height:14px;border:2px solid #27272a;border-top-color:#a855f7;border-radius:50%;animation:svelte-1n46o8q-spin .7s linear infinite}.loading-text.svelte-1n46o8q{font-size:.75rem;color:#a855f7}@keyframes svelte-1n46o8q-spin{to{transform:rotate(360deg)}}@keyframes svelte-1n46o8q-pulse-border{0%,to{border-color:#a855f766}50%{border-color:#a855f7b3}}.empty.svelte-1n46o8q{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#27272a;font-size:1.25rem}.help-tooltip.svelte-1n46o8q{position:absolute;background:#27272a;border:1px solid #3f3f46;border-radius:8px;padding:.5rem .75rem;z-index:20;cursor:pointer;animation:svelte-1n46o8q-fadeSlideIn .3s ease-out;box-shadow:0 4px 12px #0006}@keyframes svelte-1n46o8q-fadeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.help-row.svelte-1n46o8q{font-size:.75rem;color:#a1a1aa;margin-bottom:.2rem;white-space:nowrap}.help-row.svelte-1n46o8q:last-child{margin-bottom:0}.help-key.svelte-1n46o8q{color:#fff;font-weight:500}.mobile-only.svelte-1n46o8q{display:none}@media(max-width:768px){.desktop-only.svelte-1n46o8q{display:none}.mobile-only.svelte-1n46o8q{display:block}}.info-overlay.svelte-1n46o8q{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.info-modal.svelte-1n46o8q{background:#18181b;border:1px solid #27272a;border-radius:16px;padding:1.5rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.info-close.svelte-1n46o8q{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer;line-height:1}.info-close.svelte-1n46o8q:hover{color:#fff}.info-modal.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0 0 .5rem;font-size:1.25rem;color:#f472b6}.info-stats.svelte-1n46o8q{color:#666;font-size:.8rem;margin-bottom:.75rem}.info-tags.svelte-1n46o8q{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.info-tag.svelte-1n46o8q{background:#f472b626;border:1px solid rgba(244,114,182,.3);border-radius:6px;padding:.2rem .5rem;font-size:.7rem;color:#f472b6}.info-bio.svelte-1n46o8q{color:#999;font-size:.85rem;line-height:1.5;margin:0 0 1rem}.info-link.svelte-1n46o8q{display:inline-block;background:#60a5fa26;border:1px solid rgba(96,165,250,.3);border-radius:8px;padding:.5rem 1rem;font-size:.8rem;color:#60a5fa;text-decoration:none}.info-link.svelte-1n46o8q:hover{background:#60a5fa40}.info-loading.svelte-1n46o8q{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:1rem 2rem;color:#fff}.spotify-login-btn.svelte-1n46o8q,.spotify-import-btn.svelte-1n46o8q{display:block;width:100%;background:#1ed76026;border:1px solid rgba(30,215,96,.4);border-radius:8px;padding:.6rem;color:#1ed760;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;text-align:center}.spotify-login-btn.svelte-1n46o8q:hover,.spotify-import-btn.svelte-1n46o8q:hover{background:#1ed76040;transform:translateY(-1px)}.user-profile.svelte-1n46o8q{background:#ffffff08;border:1px solid #27272a;border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.75rem}.user-avatar.svelte-1n46o8q{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-info.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;gap:.25rem}.user-name.svelte-1n46o8q{font-size:.85rem;font-weight:600;color:#fff}.user-logout.svelte-1n46o8q{background:none;border:none;color:#666;font-size:.7rem;cursor:pointer;text-align:left;padding:0}.user-logout.svelte-1n46o8q:hover{color:#f472b6}.import-modal.svelte-1n46o8q{background:#18181b;border:1px solid #27272a;border-radius:16px;padding:1.5rem;max-width:700px;width:90%;max-height:85vh;overflow-y:auto;position:relative}.import-modal.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0 0 .5rem;font-size:1.25rem;color:#1ed760}.import-desc.svelte-1n46o8q{color:#888;font-size:.8rem;margin:0 0 1rem;line-height:1.4}.import-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.import-hint.svelte-1n46o8q{color:#666;font-size:.8rem}.import-select-btns.svelte-1n46o8q{display:flex;gap:.5rem}.select-btn.svelte-1n46o8q{background:#27272a;border:none;border-radius:6px;padding:.4rem .75rem;color:#999;font-size:.75rem;cursor:pointer;transition:all .15s ease}.select-btn.svelte-1n46o8q:hover{background:#333;color:#fff}.import-loading.svelte-1n46o8q,.import-empty.svelte-1n46o8q{color:#999;padding:2rem;text-align:center}.import-grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;max-height:400px;overflow-y:auto;padding:.25rem}.import-card.svelte-1n46o8q{background:#1f1f23;border:2px solid transparent;border-radius:10px;padding:.5rem;cursor:pointer;transition:all .15s ease;position:relative}.import-card.svelte-1n46o8q:hover{background:#27272a;border-color:#1ed7604d}.import-card.selected.svelte-1n46o8q{background:#1ed7601a;border-color:#1ed760}.import-card-img.svelte-1n46o8q{width:100%;aspect-ratio:1;border-radius:6px;object-fit:cover;margin-bottom:.5rem}.import-card-img.placeholder.svelte-1n46o8q{background:#27272a}.import-card-info.svelte-1n46o8q{display:flex;flex-direction:column;gap:.15rem}.import-card-name.svelte-1n46o8q{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-card-genres.svelte-1n46o8q{font-size:.65rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-card-check.svelte-1n46o8q{position:absolute;top:.5rem;right:.5rem;width:22px;height:22px;border-radius:50%;background:#0009;border:2px solid #27272a;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#1ed760;transition:all .15s ease}.import-card.selected.svelte-1n46o8q .import-card-check:where(.svelte-1n46o8q){border-color:#1ed760;background:#1ed760;color:#000}.import-actions.svelte-1n46o8q{display:flex;gap:.5rem}.import-btn.svelte-1n46o8q{flex:1;background:#1ed76033;border:1px solid rgba(30,215,96,.4);border-radius:8px;padding:.6rem 1rem;color:#1ed760;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.import-btn.svelte-1n46o8q:hover:not(:disabled){background:#1ed7604d}.import-btn.svelte-1n46o8q:disabled{opacity:.4;cursor:not-allowed}.import-cancel.svelte-1n46o8q{background:#27272a;border:1px solid #27272a;border-radius:8px;padding:.6rem 1rem;color:#888;font-size:.85rem;cursor:pointer;transition:all .15s ease}.import-cancel.svelte-1n46o8q:hover{background:#333;color:#fff}.now-playing.svelte-1n46o8q{position:fixed;bottom:1rem;right:1rem;background:#18181b;border:1px solid #27272a;border-radius:12px;padding:.5rem;display:flex;align-items:center;gap:.75rem;z-index:100;box-shadow:0 4px 20px #0006}.now-playing-art.svelte-1n46o8q{width:48px;height:48px;border-radius:6px;object-fit:cover}.now-playing-info.svelte-1n46o8q{display:flex;flex-direction:column;gap:.15rem;max-width:180px}.now-playing-artist.svelte-1n46o8q{font-size:.85rem;font-weight:600;color:#f472b6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-track.svelte-1n46o8q{font-size:.7rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-btn.svelte-1n46o8q{background:#f472b626;border:1px solid rgba(244,114,182,.3);border-radius:50%;width:32px;height:32px;color:#f472b6;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.now-playing-btn.svelte-1n46o8q:hover{background:#f472b640}.now-playing-close.svelte-1n46o8q{background:none;border:none;color:#555;font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.now-playing-close.svelte-1n46o8q:hover{color:#fff}.discovery-bubble.svelte-1n46o8q{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:none;border-radius:10px;padding:.4rem .75rem;cursor:pointer;z-index:10;animation:svelte-1n46o8q-bubblePop .25s ease-out;color:#000;font-size:.75rem;transform:translate(-50%);max-width:220px;text-align:center}.discovery-bubble.genre.svelte-1n46o8q{background:#fbbf24;box-shadow:0 4px 12px #fbbf2480}.discovery-bubble.artist.svelte-1n46o8q{background:#f472b6;box-shadow:0 4px 12px #f472b680}@keyframes svelte-1n46o8q-bubblePop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.discovery-bubble.genre.svelte-1n46o8q:hover{background:#f59e0b}.discovery-bubble.artist.svelte-1n46o8q:hover{background:#ec4899}.discovery-bubble.no-match.svelte-1n46o8q{background:#ef4444;box-shadow:0 4px 12px #ef444480;color:#fff}.discovery-bubble.no-match.svelte-1n46o8q:hover{background:#dc2626}.bubble-arrow.svelte-1n46o8q{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #f472b6}.discovery-bubble.genre.svelte-1n46o8q .bubble-arrow:where(.svelte-1n46o8q){border-top-color:#fbbf24}.discovery-bubble.genre.svelte-1n46o8q:hover .bubble-arrow:where(.svelte-1n46o8q){border-top-color:#f59e0b}.discovery-bubble.artist.svelte-1n46o8q:hover .bubble-arrow:where(.svelte-1n46o8q){border-top-color:#ec4899}.discovery-bubble.no-match.svelte-1n46o8q .bubble-arrow:where(.svelte-1n46o8q){border-top-color:#ef4444}.discovery-bubble.no-match.svelte-1n46o8q:hover .bubble-arrow:where(.svelte-1n46o8q){border-top-color:#dc2626}.menu-btn.svelte-1n46o8q{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#18181b;border:1px solid #27272a;border-radius:8px;width:44px;height:44px;color:#fff;font-size:1.5rem;cursor:pointer;align-items:center;justify-content:center}.menu-btn.svelte-1n46o8q:hover{background:#27272a}@media(max-width:768px){.menu-btn.svelte-1n46o8q{display:flex}.sidebar.svelte-1n46o8q{position:fixed;left:0;top:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease;width:280px}.sidebar.open.svelte-1n46o8q{transform:translate(0)}.canvas.svelte-1n46o8q{width:100%}.now-playing.svelte-1n46o8q{left:1rem;right:1rem;bottom:1rem;max-width:none}.now-playing-info.svelte-1n46o8q{flex:1;max-width:none}.info-modal.svelte-1n46o8q,.import-modal.svelte-1n46o8q{width:95%;max-height:90vh;margin:1rem}.import-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.element.svelte-1n46o8q,.canvas-element.svelte-1n46o8q{touch-action:none}h1.svelte-1n46o8q{margin-top:2.5rem}}