.main-header.svelte-lk5iqq{z-index:40;background:var(--color-surface);border-bottom:1px solid var(--color-border);height:60px;padding:0 var(--space-md);transition:background var(--transition-base), border-color var(--transition-base);align-items:center;display:flex;position:sticky;top:0;left:0;right:0}.main-header.transparent.svelte-lk5iqq{background:0 0;border-color:#0000}.header-inner.svelte-lk5iqq{justify-content:space-between;align-items:center;width:min(100%,1280px);margin:0 auto;display:flex}.logo.svelte-lk5iqq{font-family:var(--font-serif);color:var(--color-text-primary);font-size:24px;font-weight:800}.logo.svelte-lk5iqq span:where(.svelte-lk5iqq){color:var(--color-accent)}.actions.svelte-lk5iqq{align-items:center;gap:var(--space-md);display:flex}.login-button.svelte-lk5iqq{font-size:var(--text-sm);color:var(--color-text-primary);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:background var(--transition-fast);font-weight:700}.login-button.svelte-lk5iqq:hover{background:var(--color-surface-hover)}.logout-button.svelte-lk5iqq{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-secondary);padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:800}.logout-button.svelte-lk5iqq:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.avatar.svelte-lk5iqq,.avatar-placeholder.svelte-lk5iqq{object-fit:cover;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px}.avatar-placeholder.svelte-lk5iqq{background:var(--color-text-primary);color:var(--color-text-inverse);place-items:center;font-size:14px;font-weight:800;display:grid}@media (width>=1024px){.main-header.svelte-lk5iqq{height:72px;padding:0 var(--space-xl)}}.backdrop.svelte-c6qsv9{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a1a1a7a;position:fixed;inset:0}.onboarding-modal.svelte-c6qsv9{z-index:101;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100vw - 32px,440px);padding:var(--space-xl);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #1a1a1a3d}.eyebrow.svelte-c6qsv9{color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}h2.svelte-c6qsv9{margin-top:var(--space-xs);font-family:var(--font-serif);font-size:var(--text-2xl);line-height:var(--leading-tight)}.genre-grid.svelte-c6qsv9{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.genre-grid.svelte-c6qsv9 button:where(.svelte-c6qsv9){border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-height:44px;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:800}.genre-grid.svelte-c6qsv9 button.active:where(.svelte-c6qsv9){border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse)}.error.svelte-c6qsv9{margin-top:var(--space-md);color:var(--color-accent);font-size:var(--text-sm);font-weight:800}.actions.svelte-c6qsv9{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.primary.svelte-c6qsv9,.secondary.svelte-c6qsv9{border-radius:var(--radius-md);min-height:40px;padding:0 var(--space-lg);font-size:var(--text-sm);font-weight:800}.primary.svelte-c6qsv9{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse)}.secondary.svelte-c6qsv9{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}