body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f9fafb}.svelte-1uha8ag{box-sizing:border-box}.app.svelte-1uha8ag{min-height:100vh}.app-header.svelte-1uha8ag{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem 0}.container.svelte-1uha8ag{max-width:1400px;margin:0 auto;padding:0 1.5rem}.page-title.svelte-1uha8ag{font-size:2rem;font-weight:800;margin:0;color:#111827}.layout.svelte-1uha8ag{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media(min-width:1024px){.layout.svelte-1uha8ag{grid-template-columns:1fr 320px}}.main-content.svelte-1uha8ag{min-width:0}.controls.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.controls.svelte-1uha8ag{flex-direction:row;align-items:center}}.btn-primary.svelte-1uha8ag{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:2px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.btn-primary.svelte-1uha8ag:hover{background:#f9fafb;border-color:#9ca3af}.btn-icon.svelte-1uha8ag{font-size:1.125rem;font-weight:400}.filters.svelte-1uha8ag{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn.svelte-1uha8ag{padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn.svelte-1uha8ag:hover{background:#f9fafb}.filter-btn.active.svelte-1uha8ag{background:#e5e7eb;color:#111827;font-weight:600}.section-title.svelte-1uha8ag{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#111827}.crates-grid.svelte-1uha8ag{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}@media(min-width:640px){.crates-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.crates-grid.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.crates-grid.svelte-1uha8ag{grid-template-columns:repeat(3,1fr)}}.crate-card.svelte-1uha8ag{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s;cursor:pointer}.crate-card.svelte-1uha8ag:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.crate-image.svelte-1uha8ag{position:relative;height:200px;overflow:hidden;background:#f3f4f6}.crate-image.svelte-1uha8ag img:where(.svelte-1uha8ag){width:100%;height:100%;object-fit:cover}.gradient-cover.svelte-1uha8ag{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bg-gradient-to-br.svelte-1uha8ag{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-orange-400.svelte-1uha8ag{--tw-gradient-from: #fb923c;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-pink-500.svelte-1uha8ag{--tw-gradient-to: #ec4899}.from-cyan-400.svelte-1uha8ag{--tw-gradient-from: #22d3ee;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-500.svelte-1uha8ag{--tw-gradient-to: #3b82f6}.cover-emoji.svelte-1uha8ag{font-size:3rem}.play-btn.svelte-1uha8ag{position:absolute;bottom:.75rem;right:.75rem;width:2.5rem;height:2.5rem;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;cursor:pointer;box-shadow:0 4px 12px #0003;color:#111827}.play-btn.svelte-1uha8ag svg:where(.svelte-1uha8ag){margin-left:2px}.crate-card.svelte-1uha8ag:hover .play-btn:where(.svelte-1uha8ag){opacity:1}.avatar-stack.svelte-1uha8ag{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.25rem}.avatar.svelte-1uha8ag{width:1.75rem;height:1.75rem;background:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;border:2px solid white}.crate-body.svelte-1uha8ag{padding:1rem}.crate-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.crate-title.svelte-1uha8ag{font-size:1rem;font-weight:700;margin:0;color:#111827}.status-dot.svelte-1uha8ag{width:.5rem;height:.5rem;background:#10b981;border-radius:50%;margin-top:.375rem;flex-shrink:0}.crate-meta.svelte-1uha8ag{font-size:.75rem;color:#6b7280;line-height:1.5}.crate-meta.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:#111827;font-weight:600}.taste-score.svelte-1uha8ag{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.score-badge.svelte-1uha8ag{display:inline-block;padding:.25rem .5rem;background:#4f46e5;color:#fff;border-radius:.375rem;font-weight:700;font-size:.75rem}.score-label.svelte-1uha8ag{color:#6b7280;font-size:.75rem}.sidebar.svelte-1uha8ag{background:#fff;padding:1.5rem;border-radius:1rem;height:fit-content;position:sticky;top:1.5rem}@media(max-width:1023px){.sidebar.svelte-1uha8ag{position:relative;top:0}}.sidebar-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.menu-btn.svelte-1uha8ag{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem}.menu-btn.svelte-1uha8ag:hover{color:#111827}.dots.svelte-1uha8ag{display:flex;gap:.375rem}.dot.svelte-1uha8ag{width:.375rem;height:.375rem;background:#d1d5db;border-radius:50%}.sidebar-title.svelte-1uha8ag{font-size:1.125rem;font-weight:800;margin:0 0 1rem;color:#111827}.social-list.svelte-1uha8ag{margin-bottom:1.5rem}.social-item.svelte-1uha8ag{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:.75rem;cursor:pointer;transition:background .2s}.social-item.svelte-1uha8ag:hover{background:#f9fafb}.social-item.active.svelte-1uha8ag{background:#f3f4f6;border:1px solid #e5e7eb;margin:-1px}.social-avatar.svelte-1uha8ag{width:2.5rem;height:2.5rem;border-radius:.625rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.bg-purple-500.svelte-1uha8ag{background:#a855f7}.bg-blue-500.svelte-1uha8ag{background:#3b82f6}.bg-gray-600.svelte-1uha8ag{background:#4b5563}.bg-orange-500.svelte-1uha8ag{background:#f97316}.bg-pink-500.svelte-1uha8ag{background:#ec4899}.bg-indigo-500.svelte-1uha8ag{background:#6366f1}.social-info.svelte-1uha8ag{flex:1;min-width:0}.social-name.svelte-1uha8ag{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-status.svelte-1uha8ag{font-size:.75rem;color:#6b7280}.chevron.svelte-1uha8ag{color:#d1d5db;flex-shrink:0}.social-item.svelte-1uha8ag:hover .chevron:where(.svelte-1uha8ag){color:#9ca3af}.collab-box.svelte-1uha8ag{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem}.collab-title.svelte-1uha8ag{font-size:.875rem;font-weight:800;margin:0 0 .25rem;color:#111827}.collab-desc.svelte-1uha8ag{font-size:.75rem;color:#6b7280;margin:0 0 .75rem}.collab-avatars.svelte-1uha8ag{display:flex;gap:.5rem;align-items:center}.collab-avatar.svelte-1uha8ag{width:2rem;height:2rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.collab-count.svelte-1uha8ag{width:2rem;height:2rem;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#374151}.modal-overlay.svelte-1uha8ag{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.svelte-1uha8ag{background:#fff;border-radius:1.5rem;max-width:28rem;width:100%;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}.modal-header.svelte-1uha8ag{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title.svelte-1uha8ag{font-size:1.125rem;font-weight:800;margin:0;color:#111827}.modal-close.svelte-1uha8ag{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .2s}.modal-close.svelte-1uha8ag:hover{color:#6b7280}.modal-desc.svelte-1uha8ag{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem}.modal-body.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.input.svelte-1uha8ag{width:100%;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;font-size:.875rem;font-weight:500;transition:all .2s}.input.svelte-1uha8ag:focus{outline:none;background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea.svelte-1uha8ag{resize:none;font-family:inherit}.upload-box.svelte-1uha8ag,.tracks-box.svelte-1uha8ag{height:12rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.upload-title.svelte-1uha8ag,.tracks-text.svelte-1uha8ag{font-weight:600;color:#111827;margin-bottom:.25rem}.upload-subtitle.svelte-1uha8ag{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.upload-btn.svelte-1uha8ag{font-size:.875rem;font-weight:600;color:#3b82f6;background:none;border:none;cursor:pointer}.upload-btn.svelte-1uha8ag:hover{color:#2563eb}.modal-footer.svelte-1uha8ag{display:flex;justify-content:flex-end;gap:.75rem}.btn-secondary.svelte-1uha8ag{padding:.625rem 1.5rem;background:#f3f4f6;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:background .2s}.btn-secondary.svelte-1uha8ag:hover{background:#e5e7eb}.btn-primary-modal.svelte-1uha8ag{padding:.625rem 1.5rem;background:#3b82f6;border:none;border-radius:.75rem;font-size:.875rem;font-weight:700;color:#fff;cursor:pointer;transition:background .2s;box-shadow:0 4px 12px #3b82f64d}.btn-primary-modal.svelte-1uha8ag:hover{background:#2563eb}@media(max-width:640px){.page-title.svelte-1uha8ag{font-size:1.5rem}.crate-image.svelte-1uha8ag{height:180px}.sidebar.svelte-1uha8ag{order:2}.main-content.svelte-1uha8ag{order:1}}@media(max-width:480px){.container.svelte-1uha8ag{padding:0 1rem}.page-title.svelte-1uha8ag{font-size:1.25rem}.crates-grid.svelte-1uha8ag{gap:1rem}.modal.svelte-1uha8ag{padding:1.5rem}.modal-title.svelte-1uha8ag{font-size:1rem}}button.svelte-1uha8ag:focus-visible,.filter-btn.svelte-1uha8ag:focus-visible,.input.svelte-1uha8ag:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal.svelte-1uha8ag{animation:svelte-1uha8ag-fadeIn .2s ease-out}@media print{.sidebar.svelte-1uha8ag,.controls.svelte-1uha8ag,.app-header.svelte-1uha8ag{display:none}.crate-card.svelte-1uha8ag{break-inside:avoid}}