.page.svelte-jvscmk{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.crumb.svelte-jvscmk{font-size:13px;margin-bottom:16px}.crumb.svelte-jvscmk a:where(.svelte-jvscmk){color:#6366f1;text-decoration:none}.head.svelte-jvscmk h1:where(.svelte-jvscmk){font-size:28px;margin:4px 0 6px;font-weight:800}.head.svelte-jvscmk p:where(.svelte-jvscmk){color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.6}.layout.svelte-jvscmk{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:24px;align-items:start}.wheel-wrap.svelte-jvscmk{display:flex;flex-direction:column;gap:10px}.wheel.svelte-jvscmk{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.seg.svelte-jvscmk{cursor:pointer;outline:none}.ring-major.svelte-jvscmk{fill:#eef2ff;stroke:#fff;stroke-width:2.5;transition:fill .12s}.ring-minor.svelte-jvscmk{fill:#f3f4f6;stroke:#fff;stroke-width:2.5;transition:fill .12s}.seg.svelte-jvscmk:hover .ring-major:where(.svelte-jvscmk){fill:#e0e7ff}.seg.svelte-jvscmk:hover .ring-minor:where(.svelte-jvscmk){fill:#e5e7eb}.seg.sel.svelte-jvscmk .ring-major:where(.svelte-jvscmk){fill:#6366f1}.seg.sel.svelte-jvscmk .ring-minor:where(.svelte-jvscmk){fill:#818cf8}.seg.nbr.svelte-jvscmk .ring-major:where(.svelte-jvscmk){fill:#c7d2fe}.seg.nbr.svelte-jvscmk .ring-minor:where(.svelte-jvscmk){fill:#ddd6fe}.seg.svelte-jvscmk:focus-visible .ring-major:where(.svelte-jvscmk),.seg.svelte-jvscmk:focus-visible .ring-minor:where(.svelte-jvscmk){stroke:#4f46e5;stroke-width:3.5}.lbl-major.svelte-jvscmk{font-size:17px;font-weight:800;fill:#1f2937;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.lbl-minor.svelte-jvscmk{font-size:12px;font-weight:600;fill:#6b7280;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.lbl-major.on.svelte-jvscmk,.lbl-minor.on.svelte-jvscmk{fill:#fff}.center-lbl.svelte-jvscmk{font-size:26px;font-weight:800;fill:#4f46e5;text-anchor:middle;dominant-baseline:middle}.center-sub.svelte-jvscmk{font-size:13px;font-weight:600;fill:#9ca3af;text-anchor:middle;dominant-baseline:middle}.legend.svelte-jvscmk{display:flex;gap:16px;justify-content:center;font-size:12px;color:#6b7280}.lg.svelte-jvscmk{display:inline-flex;align-items:center;gap:6px}.sw.svelte-jvscmk{width:13px;height:13px;border-radius:3px}.sw-sel.svelte-jvscmk{background:#6366f1}.sw-nbr.svelte-jvscmk{background:#c7d2fe}.detail.svelte-jvscmk{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px}.detail-head.svelte-jvscmk{border-bottom:1px solid #f3f4f6;padding-bottom:14px;margin-bottom:14px}.detail-head.svelte-jvscmk h2:where(.svelte-jvscmk){font-size:30px;margin:0 0 4px;font-weight:800;color:#4f46e5}.maj-tag.svelte-jvscmk{font-size:14px;font-weight:600;color:#9ca3af}.rel.svelte-jvscmk{font-size:14px;color:#6b7280}.rel.svelte-jvscmk strong:where(.svelte-jvscmk){color:#374151}.row.svelte-jvscmk{display:flex;gap:10px;padding:8px 0;font-size:14px}.row.nb.svelte-jvscmk{border-top:1px solid #f3f4f6;margin-top:10px;padding-top:14px}.k.svelte-jvscmk{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:120px}.v.svelte-jvscmk{color:#374151}.v.svelte-jvscmk strong:where(.svelte-jvscmk){color:#4f46e5}.block.svelte-jvscmk{padding:12px 0}.block.svelte-jvscmk .k:where(.svelte-jvscmk){display:block;margin-bottom:8px}.notes.svelte-jvscmk{display:flex;gap:6px;flex-wrap:wrap}.note.svelte-jvscmk{position:relative;padding:10px 12px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:800;min-width:42px;text-align:center}.note.svelte-jvscmk em:where(.svelte-jvscmk){display:block;font-style:normal;font-size:10px;font-weight:700;color:#6366f1;margin-bottom:2px}.note.oct.svelte-jvscmk{background:#fef3c7;border-color:#fbbf24}.note.oct.svelte-jvscmk em:where(.svelte-jvscmk){color:#b45309}.chords.svelte-jvscmk{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.chord-cell.svelte-jvscmk{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 4px;text-align:center}.roman.svelte-jvscmk{font-size:11px;font-weight:700;color:#6366f1}.chord.svelte-jvscmk{font-size:15px;font-weight:800;color:#1f2937;margin-top:2px}.info.svelte-jvscmk{margin-top:24px;padding:18px;background:#f9fafb;border-radius:10px}.info.svelte-jvscmk h3:where(.svelte-jvscmk){font-size:15px;margin:0 0 8px}.info.svelte-jvscmk ul:where(.svelte-jvscmk){margin:0;padding-left:18px;color:#4b5563;line-height:1.8;font-size:13px}@media(max-width:760px){.layout.svelte-jvscmk{grid-template-columns:1fr}.wheel-wrap.svelte-jvscmk{max-width:420px;margin:0 auto}.chords.svelte-jvscmk{grid-template-columns:repeat(4,1fr)}}@media(prefers-color-scheme:dark){.detail.svelte-jvscmk{background:#1f2937;border-color:#374151}.detail-head.svelte-jvscmk{border-color:#374151}.detail-head.svelte-jvscmk h2:where(.svelte-jvscmk){color:#a5b4fc}.row.nb.svelte-jvscmk{border-color:#374151}.v.svelte-jvscmk{color:#e5e7eb}.v.svelte-jvscmk strong:where(.svelte-jvscmk){color:#a5b4fc}.rel.svelte-jvscmk strong:where(.svelte-jvscmk){color:#e5e7eb}.note.svelte-jvscmk,.chord-cell.svelte-jvscmk{background:#111827;border-color:#374151}.chord.svelte-jvscmk{color:#f9fafb}.note.oct.svelte-jvscmk{background:#422006;border-color:#92400e}.info.svelte-jvscmk{background:#111827}.info.svelte-jvscmk h3:where(.svelte-jvscmk){color:#f3f4f6}.ring-major.svelte-jvscmk{fill:#312e81;stroke:#1f2937}.ring-minor.svelte-jvscmk{fill:#374151;stroke:#1f2937}.lbl-major.svelte-jvscmk{fill:#e5e7eb}.lbl-minor.svelte-jvscmk{fill:#9ca3af}.seg.svelte-jvscmk:hover .ring-major:where(.svelte-jvscmk){fill:#3730a3}.seg.svelte-jvscmk:hover .ring-minor:where(.svelte-jvscmk){fill:#4b5563}}