.variant-page.svelte-1j2l62{--accent: var(--brand);--accent-soft: var(--soft);--accent-hover: var(--brand-dark);--diff-beginner: var(--brand);--diff-intermediate: var(--tone-gold);--diff-advanced: #b94a42;color:var(--text);background:var(--page-bg)}.hero.svelte-1j2l62{background:var(--page-bg);border-bottom:1px solid var(--line);padding-top:clamp(80px,10vw,120px)}.hero-inner.svelte-1j2l62{width:100%;max-width:1080px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,4vw,48px) clamp(32px,4vw,56px);text-align:left}.hero-family.svelte-1j2l62{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.hero-family.svelte-1j2l62:before{content:"";width:7px;height:7px;background:var(--brand);flex:0 0 7px}.hero-title.svelte-1j2l62{margin:0;font-family:var(--font-sans);font-size:clamp(2.2rem,5vw,4rem);font-weight:700;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}.info-chips.svelte-1j2l62{display:flex;justify-content:flex-start;gap:0;margin-top:28px;flex-wrap:wrap;border-top:1px solid var(--line);border-left:1px solid var(--line)}.chip.svelte-1j2l62{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 18px;border-radius:0;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:140px}.chip-label.svelte-1j2l62{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.chip-value.svelte-1j2l62{font-size:.95rem;color:var(--ink);font-weight:600;letter-spacing:-.012em}.section-inner.svelte-1j2l62{width:100%;max-width:1080px;margin:0 auto;padding:clamp(36px,5vw,72px) clamp(20px,4vw,48px)}.section-header.svelte-1j2l62{position:relative;display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:24px;margin-bottom:28px;flex-wrap:wrap;border-top:1px solid var(--line)}.section-header.svelte-1j2l62:before{content:none}.section-header.svelte-1j2l62 h2:where(.svelte-1j2l62){margin:8px 0 0;font-family:var(--font-sans);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;letter-spacing:-.022em;color:var(--ink)}.view-all.svelte-1j2l62{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);text-decoration:none;display:inline-flex;gap:8px;transition:gap .22s var(--ease, ease)}.view-all.svelte-1j2l62:after{content:"→"}.view-all.svelte-1j2l62:hover{color:var(--ink);gap:14px}.quick-start.svelte-1j2l62{background:var(--page-bg)}.qs-grid.svelte-1j2l62{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.qs-card.svelte-1j2l62{position:relative;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:18px 20px;border-radius:0;background:var(--surface);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .22s var(--ease, ease)}.qs-card.svelte-1j2l62:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--brand);transform:scaleY(0);transform-origin:top;transition:transform .32s var(--ease, ease)}.qs-card.svelte-1j2l62:hover,.qs-card.svelte-1j2l62:focus-visible{background:#fbfaf5;outline:none}.qs-card.svelte-1j2l62:hover:before,.qs-card.svelte-1j2l62:focus-visible:before{transform:scaleY(1)}.qs-icon.svelte-1j2l62{font-size:1.4rem;color:var(--brand)}.qs-text.svelte-1j2l62 h3:where(.svelte-1j2l62){margin:0;font-size:1rem;font-weight:600;letter-spacing:-.012em;color:var(--ink)}.qs-text.svelte-1j2l62 p:where(.svelte-1j2l62){margin:4px 0 0;font-size:.85rem;color:var(--text-soft)}.qs-badge.svelte-1j2l62{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;border-radius:0;background:transparent;border:1px solid var(--brand);color:var(--brand);font-family:var(--font-mono);font-weight:500;font-size:.7rem;letter-spacing:.08em}.qs-arrow.svelte-1j2l62{color:var(--brand);font-family:var(--font-mono);font-size:1rem}.featured.svelte-1j2l62{background:var(--page-bg)}.song-grid.svelte-1j2l62{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.song-card.svelte-1j2l62{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 18px;border-radius:0;background:var(--surface);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .22s var(--ease, ease)}.song-card.svelte-1j2l62:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--brand);transform:scaleY(0);transform-origin:top;transition:transform .32s var(--ease, ease)}.song-card.svelte-1j2l62:hover,.song-card.svelte-1j2l62:focus-visible{background:#fbfaf5;outline:none}.song-card.svelte-1j2l62:hover:before,.song-card.svelte-1j2l62:focus-visible:before{transform:scaleY(1)}.diff-dot.svelte-1j2l62{width:14px;height:14px;background:currentColor;flex:0 0 14px}.diff-dot--beginner.svelte-1j2l62,.diff-square--beginner.svelte-1j2l62{color:var(--diff-beginner)}.diff-dot--intermediate.svelte-1j2l62,.diff-square--intermediate.svelte-1j2l62{color:var(--diff-intermediate)}.diff-dot--advanced.svelte-1j2l62,.diff-square--advanced.svelte-1j2l62{color:var(--diff-advanced)}.song-info.svelte-1j2l62 h3:where(.svelte-1j2l62){margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.012em;color:var(--ink)}.diff-label.svelte-1j2l62{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.song-arrow.svelte-1j2l62{color:var(--brand);font-family:var(--font-mono)}.diff-summary.svelte-1j2l62{display:flex;gap:0;margin-top:22px;flex-wrap:wrap;border-top:1px solid var(--line)}.diff-count.svelte-1j2l62{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--text-faint);padding:12px 16px 0 0}.diff-square.svelte-1j2l62{width:12px;height:12px;background:currentColor;flex:0 0 12px}.about-section.svelte-1j2l62{background:var(--soft);border-top:1px solid var(--line)}.about-section.svelte-1j2l62 h2:where(.svelte-1j2l62){margin:8px 0 16px;font-family:var(--font-sans);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;letter-spacing:-.022em;color:var(--ink)}.about-section.svelte-1j2l62 p:where(.svelte-1j2l62){margin:0;font-size:1.02rem;line-height:1.7;color:var(--text);max-width:72ch}.content-section.svelte-1j2l62{background:var(--page-bg)}.content-grid.svelte-1j2l62{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.content-card.svelte-1j2l62{position:relative;display:block;padding:18px 20px;border-radius:0;background:var(--surface);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .22s var(--ease, ease)}.content-card.svelte-1j2l62:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--brand);transform:scaleY(0);transform-origin:top;transition:transform .32s var(--ease, ease)}.content-card.svelte-1j2l62:hover,.content-card.svelte-1j2l62:focus-visible{background:#fbfaf5;outline:none}.content-card.svelte-1j2l62:hover:before,.content-card.svelte-1j2l62:focus-visible:before{transform:scaleY(1)}.content-card.svelte-1j2l62 h3:where(.svelte-1j2l62){margin:0 0 6px;font-size:.98rem;font-weight:600;letter-spacing:-.012em;color:var(--ink)}.content-card.svelte-1j2l62 p:where(.svelte-1j2l62){margin:0;font-size:.88rem;color:var(--text-soft);line-height:1.55}@media(max-width:700px){.qs-grid.svelte-1j2l62,.song-grid.svelte-1j2l62,.content-grid.svelte-1j2l62{grid-template-columns:1fr}}