.onboarding-container.svelte-13zejxz.svelte-13zejxz{max-width:900px;margin:0 auto;padding:60px 30px 120px}.onboarding-header.svelte-13zejxz.svelte-13zejxz{text-align:center;margin-bottom:40px}.onboarding-header.svelte-13zejxz h1.svelte-13zejxz{font-size:var(--font-size-jumbo);font-weight:var(--font-weight-bold)}.onboarding-header.svelte-13zejxz p.svelte-13zejxz{margin-top:10px;color:var(--color-text-faded);font-size:var(--font-size-large)}.genre-grid.svelte-13zejxz.svelte-13zejxz{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.genre-tile.svelte-13zejxz.svelte-13zejxz{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;background-color:var(--color-background-elevated);border:2px solid transparent;border-radius:var(--border-radius-rounded);cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast)}.genre-tile.svelte-13zejxz.svelte-13zejxz:hover{transform:translateY(-2px)}.genre-tile.selected.svelte-13zejxz.svelte-13zejxz{border-color:var(--color-text-link)}.genre-image.svelte-13zejxz.svelte-13zejxz{width:70px;height:70px;object-fit:contain}.genre-title.svelte-13zejxz.svelte-13zejxz{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-default);text-align:center}.genre-check.svelte-13zejxz.svelte-13zejxz{position:absolute;top:8px;right:8px;color:var(--color-text-link);font-size:20px}.onboarding-footer.svelte-13zejxz.svelte-13zejxz{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background-color:var(--color-background-default);border-top:1px solid var(--color-borders-hairline)}.skip-button.svelte-13zejxz.svelte-13zejxz{background:transparent;border:none;color:var(--color-text-faded);font-weight:var(--font-weight-medium);cursor:pointer;padding:12px 20px}.continue-button.svelte-13zejxz.svelte-13zejxz{background-color:var(--color-text-link);color:#fff;border:none;border-radius:var(--border-radius-pill);padding:12px 30px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:filter var(--transition-fast)}.continue-button.svelte-13zejxz.svelte-13zejxz:not(:disabled):hover{filter:brightness(1.08)}.continue-button.svelte-13zejxz.svelte-13zejxz:disabled{opacity:.5;cursor:not-allowed}