.mode-hero[data-astro-cid-ouedck4p]{position:relative;padding:1.5rem 0 1.75rem;border-bottom:1px solid var(--color-border);overflow:hidden}@media(min-width:640px){.mode-hero[data-astro-cid-ouedck4p]{padding:3rem 0 2.5rem}}.mode-hero-glow[data-astro-cid-ouedck4p]{position:absolute;top:-40px;left:-40px;width:400px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--mode-color) 20%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0}.mode-hero-inner[data-astro-cid-ouedck4p]{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.125rem}.mode-hero-top[data-astro-cid-ouedck4p]{display:flex;align-items:center;gap:1rem}.back-link[data-astro-cid-ouedck4p]{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.back-link[data-astro-cid-ouedck4p]:hover{color:var(--color-text)}body.light-mode .back-link[data-astro-cid-ouedck4p]{color:#555}body.light-mode .back-link[data-astro-cid-ouedck4p]:hover{color:#000}.mode-degree-pill[data-astro-cid-ouedck4p]{font-size:.7rem;font-weight:700;font-family:var(--font-mono);padding:.2rem .6rem;border-radius:var(--radius-full);border:1px solid;letter-spacing:.06em}.mode-hero-title[data-astro-cid-ouedck4p]{font-size:clamp(1.875rem,9vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1;display:flex;align-items:baseline;gap:.4em;flex-wrap:wrap}.mode-hero-subtitle[data-astro-cid-ouedck4p]{color:var(--color-text-muted);font-weight:300}body.light-mode .mode-hero-subtitle[data-astro-cid-ouedck4p]{color:#999}.mode-hero-tagline[data-astro-cid-ouedck4p]{font-size:clamp(.875rem,3vw,1.125rem);color:var(--color-text-muted)}body.light-mode .mode-hero-tagline[data-astro-cid-ouedck4p]{color:#555}.mode-formula-wrap[data-astro-cid-ouedck4p]{display:flex;flex-direction:column;gap:.5rem}.formula-label[data-astro-cid-ouedck4p]{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.formula-steps[data-astro-cid-ouedck4p]{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.formula-step[data-astro-cid-ouedck4p]{font-family:var(--font-mono);font-size:.875rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-sm)}.formula-step--W[data-astro-cid-ouedck4p]{background:#0070f326;color:#338ef7}.formula-step--H[data-astro-cid-ouedck4p]{background:#f9731626;color:#fb923c}.formula-step--WH[data-astro-cid-ouedck4p]{background:#a855f726;color:#c084fc}.formula-arrow[data-astro-cid-ouedck4p]{font-size:.75rem;color:var(--color-text-subtle)}.scale-notes-row[data-astro-cid-ouedck4p]{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;max-width:100%}.scale-note-pill[data-astro-cid-ouedck4p]{display:flex;flex-direction:column;align-items:center;padding:.3rem .5rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:clamp(.75rem,3vw,.9375rem);font-weight:600;color:var(--color-text);min-width:36px;gap:.125rem}body.light-mode .scale-note-pill[data-astro-cid-ouedck4p]{background:#f0f0f0;border-color:#ddd;color:#000}.scale-note-pill--root[data-astro-cid-ouedck4p]{background:var(--mode-color)!important;border-color:var(--mode-color)!important;color:#fff!important}.scale-note-degree[data-astro-cid-ouedck4p]{font-size:.55rem;opacity:.65;font-weight:400}.mode-body[data-astro-cid-ouedck4p]{padding-top:1.5rem;padding-bottom:2.5rem}@media(min-width:640px){.mode-body[data-astro-cid-ouedck4p]{padding-top:2.5rem}}.mode-grid[data-astro-cid-ouedck4p]{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;margin-bottom:2rem}@media(min-width:900px){.mode-grid[data-astro-cid-ouedck4p]{grid-template-columns:1fr 300px;gap:2.5rem;margin-bottom:3rem}.mode-sidebar[data-astro-cid-ouedck4p]{order:0}}.mode-section[data-astro-cid-ouedck4p]{margin-bottom:2.5rem}.mode-section-title[data-astro-cid-ouedck4p]{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem;padding-bottom:.625rem;border-bottom:1px solid var(--color-border)}body.light-mode .mode-section-title[data-astro-cid-ouedck4p]{border-bottom-color:#e5e5e5}.mode-text[data-astro-cid-ouedck4p]{font-size:1rem;line-height:1.75;color:var(--color-text-muted);margin-bottom:1rem}body.light-mode .mode-text[data-astro-cid-ouedck4p]{color:#444}.mode-tip[data-astro-cid-ouedck4p]{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:color-mix(in srgb,var(--mode-color) 8%,var(--color-surface));border-left:3px solid var(--mode-color);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.9375rem;color:var(--color-text);line-height:1.6;margin-top:1rem}body.light-mode .mode-tip[data-astro-cid-ouedck4p]{background:color-mix(in srgb,var(--mode-color) 6%,#fff);color:#222}.mode-tip[data-astro-cid-ouedck4p] svg[data-astro-cid-ouedck4p]{flex-shrink:0;margin-top:2px}.mode-tip[data-astro-cid-ouedck4p] strong[data-astro-cid-ouedck4p]{color:var(--mode-color)}.mode-songs-list[data-astro-cid-ouedck4p]{list-style:none;display:flex;flex-direction:column;gap:.625rem}.mode-song-item[data-astro-cid-ouedck4p]{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--color-text-muted)}body.light-mode .mode-song-item[data-astro-cid-ouedck4p]{color:#444}.mode-song-item[data-astro-cid-ouedck4p] strong[data-astro-cid-ouedck4p]{color:var(--color-text);font-weight:500}body.light-mode .mode-song-item[data-astro-cid-ouedck4p] strong[data-astro-cid-ouedck4p]{color:#000}.chord-progression-display[data-astro-cid-ouedck4p]{background:color-mix(in srgb,var(--mode-color) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--mode-color) 30%,transparent);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}body.light-mode .chord-progression-display[data-astro-cid-ouedck4p]{background:color-mix(in srgb,var(--mode-color) 5%,#fff)}.chord-prog-formula[data-astro-cid-ouedck4p]{font-family:var(--font-mono);font-size:1.375rem;font-weight:700;color:var(--mode-color);letter-spacing:.04em}.chord-prog-notes[data-astro-cid-ouedck4p]{font-size:.875rem;color:var(--color-text-muted)}body.light-mode .chord-prog-notes[data-astro-cid-ouedck4p]{color:#555}.mode-genre-tags[data-astro-cid-ouedck4p]{display:flex;flex-wrap:wrap;gap:.5rem}.genre-tag[data-astro-cid-ouedck4p]{padding:.375rem .875rem;border-radius:var(--radius-full);border:1px solid;font-size:.8125rem;font-weight:500;background:transparent}.mode-ref-card[data-astro-cid-ouedck4p]{overflow:hidden}.mode-ref-card-header[data-astro-cid-ouedck4p]{padding:.75rem 1rem;border-bottom:1px solid}.mode-ref-card-title[data-astro-cid-ouedck4p]{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.mode-ref-list[data-astro-cid-ouedck4p]{padding:.75rem;display:flex;flex-direction:column;gap:0}.mode-ref-row[data-astro-cid-ouedck4p]{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.5rem .25rem;border-bottom:1px solid var(--color-border);font-size:.8125rem}body.light-mode .mode-ref-row[data-astro-cid-ouedck4p]{border-bottom-color:#f0f0f0}.mode-ref-row[data-astro-cid-ouedck4p]:last-child{border-bottom:none}.mode-ref-row[data-astro-cid-ouedck4p] dt[data-astro-cid-ouedck4p]{color:var(--color-text-subtle);font-weight:500;white-space:nowrap;flex-shrink:0}.mode-ref-row[data-astro-cid-ouedck4p] dd[data-astro-cid-ouedck4p]{color:var(--color-text);text-align:right;font-size:.8125rem}body.light-mode .mode-ref-row[data-astro-cid-ouedck4p] dd[data-astro-cid-ouedck4p]{color:#222}.formula-mono[data-astro-cid-ouedck4p]{font-family:var(--font-mono)!important;font-size:.75rem!important;color:var(--mode-color)!important;letter-spacing:.03em}.mode-viz-cta[data-astro-cid-ouedck4p]{margin-top:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;align-items:flex-start}.mode-viz-cta-text[data-astro-cid-ouedck4p]{font-size:.875rem;color:var(--color-text-muted)}body.light-mode .mode-viz-cta-text[data-astro-cid-ouedck4p]{color:#555}.mode-viz-section[data-astro-cid-ouedck4p]{padding-top:2rem;border-top:1px solid var(--color-border);margin-bottom:2.5rem}body.light-mode .mode-viz-section[data-astro-cid-ouedck4p]{border-top-color:#e5e5e5}.mode-nav[data-astro-cid-ouedck4p]{display:flex;flex-direction:column;gap:.75rem;padding-top:2rem;border-top:1px solid var(--color-border)}@media(min-width:640px){.mode-nav[data-astro-cid-ouedck4p]{flex-direction:row;justify-content:space-between}}body.light-mode .mode-nav[data-astro-cid-ouedck4p]{border-top-color:#e5e5e5}.mode-nav-link[data-astro-cid-ouedck4p]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .15s;width:100%}@media(min-width:640px){.mode-nav-link[data-astro-cid-ouedck4p]{flex:1;max-width:280px;width:auto}}.mode-nav-link[data-astro-cid-ouedck4p]:hover{border-color:var(--color-accent);background:var(--color-surface-2)}body.light-mode .mode-nav-link[data-astro-cid-ouedck4p]{background:#fff;border-color:#e5e5e5}body.light-mode .mode-nav-link[data-astro-cid-ouedck4p]:hover{background:#f5f5f5;border-color:var(--color-accent)}.mode-nav-link--next[data-astro-cid-ouedck4p]{text-align:right;justify-content:flex-end;margin-left:auto}.mode-nav-link[data-astro-cid-ouedck4p] span[data-astro-cid-ouedck4p]{display:flex;flex-direction:column;gap:.125rem}.mode-nav-dir[data-astro-cid-ouedck4p]{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);font-weight:600}.mode-nav-name[data-astro-cid-ouedck4p]{font-size:.9375rem;font-weight:600;color:var(--color-text)}body.light-mode .mode-nav-name[data-astro-cid-ouedck4p]{color:#000}svg[data-astro-cid-ouedck4p]{flex-shrink:0}