.site-nav[data-v-b6ddb4ff]{position:sticky;top:0;z-index:20;background:var(--paper)}.site-nav .stave[data-v-b6ddb4ff]{opacity:.9}.inner[data-v-b6ddb4ff]{max-width:1080px;margin:0 auto;padding:.5rem 1.25rem;display:flex;align-items:center;gap:1rem}.brand[data-v-b6ddb4ff]{display:flex;align-items:baseline;gap:.5rem;text-decoration:none;color:var(--ink);flex-shrink:0}.mark[data-v-b6ddb4ff]{font-family:var(--font-display);font-size:1.5rem;line-height:0;color:var(--accent)}.brand-name[data-v-b6ddb4ff]{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.01em}.links[data-v-b6ddb4ff]{display:flex;align-items:center;gap:.3rem;margin-left:auto;flex-wrap:wrap}.links a[data-v-b6ddb4ff]{padding:.35rem .1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.links a[data-v-b6ddb4ff]:hover{color:var(--ink);border-bottom-color:var(--rule-strong)}.links a.router-link-exact-active[data-v-b6ddb4ff]{color:var(--ink);border-bottom-color:var(--accent)}.burger[data-v-b6ddb4ff]{display:none;margin-left:auto;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .7rem;font-size:1rem;cursor:pointer}@media(max-width:720px){.burger[data-v-b6ddb4ff]{display:block}.links[data-v-b6ddb4ff]{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:.4rem;background:var(--bg);border-bottom:1px solid var(--border)}.links.open[data-v-b6ddb4ff]{display:flex}.links a[data-v-b6ddb4ff]{padding:.75rem .9rem;font-size:.85rem;border-bottom:1px solid var(--rule)}.links a[data-v-b6ddb4ff]:last-child{border-bottom:none}.links a.router-link-exact-active[data-v-b6ddb4ff]{border-left:2px solid var(--accent)}}.consent[data-v-5560383b]{position:fixed;inset:auto 0 0 0;z-index:40;background:var(--paper);border-top:1px solid var(--rule-strong);box-shadow:0 -8px 24px #1b2a4a14}.inner[data-v-5560383b]{max-width:1080px;margin:0 auto;padding:1rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}.texte[data-v-5560383b]{flex:1 1 22rem}.titre[data-v-5560383b]{margin:0 0 .25rem;font-family:var(--font-display);font-weight:600;font-size:1rem}.texte p[data-v-5560383b]{margin:0;font-size:.88rem;line-height:1.6;color:var(--muted)}.texte strong[data-v-5560383b]{color:var(--text)}.texte a[data-v-5560383b]{color:var(--accent2)}.actions[data-v-5560383b]{display:flex;gap:.6rem;flex-shrink:0}.btn[data-v-5560383b]{min-width:8rem;padding:.55rem 1.2rem;font:inherit;font-size:.9rem;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.btn[data-v-5560383b]:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:560px){.actions[data-v-5560383b]{width:100%}.btn[data-v-5560383b]{flex:1;min-width:0}}.hero[data-v-d791db01]{padding:clamp(3rem,9vw,6.5rem) 1.5rem clamp(2.5rem,6vw,4.5rem);text-align:center}.hero-inner[data-v-d791db01]{max-width:780px;margin:0 auto}.badge[data-v-d791db01]{display:inline-block;font-size:.82rem;padding:.35rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);margin-bottom:1.25rem}h1[data-v-d791db01]{font-size:clamp(1.9rem,5.5vw,3.4rem);line-height:1.12;margin:0 0 1.1rem;letter-spacing:-.02em}.grad[data-v-d791db01]{color:var(--accent)}.sub[data-v-d791db01]{font-size:clamp(.95rem,2vw,1.1rem);color:var(--muted);max-width:620px;margin:0 auto 1.75rem;line-height:1.6}.paths[data-v-d791db01]{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.cta[data-v-d791db01]{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:var(--radius);padding:.85rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;transition:filter .15s,transform .15s,border-color .15s}.cta small[data-v-d791db01]{font-weight:400;font-size:.75rem;opacity:.85}.cta[data-v-d791db01]:hover{filter:brightness(1.15);transform:translateY(-1px)}.cta.ghost[data-v-d791db01]{background:var(--surface);border-color:var(--border);color:var(--text)}.cta.ghost[data-v-d791db01]:hover{border-color:var(--accent2)}.hero-points[data-v-d791db01]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:2rem;font-size:.85rem;color:var(--muted)}.style-grid[data-v-c4682de6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1rem}.style-card[data-v-c4682de6]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem .6rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;color:var(--text);transition:border-color .15s,transform .15s,background .15s}.style-card[data-v-c4682de6]:hover{transform:translateY(-2px);border-color:var(--accent)}.style-card.active[data-v-c4682de6]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:0 0 0 1px var(--accent)}.emoji[data-v-c4682de6]{font-size:1.6rem}.style-card small[data-v-c4682de6]{color:var(--muted);font-size:.72rem;text-align:center}.style-card .mood[data-v-c4682de6]{min-height:2em}.style-detail .desc[data-v-c4682de6]{font-size:1rem;margin-bottom:1rem}.detail-grid[data-v-c4682de6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.detail-grid h4[data-v-c4682de6]{margin:0 0 .4rem;font-size:.9rem}.detail-grid h4[data-v-c4682de6]:not(:first-child){margin-top:.9rem}.detail-grid ul[data-v-c4682de6]{margin:0;padding-left:1.1rem}.detail-grid li[data-v-c4682de6],.detail-grid p[data-v-c4682de6]{font-size:.87rem;color:var(--muted);margin:.15rem 0}.hint[data-v-c4682de6]{font-size:.78rem!important}.key-chip[data-v-c4682de6]{display:block;width:100%;text-align:left;margin:.35rem 0;padding:.5rem .7rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.82rem;cursor:pointer;transition:border-color .15s}.key-chip[data-v-c4682de6]:hover{border-color:var(--accent2)}.key-chip.active[data-v-c4682de6]{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 18%,var(--surface2));box-shadow:0 0 0 1px var(--accent2);font-weight:600}.chip-mark[data-v-c4682de6]{display:inline-block;width:1em;color:var(--accent2);font-weight:700}.term[data-v-293e5d7d]{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:help;border-bottom:1px dotted var(--accent2);transition:color .15s,background .15s}.term[data-v-293e5d7d]:hover,.term.active[data-v-293e5d7d]{color:var(--accent2);border-bottom-style:solid}.def[data-v-293e5d7d]{display:block;margin-top:.6rem;background:var(--surface2);border:1px solid var(--accent2);border-radius:var(--radius);padding:.6rem .75rem;font-size:.85rem;color:var(--text);line-height:1.55}.def-head[data-v-293e5d7d]{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.def-head b[data-v-293e5d7d]{font-size:.92rem}.cat[data-v-293e5d7d]{font-size:.7rem;color:var(--muted);background:var(--surface);border-radius:var(--radius-sm);padding:.1rem .5rem}.close[data-v-293e5d7d]{margin-left:auto;background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;padding:0 .2rem}.close[data-v-293e5d7d]:hover{color:var(--text)}.def-body[data-v-293e5d7d]{display:block;color:var(--muted)}.selectors[data-v-609e4ad4]{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-bottom:1.25rem}@media(max-width:760px){.selectors[data-v-609e4ad4]{grid-template-columns:1fr}}label[data-v-609e4ad4]{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.5rem}.note-chips[data-v-609e4ad4]{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.note-chip[data-v-609e4ad4]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .2rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;color:var(--text);transition:border-color .15s,background .15s}.note-chip small[data-v-609e4ad4]{color:var(--muted);font-size:.68rem}.note-chip[data-v-609e4ad4]:hover{border-color:var(--accent2)}.note-chip.active[data-v-609e4ad4]{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 16%,var(--surface2))}select[data-v-609e4ad4]{width:100%;padding:.6rem .7rem;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem}.scale-info[data-v-609e4ad4]{font-size:.85rem;color:var(--muted);margin:.75rem 0 .25rem}.formula[data-v-609e4ad4]{font-size:.85rem;color:var(--muted);margin:0}.formula code[data-v-609e4ad4]{color:var(--accent2)}.relative[data-v-609e4ad4]{font-size:.83rem;color:var(--muted);margin:.5rem 0 0;background:color-mix(in srgb,var(--accent2) 8%,transparent);border-radius:var(--radius);padding:.45rem .6rem}.relative b[data-v-609e4ad4]{color:var(--text)}.sheet-link[data-v-609e4ad4]{display:inline-block;margin-top:.7rem;background:var(--surface2);border:1px solid var(--accent2);border-radius:var(--radius-sm);padding:.35rem .85rem;font-size:.83rem;color:var(--accent2);font-weight:600;text-decoration:none;transition:filter .15s}.sheet-link[data-v-609e4ad4]:hover{filter:brightness(1.2)}.table-head[data-v-609e4ad4]{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.table-title[data-v-609e4ad4]{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.listen-btn[data-v-609e4ad4]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.45rem .95rem;font-size:.82rem;cursor:pointer;transition:filter .15s}.listen-btn[data-v-609e4ad4]:hover{filter:brightness(1.15)}.notes-table-wrap[data-v-609e4ad4]{overflow-x:auto}.notes-table[data-v-609e4ad4]{width:100%;border-collapse:collapse;font-size:.88rem;min-width:560px}.notes-table th[data-v-609e4ad4],.notes-table td[data-v-609e4ad4]{padding:.45rem .6rem;border:1px solid var(--border);text-align:center}.notes-table thead th[data-v-609e4ad4]{background:var(--surface2)}.notes-table tbody th[data-v-609e4ad4]{text-align:left;background:var(--surface2);font-weight:600;font-size:.78rem;color:var(--muted);white-space:nowrap}.notes-table td.root[data-v-609e4ad4]{background:color-mix(in srgb,var(--root-color) 18%,transparent)}.notes-table small[data-v-609e4ad4]{color:var(--muted);font-size:.72rem}.circle-card[data-v-20e37804]{margin-top:1rem}.circle-layout[data-v-20e37804]{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:1.5rem;align-items:center}@media(max-width:760px){.circle-layout[data-v-20e37804]{grid-template-columns:1fr}}svg[data-v-20e37804]{width:100%;height:auto}.segment path[data-v-20e37804]{fill:var(--surface2);stroke:var(--bg);stroke-width:2;cursor:pointer;transition:fill .15s}.segment:hover path[data-v-20e37804]{fill:color-mix(in srgb,var(--accent) 30%,var(--surface2))}.segment.active path[data-v-20e37804]{fill:var(--accent)}.segment text[data-v-20e37804]{fill:var(--muted);font-size:13px;font-weight:600;pointer-events:none}.segment.active text[data-v-20e37804]{fill:#fff}.center[data-v-20e37804]{fill:var(--surface);stroke:var(--border)}.center-title[data-v-20e37804]{fill:var(--muted);font-size:11px}.circle-text h3[data-v-20e37804]{margin:0 0 .5rem;font-size:1rem}.circle-text p[data-v-20e37804],.circle-text li[data-v-20e37804]{font-size:.88rem;color:var(--muted)}.circle-text b[data-v-20e37804]{color:var(--text)}.circle-text ul[data-v-20e37804]{padding-left:1.1rem;margin:.5rem 0 0}.circle-text li[data-v-20e37804]{margin:.45rem 0}.piano-wrap[data-v-7ecfdc68]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.toolbar[data-v-7ecfdc68]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;margin-bottom:1rem}.tool-group[data-v-7ecfdc68]{display:flex;flex-direction:column;gap:.35rem}.tool-group label[data-v-7ecfdc68]{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.toolbar select[data-v-7ecfdc68]{padding:.5rem .7rem;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;min-width:150px}.scale-btns[data-v-7ecfdc68]{display:flex;gap:.4rem}.scale-btn[data-v-7ecfdc68]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem .95rem;font-size:.84rem;cursor:pointer;white-space:nowrap;transition:filter .15s}.scale-btn[data-v-7ecfdc68]:hover{filter:brightness(1.15)}.kbd-toggle[data-v-7ecfdc68]{display:flex;align-items:center;gap:.45rem;font-size:.83rem;cursor:pointer;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;white-space:nowrap;transition:border-color .15s}.kbd-toggle[data-v-7ecfdc68]:hover{border-color:var(--accent2)}.kbd-toggle input[data-v-7ecfdc68]{accent-color:var(--accent)}.instr-hint[data-v-7ecfdc68]{flex:1 1 220px;margin:0;font-size:.8rem;color:var(--muted);min-width:200px}.piano-legend[data-v-7ecfdc68]{display:flex;flex-wrap:wrap;gap:.4rem 1.15rem;align-items:center;font-size:.82rem;color:var(--muted);margin-bottom:.75rem}.swatch[data-v-7ecfdc68]{display:inline-block;width:14px;height:10px;border-radius:3px;margin-right:.4rem;vertical-align:-1px}.swatch-root[data-v-7ecfdc68]{background:var(--root-color)}.swatch-scale[data-v-7ecfdc68]{background:var(--scale-color)}.swatch-chord[data-v-7ecfdc68]{background:var(--chord-color)}.swatch-out[data-v-7ecfdc68]{background:#e6e2d6;margin-right:.15rem}.swatch-out-black[data-v-7ecfdc68]{background:#2b3140}.piano[data-v-7ecfdc68]{position:relative;display:flex;height:clamp(170px,26vw,260px);-webkit-user-select:none;user-select:none;touch-action:pan-y}.key[data-v-7ecfdc68]{border:1px solid #2a2f3d;cursor:pointer;padding:0;position:relative;transition:filter .08s ease,transform .05s ease}.key[data-v-7ecfdc68]:active{filter:brightness(.88);transform:translateY(1px)}.key.playing[data-v-7ecfdc68]{outline:3px solid var(--accent);outline-offset:-3px;transform:translateY(2px)}.key[data-v-7ecfdc68]:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px;z-index:5}.key.white[data-v-7ecfdc68]{background:linear-gradient(#fdfcf8,#e6e2d6);border-radius:0 0 6px 6px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#8d8677}.key.white.in-scale[data-v-7ecfdc68]{background:linear-gradient(#fdfcf8 45%,color-mix(in srgb,var(--scale-color) 42%,#efece2));box-shadow:inset 0 -7px 0 var(--scale-color);color:#1f2430}.key.white.in-chord[data-v-7ecfdc68]{background:linear-gradient(#fdfcf8 35%,color-mix(in srgb,var(--chord-color) 50%,#efece2));box-shadow:inset 0 -9px 0 var(--chord-color)}.key.white.root[data-v-7ecfdc68]{background:linear-gradient(#fdfcf8 35%,color-mix(in srgb,var(--root-color) 52%,#efece2));box-shadow:inset 0 -9px 0 var(--root-color)}.key.black[data-v-7ecfdc68]{position:absolute;top:0;height:62%;background:linear-gradient(#3a4050,#14161d);border-radius:0 0 5px 5px;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;color:#b9c1d4;padding-bottom:.4rem}.key.black.in-scale[data-v-7ecfdc68]{background:linear-gradient(#3a4050 35%,color-mix(in srgb,var(--scale-color) 62%,#14161d));box-shadow:inset 0 -7px 0 var(--scale-color);color:#f2f6ff}.key.black.in-chord[data-v-7ecfdc68]{background:linear-gradient(#3a4050 25%,color-mix(in srgb,var(--chord-color) 72%,#14161d));box-shadow:inset 0 -9px 0 var(--chord-color)}.key.black.root[data-v-7ecfdc68]{background:linear-gradient(#3a4050 25%,color-mix(in srgb,var(--root-color) 72%,#14161d));box-shadow:inset 0 -9px 0 var(--root-color)}.key.white.playing[data-v-7ecfdc68]{background:linear-gradient(#fff 30%,color-mix(in srgb,var(--accent) 48%,#efece2))}.key.black.playing[data-v-7ecfdc68]{background:linear-gradient(#4b5470 25%,color-mix(in srgb,var(--accent) 72%,#14161d))}.label[data-v-7ecfdc68]{display:flex;flex-direction:column;align-items:center;line-height:1.15;padding-bottom:.55rem;pointer-events:none}.label b[data-v-7ecfdc68]{font-size:clamp(.7rem,1.3vw,.95rem)}.label small[data-v-7ecfdc68]{font-size:clamp(.58rem,1vw,.75rem);opacity:.8}.label-black[data-v-7ecfdc68]{font-size:clamp(.55rem,.95vw,.72rem);pointer-events:none;padding-bottom:.15rem}.degree[data-v-7ecfdc68]{position:absolute;top:7px;left:50%;transform:translate(-50%);width:19px;height:19px;border-radius:50%;background:var(--accent);color:#fff;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.key.black .degree[data-v-7ecfdc68]{top:auto;bottom:30%}.key.root .degree[data-v-7ecfdc68]{background:var(--root-color);color:#201500}.shortcut[data-v-7ecfdc68]{font-size:.56rem;font-weight:700;color:#9a9486;border:1px solid #cdc7b8;border-radius:4px;padding:0 .3rem;margin-bottom:.25rem;line-height:1.45}.shortcut-black[data-v-7ecfdc68]{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:.56rem;font-weight:700;color:#aab3c7;border:1px solid #59617a;border-radius:4px;padding:0 .25rem;line-height:1.45;pointer-events:none}.info-bar[data-v-7ecfdc68]{margin-top:.85rem;min-height:2.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .85rem;font-size:.86rem}.info-bar.empty[data-v-7ecfdc68]{color:var(--muted)}.info-note[data-v-7ecfdc68]{font-size:1.05rem}.info-fr[data-v-7ecfdc68]{color:var(--accent2);font-weight:400;margin-left:.35rem}.info-line[data-v-7ecfdc68]{color:var(--muted)}.anchor-note[data-v-7ecfdc68]{margin:.7rem 0 0;font-size:.84rem;color:var(--muted);border-left:3px solid var(--root-color);padding-left:.7rem}.anchor-note b[data-v-7ecfdc68]{color:var(--root-color)}.usage[data-v-7ecfdc68]{margin:.7rem 0 0;font-size:.82rem;color:var(--muted)}.usage b[data-v-7ecfdc68]{color:var(--text)}.explainer[data-v-7ecfdc68]{margin-top:.85rem;background:color-mix(in srgb,var(--accent2) 8%,transparent);border-radius:var(--radius);padding:.7rem .9rem;font-size:.86rem}.explainer p[data-v-7ecfdc68]{margin:.25rem 0 0;color:var(--muted)}@media(max-width:640px){.shortcut[data-v-7ecfdc68],.label small[data-v-7ecfdc68]{display:none}}.empty-card p[data-v-54da1853]{margin:.3rem 0}.muted[data-v-54da1853]{color:var(--muted);font-size:.88rem}.chords-header[data-v-54da1853]{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;margin-bottom:.9rem}.chords-header .muted[data-v-54da1853]{max-width:560px;margin:0}.seventh-toggle[data-v-54da1853]{display:flex;align-items:center;gap:.45rem;font-size:.88rem;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .8rem;white-space:nowrap}.seventh-toggle input[data-v-54da1853]{accent-color:var(--accent)}.chord-grid[data-v-54da1853]{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:.6rem;margin-bottom:1.75rem}.chord-card[data-v-54da1853]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .4rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:pointer;color:var(--text);transition:border-color .15s,background .15s,transform .15s}.chord-card[data-v-54da1853]:hover{transform:translateY(-2px);border-color:var(--chord-color)}.chord-card.active[data-v-54da1853]{border-color:var(--chord-color);background:color-mix(in srgb,var(--chord-color) 16%,var(--surface));box-shadow:0 0 0 1px var(--chord-color)}.roman[data-v-54da1853]{font-size:.85rem;font-weight:700;color:var(--accent2);font-family:Georgia,serif}.chord-name[data-v-54da1853]{font-size:1.05rem}.quality[data-v-54da1853]{color:var(--muted);font-size:.7rem}.notes[data-v-54da1853]{font-size:.68rem;color:var(--muted);text-align:center}.notes.fr[data-v-54da1853]{opacity:.75}.mix-bar[data-v-54da1853]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-bottom:1.5rem;background:color-mix(in srgb,var(--accent2) 8%,var(--surface))}.mix-label[data-v-54da1853]{font-size:.85rem;font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.mix-hint[data-v-54da1853]{font-weight:400;color:var(--muted);font-size:.8rem}.mix-bar select[data-v-54da1853]{padding:.5rem .7rem;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.88rem}.mix-active[data-v-54da1853]{flex-basis:100%;margin:0;font-size:.82rem;color:var(--accent2)}.mix-active b[data-v-54da1853]{color:var(--text)}.prog-title[data-v-54da1853]{margin:0 0 .5rem;font-size:1.05rem}.voice-note[data-v-54da1853]{margin:0 0 .9rem;font-size:.83rem;color:var(--muted);max-width:760px}.voice-note b[data-v-54da1853]{color:var(--text)}.prog-title .muted[data-v-54da1853]{font-weight:400}.prog-list[data-v-54da1853]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.9rem}.prog-card[data-v-54da1853]{display:flex;flex-direction:column;gap:.6rem}.prog-head[data-v-54da1853]{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.prog-roman[data-v-54da1853]{display:block;color:var(--accent2);font-family:Georgia,serif;font-size:.85rem}.play-btn[data-v-54da1853]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.45rem .95rem;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:filter .15s}.play-btn[data-v-54da1853]:hover{filter:brightness(1.15)}.prog-chords[data-v-54da1853]{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.link[data-v-54da1853]{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;cursor:help;color:#06231f;background:var(--scale-color)}.link.none[data-v-54da1853]{background:transparent;border:1px dashed var(--muted);color:var(--muted)}.prog-chip[data-v-54da1853]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .6rem;font-size:.85rem;font-weight:600;display:flex;flex-direction:column;align-items:center;line-height:1.2}.prog-chip small[data-v-54da1853]{color:var(--accent2);font-family:Georgia,serif;font-weight:700;font-size:.68rem}.prog-card .muted[data-v-54da1853]{margin:0;font-size:.8rem}.prog-hint[data-v-54da1853]{margin:0;font-size:.78rem;color:var(--root-color);background:color-mix(in srgb,var(--root-color) 10%,transparent);border-radius:var(--radius);padding:.4rem .6rem}.cadences[data-v-2fd3ffea]{margin-top:1.75rem}h3[data-v-2fd3ffea]{margin:0 0 .4rem;font-size:1.05rem}.muted[data-v-2fd3ffea]{color:var(--muted);font-weight:400;font-size:.88rem}.intro[data-v-2fd3ffea]{margin:0 0 .9rem;font-size:.88rem;color:var(--muted);max-width:760px}.intro b[data-v-2fd3ffea]{color:var(--text)}.grid[data-v-2fd3ffea]{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:.9rem}.cad[data-v-2fd3ffea]{display:flex;flex-direction:column;gap:.55rem}.cad-head[data-v-2fd3ffea]{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cad-roman[data-v-2fd3ffea]{display:block;color:var(--accent2);font-family:Georgia,serif;font-size:.85rem}.play-btn[data-v-2fd3ffea]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.45rem .95rem;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:filter .15s}.play-btn[data-v-2fd3ffea]:hover{filter:brightness(1.15)}.chips[data-v-2fd3ffea]{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.chip[data-v-2fd3ffea]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .6rem;font-size:.85rem;font-weight:600;display:flex;flex-direction:column;align-items:center;line-height:1.2}.chip small[data-v-2fd3ffea]{color:var(--accent2);font-family:Georgia,serif;font-weight:700;font-size:.68rem}.feeling[data-v-2fd3ffea]{margin-left:auto;font-size:.8rem;font-weight:600;color:var(--root-color)}.desc[data-v-2fd3ffea]{margin:0;font-size:.82rem;color:var(--muted)}.hint[data-v-2fd3ffea]{margin:0;font-size:.78rem;color:var(--root-color);background:color-mix(in srgb,var(--root-color) 10%,transparent);border-radius:var(--radius);padding:.4rem .6rem}.hint b[data-v-2fd3ffea]{color:var(--text)}.melody-block[data-v-fd233e52]{margin-top:1.75rem}h3[data-v-fd233e52]{margin:0 0 .75rem;font-size:1.05rem}.muted[data-v-fd233e52]{color:var(--muted);font-weight:400;font-size:.88rem}.melody-list[data-v-fd233e52]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.melody-card[data-v-fd233e52]{display:flex;flex-direction:column;gap:.5rem}.melody-head[data-v-fd233e52]{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.play-btn[data-v-fd233e52]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.45rem .95rem;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:filter .15s}.play-btn[data-v-fd233e52]:hover{filter:brightness(1.15)}.notes[data-v-fd233e52]{margin:0;font-size:.85rem;color:var(--accent2)}.melody-card .muted[data-v-fd233e52]{margin:0;font-size:.8rem}.rhythm-head[data-v-181b6ffe]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1rem}.muted[data-v-181b6ffe]{color:var(--muted);font-size:.88rem}.controls[data-v-181b6ffe]{display:flex;gap:.5rem}.play-btn[data-v-181b6ffe]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1.1rem;font-size:.85rem;cursor:pointer;transition:filter .15s}.play-btn[data-v-181b6ffe]:hover{filter:brightness(1.15)}.reset-btn[data-v-181b6ffe]{background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .9rem;font-size:.85rem;cursor:pointer}.reset-btn[data-v-181b6ffe]:hover{color:var(--text)}.grid-wrap[data-v-181b6ffe]{overflow-x:auto;padding-bottom:.25rem}.seq-grid[data-v-181b6ffe]{display:grid;grid-template-columns:92px repeat(16,minmax(24px,1fr));gap:5px;min-width:560px}.track-label[data-v-181b6ffe]{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted);white-space:nowrap}.cell[data-v-181b6ffe]{aspect-ratio:1;border-radius:6px;border:1px solid var(--border);background:var(--surface2);cursor:pointer;padding:0;transition:background .1s,border-color .1s,transform .05s}.cell.beat-start[data-v-181b6ffe]{border-left:2px solid color-mix(in srgb,var(--muted) 55%,var(--border))}.cell[data-v-181b6ffe]:hover{border-color:var(--accent)}.cell.on[data-v-181b6ffe]{background:var(--accent);border-color:transparent}.cell.current[data-v-181b6ffe]{transform:scale(1.12);border-color:var(--root-color)}.cell.on.current[data-v-181b6ffe]{filter:brightness(1.35)}.beat-numbers[data-v-181b6ffe]{display:grid;grid-template-columns:92px repeat(4,1fr);gap:5px;min-width:560px;margin-top:.3rem}.beat-num[data-v-181b6ffe]{text-align:left;font-size:.72rem;color:var(--muted);padding-left:.2rem}.tip[data-v-181b6ffe]{margin:1rem 0 0;font-size:.85rem;background:color-mix(in srgb,var(--accent2) 8%,transparent);border-radius:var(--radius);padding:.6rem .8rem}.intro[data-v-e0b08f1f]{margin:0 0 1rem;max-width:680px}.muted[data-v-e0b08f1f]{color:var(--muted);font-size:.9rem}.muted b[data-v-e0b08f1f]{color:var(--text)}.controls[data-v-e0b08f1f]{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:flex-end;margin-bottom:1.1rem}label[data-v-e0b08f1f]{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}select[data-v-e0b08f1f]{padding:.55rem .7rem;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;min-width:260px}.play-btn[data-v-e0b08f1f]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.6rem 1.3rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s}.play-btn[data-v-e0b08f1f]:hover{filter:brightness(1.15)}.bars[data-v-e0b08f1f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}.bar[data-v-e0b08f1f]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem;display:flex;flex-direction:column;gap:.3rem;transition:border-color .1s,background .1s}.bar.active[data-v-e0b08f1f]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,var(--surface2))}.bar small[data-v-e0b08f1f]{color:var(--muted);font-size:.7rem}.bar b[data-v-e0b08f1f]{font-size:1.15rem}.beats[data-v-e0b08f1f]{display:flex;gap:.3rem;margin-top:.15rem}.beat-dot[data-v-e0b08f1f]{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .05s,transform .05s}.beat-dot.on[data-v-e0b08f1f]{background:var(--root-color);transform:scale(1.3)}.recipe[data-v-e0b08f1f]{margin:1.1rem 0 0}.learning[data-v-b47867bc]{display:flex;flex-direction:column;gap:.75rem}details[data-v-b47867bc]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}summary[data-v-b47867bc]{cursor:pointer;padding:1rem 1.25rem;font-weight:600;font-size:1rem;list-style:none;transition:background .15s}summary[data-v-b47867bc]::-webkit-details-marker{display:none}summary[data-v-b47867bc]:after{content:"＋";float:right;color:var(--accent2)}details[open] summary[data-v-b47867bc]:after{content:"－"}summary[data-v-b47867bc]:hover{background:var(--surface2)}.content[data-v-b47867bc]{padding:0 1.25rem 1.25rem;font-size:.92rem}.content p[data-v-b47867bc]{margin:.5rem 0}.muted[data-v-b47867bc]{color:var(--muted)}.formula code[data-v-b47867bc]{font-size:1.05rem;color:var(--accent2);background:var(--surface2);padding:.3rem .7rem;border-radius:var(--radius)}.notes[data-v-b47867bc]{color:var(--accent2)}h4[data-v-b47867bc]{margin:1rem 0 .5rem;font-size:.9rem}.chord-types[data-v-b47867bc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.chord-type[data-v-b47867bc]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .7rem;display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.chord-type .sym[data-v-b47867bc]{color:var(--chord-color);font-family:monospace}.chord-type code[data-v-b47867bc]{color:var(--accent2);font-size:.8rem}.chord-type small[data-v-b47867bc]{color:var(--muted);font-size:.75rem}.table-wrap[data-v-b47867bc]{overflow-x:auto;margin:.75rem 0}table[data-v-b47867bc]{width:100%;border-collapse:collapse;font-size:.85rem;min-width:480px}th[data-v-b47867bc],td[data-v-b47867bc]{padding:.45rem .6rem;border:1px solid var(--border);text-align:left}thead th[data-v-b47867bc]{background:var(--surface2)}.roman[data-v-b47867bc]{font-family:Georgia,serif;font-weight:700;color:var(--accent2)}.quiz-head[data-v-1f7363e2]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem}.muted[data-v-1f7363e2]{color:var(--muted);font-size:.9rem;margin:0;max-width:560px}.muted b[data-v-1f7363e2]{color:var(--text)}.score[data-v-1f7363e2]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.9rem;font-weight:600;white-space:nowrap}.q-text[data-v-1f7363e2]{font-size:1.05rem;font-weight:600;margin:0 0 .75rem}.listen-btn[data-v-1f7363e2]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1.1rem;font-size:.85rem;cursor:pointer;margin-bottom:.9rem;transition:filter .15s}.listen-btn[data-v-1f7363e2]:hover{filter:brightness(1.15)}.options[data-v-1f7363e2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.option[data-v-1f7363e2]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem;color:var(--text);font-size:.92rem;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.option[data-v-1f7363e2]:hover{border-color:var(--accent)}.option.correct[data-v-1f7363e2]{border-color:#4ade80;background:color-mix(in srgb,#4ade80 16%,var(--surface2))}.option.wrong[data-v-1f7363e2]{border-color:#f87171;background:color-mix(in srgb,#f87171 16%,var(--surface2))}.option.dim[data-v-1f7363e2]{opacity:.45}.feedback[data-v-1f7363e2]{margin-top:1rem}.feedback p[data-v-1f7363e2]{font-size:.9rem;color:var(--muted);margin:0 0 .75rem}.feedback b[data-v-1f7363e2]{color:var(--text)}.next-btn[data-v-1f7363e2]{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem 1.2rem;font-size:.88rem;cursor:pointer;transition:border-color .15s}.next-btn[data-v-1f7363e2]:hover{border-color:var(--accent2)}.intro[data-v-624ee1ca]{font-size:.95rem;color:var(--muted);max-width:720px;margin:0 0 1.25rem}.intro b[data-v-624ee1ca]{color:var(--text)}.steps[data-v-624ee1ca]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.9rem}.step-card[data-v-624ee1ca]{display:flex;gap:.9rem;align-items:flex-start}.num[data-v-624ee1ca]{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}.step-card b[data-v-624ee1ca]{font-size:.95rem}.step-card p[data-v-624ee1ca]{margin:.35rem 0 0;font-size:.85rem;color:var(--muted);line-height:1.55}.outro[data-v-624ee1ca]{margin-top:1.25rem;font-size:.92rem;color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.outro b[data-v-624ee1ca]{color:var(--text)}.glossary-head[data-v-ef715488]{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;margin-bottom:.9rem}.muted[data-v-ef715488]{color:var(--muted);font-size:.9rem;margin:0;max-width:560px}.muted b[data-v-ef715488]{color:var(--text)}input[data-v-ef715488]{flex:1;min-width:240px;max-width:380px;padding:.6rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem}input[data-v-ef715488]:focus{outline:none;border-color:var(--accent)}.toolbar[data-v-ef715488]{margin-bottom:1rem;min-height:1.9rem;display:flex;align-items:center}.toggle-all[data-v-ef715488]{background:none;border:none;border-bottom:1px solid var(--rule);padding:.15rem 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.toggle-all[data-v-ef715488]:hover{color:var(--accent);border-color:var(--accent)}.count[data-v-ef715488]{font-size:.78rem;color:var(--muted)}.no-result[data-v-ef715488]{margin:1rem 0}.cat-block[data-v-ef715488]{border-top:1px solid var(--rule)}.cat-block h3[data-v-ef715488]{margin:0;font-size:1rem}.cat-toggle[data-v-ef715488]{display:flex;align-items:baseline;gap:.6rem;width:100%;background:none;border:none;padding:.85rem .2rem;font:inherit;font-family:var(--font-display);color:var(--ink);text-align:left;cursor:pointer}.cat-toggle:hover .cat-label[data-v-ef715488]{color:var(--accent)}.chevron[data-v-ef715488]{display:inline-block;color:var(--accent);font-size:.8em;transition:transform .18s ease}.chevron.open[data-v-ef715488]{transform:rotate(90deg)}.cat-count[data-v-ef715488]{margin-left:auto;font-family:var(--font-data);font-size:.78rem;color:var(--muted)}.entries[data-v-ef715488]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.6rem;padding:.2rem 0 1.1rem}.entry[data-v-ef715488]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .9rem}.entry[data-v-ef715488]:target{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.entry[data-v-ef715488]{scroll-margin-top:5rem}.entry b[data-v-ef715488]{font-size:.92rem}.entry p[data-v-ef715488]{margin:.3rem 0 0;font-size:.82rem;color:var(--muted);line-height:1.55}@media(prefers-reduced-motion:reduce){.chevron[data-v-ef715488]{transition:none}}.context-bar[data-v-d06805da]{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .75rem;padding:.6rem 1rem;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);font-size:.88rem}.ctx-item small[data-v-d06805da]{color:var(--muted);margin-left:.3rem}.ctx-sep[data-v-d06805da]{color:var(--border)}.ctx-item.chord[data-v-d06805da]{color:var(--chord-color);font-weight:600}.ctx-item.mix[data-v-d06805da]{color:var(--accent2);font-weight:600}.mode-btn[data-v-d06805da]{background:color-mix(in srgb,var(--accent2) 16%,var(--surface2));color:var(--text);border:1px solid var(--accent2);border-radius:var(--radius-sm);padding:.3rem .8rem;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:filter .15s}.mode-btn[data-v-d06805da]:hover{filter:brightness(1.15)}.share-btn[data-v-d06805da]{background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .8rem;font-size:.78rem;cursor:pointer;transition:color .15s,border-color .15s}.share-btn[data-v-d06805da]:hover{color:var(--text);border-color:var(--accent2)}main[data-v-d06805da]{max-width:1080px;margin:0 auto;padding:1rem 1.25rem 3rem}.section[data-v-d06805da]{margin-top:3rem;scroll-margin-top:4rem}h2[data-v-d06805da]{display:flex;align-items:center;gap:.65rem;font-size:clamp(1.25rem,3vw,1.6rem);margin:0 0 1.1rem;letter-spacing:-.01em}.collapse-btn[data-v-d06805da]{margin-left:auto;background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .85rem;font-size:.75rem;cursor:pointer;transition:color .15s,border-color .15s}.collapse-btn[data-v-d06805da]:hover{color:var(--text);border-color:var(--accent2)}.guide-teaser[data-v-d06805da]{margin:1.5rem 0 0;font-size:.9rem;color:var(--muted);background:color-mix(in srgb,var(--accent2) 8%,var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem}.link-btn[data-v-d06805da]{background:none;border:none;padding:0;font:inherit;color:var(--accent2);font-weight:600;cursor:pointer;text-decoration:underline}.step[data-v-d06805da]{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;font-size:.62em;border-radius:50%;background:var(--accent);color:#fff;flex-shrink:0}.section-more[data-v-d06805da]{margin:1.2rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.7}.section-more a[data-v-d06805da]{color:var(--accent2)}.footer-nav[data-v-d06805da]{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.2rem}.footer-nav a[data-v-d06805da]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem 1rem;font-size:.85rem;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s}.footer-nav a[data-v-d06805da]:hover,.footer-link[data-v-d06805da]:hover{border-color:var(--accent2);color:var(--accent2)}.footer-link[data-v-d06805da]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem 1rem;font:inherit;font-size:.85rem;color:var(--text);cursor:pointer;transition:border-color .15s,color .15s}.footer[data-v-d06805da]{text-align:center;padding:2.5rem 1rem 3rem;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;line-height:1.8}.guide[data-v-ed5b9e82]{max-width:900px;margin:0 auto}.guide-head[data-v-ed5b9e82]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}h2[data-v-ed5b9e82]{margin:0;font-size:clamp(1.3rem,3vw,1.75rem)}.intro[data-v-ed5b9e82]{margin:.4rem 0 0;color:var(--muted);font-size:.9rem;max-width:640px}.close-btn[data-v-ed5b9e82]{background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .9rem;font-size:.8rem;cursor:pointer;white-space:nowrap}.close-btn[data-v-ed5b9e82]:hover{color:var(--text);border-color:var(--accent2)}.progress[data-v-ed5b9e82]{margin-bottom:.9rem}.bar[data-v-ed5b9e82]{height:8px;background:var(--surface2);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.bar span[data-v-ed5b9e82]{display:block;height:100%;background:var(--accent);transition:width .3s ease}.progress small[data-v-ed5b9e82]{color:var(--muted);font-size:.76rem}.chapters[data-v-ed5b9e82]{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}.chip[data-v-ed5b9e82]{display:flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .8rem .35rem .35rem;font-size:.8rem;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.chip[data-v-ed5b9e82]:hover{color:var(--text);border-color:var(--accent2)}.chip .num[data-v-ed5b9e82]{width:1.35rem;height:1.35rem;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.chip.done[data-v-ed5b9e82]{color:var(--text)}.chip.done .num[data-v-ed5b9e82]{background:var(--accent2);color:#06231f}.chip.current[data-v-ed5b9e82]{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.chip.current .num[data-v-ed5b9e82]{background:var(--accent);color:#fff}.goal[data-v-ed5b9e82]{margin:0 0 .75rem;font-size:.85rem;color:var(--accent2);border-left:3px solid var(--accent2);padding-left:.7rem}.panel[data-v-ed5b9e82]{background:var(--surface)}.step-head[data-v-ed5b9e82]{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.6rem}h3[data-v-ed5b9e82]{margin:0;font-size:1.15rem}.counter[data-v-ed5b9e82]{color:var(--muted);font-size:.78rem;white-space:nowrap}.step-text[data-v-ed5b9e82]{font-size:.95rem;line-height:1.65;margin-bottom:1.1rem}.mini-piano[data-v-ed5b9e82]{position:relative;display:flex;height:clamp(120px,17vw,165px);-webkit-user-select:none;user-select:none;touch-action:pan-y;margin-bottom:1rem}.mk[data-v-ed5b9e82]{border:1px solid #2a2f3d;cursor:pointer;padding:0;position:relative;transition:filter .08s,transform .05s}.mk[data-v-ed5b9e82]:active,.mk.playing[data-v-ed5b9e82]{filter:brightness(.85);transform:translateY(1px)}.mk.white[data-v-ed5b9e82]{background:linear-gradient(#fdfcf8,#e6e2d6);border-radius:0 0 6px 6px;display:flex;align-items:flex-end;justify-content:center;color:#8d8677}.mk.white.on[data-v-ed5b9e82]{background:linear-gradient(#fdfcf8 40%,color-mix(in srgb,var(--scale-color) 45%,#efece2));box-shadow:inset 0 -7px 0 var(--scale-color);color:#1f2430}.mk.white.playing[data-v-ed5b9e82]{box-shadow:inset 0 -9px 0 var(--root-color)}.mk.black[data-v-ed5b9e82]{position:absolute;top:0;height:62%;background:linear-gradient(#3a4050,#14161d);border-radius:0 0 5px 5px;z-index:2}.mk.black.on[data-v-ed5b9e82]{background:linear-gradient(#3a4050 35%,color-mix(in srgb,var(--scale-color) 62%,#14161d));box-shadow:inset 0 -7px 0 var(--scale-color)}.mk.black.playing[data-v-ed5b9e82]{box-shadow:inset 0 -9px 0 var(--root-color)}.mk-label[data-v-ed5b9e82]{font-size:clamp(.6rem,1.1vw,.8rem);padding-bottom:.5rem;pointer-events:none}.chap-intro[data-v-ed5b9e82]{margin:0 0 .9rem;font-size:.9rem;color:var(--muted);font-style:italic;border-left:3px solid var(--border);padding-left:.8rem}.actions[data-v-ed5b9e82]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1.1rem}.deeper[data-v-ed5b9e82]{display:grid;gap:.6rem;margin-bottom:1rem}.block[data-v-ed5b9e82]{border-radius:var(--radius);padding:.7rem .85rem;font-size:.88rem;line-height:1.6;color:var(--muted);border-left:3px solid var(--border);background:var(--surface2)}.block b[data-v-ed5b9e82]{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.25rem;color:var(--text)}.block.detail[data-v-ed5b9e82]{border-left-color:var(--accent2)}.block.why[data-v-ed5b9e82]{border-left-color:var(--accent)}.block.mistake[data-v-ed5b9e82]{border-left-color:var(--root-color)}.block.mistake b[data-v-ed5b9e82]{color:var(--root-color)}.recap[data-v-ed5b9e82]{margin:1rem 0 0;font-size:.88rem;color:var(--muted);background:color-mix(in srgb,var(--accent2) 8%,transparent);border-radius:var(--radius);padding:.6rem .8rem}.recap b[data-v-ed5b9e82]{color:var(--text)}.demo-btn[data-v-ed5b9e82]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap}.demo-btn[data-v-ed5b9e82]:hover{filter:brightness(1.15)}.key-line[data-v-ed5b9e82]{margin:0;font-size:.86rem;color:var(--accent2);background:color-mix(in srgb,var(--accent2) 9%,transparent);border-radius:var(--radius);padding:.45rem .7rem}.quiz .badge[data-v-ed5b9e82]{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--root-color);background:color-mix(in srgb,var(--root-color) 14%,transparent);border-radius:var(--radius-sm);padding:.2rem .7rem;margin-bottom:.6rem}.options[data-v-ed5b9e82]{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.9rem}.option[data-v-ed5b9e82]{text-align:left;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem;color:var(--text);font-size:.92rem;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.option[data-v-ed5b9e82]:hover{border-color:var(--accent)}.option.correct[data-v-ed5b9e82]{border-color:#4ade80;background:color-mix(in srgb,#4ade80 16%,var(--surface2))}.option.wrong[data-v-ed5b9e82]{border-color:#f87171;background:color-mix(in srgb,#f87171 16%,var(--surface2))}.option.dim[data-v-ed5b9e82]{opacity:.45}.feedback[data-v-ed5b9e82]{margin-top:.9rem}.feedback p[data-v-ed5b9e82]{font-size:.88rem;color:var(--muted);margin:0 0 .6rem;line-height:1.6}.feedback .ok b[data-v-ed5b9e82]{color:#4ade80}.feedback .ko b[data-v-ed5b9e82]{color:#f87171}.retry[data-v-ed5b9e82]{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:.83rem;cursor:pointer}.retry[data-v-ed5b9e82]:hover{border-color:var(--accent2)}.nav[data-v-ed5b9e82]{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.1rem}.nav-btn[data-v-ed5b9e82],.primary[data-v-ed5b9e82]{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem 1.25rem;font-size:.9rem;cursor:pointer;transition:border-color .15s,filter .15s,opacity .15s}.nav-btn[data-v-ed5b9e82]:hover:not(:disabled){border-color:var(--accent2)}.nav-btn[data-v-ed5b9e82]:disabled{opacity:.35;cursor:not-allowed}.nav-btn.primary[data-v-ed5b9e82],.primary[data-v-ed5b9e82]{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}.nav-btn.primary[data-v-ed5b9e82]:hover:not(:disabled),.primary[data-v-ed5b9e82]:hover{filter:brightness(1.15)}.lock[data-v-ed5b9e82]{margin:.6rem 0 0;font-size:.8rem;color:var(--muted)}.end[data-v-ed5b9e82]{text-align:center;padding:2rem 1.25rem}.end h3[data-v-ed5b9e82]{font-size:1.4rem;margin-bottom:.5rem}.end p[data-v-ed5b9e82]{color:var(--muted);max-width:560px;margin:0 auto 1.25rem;line-height:1.65}.guide-page[data-v-e8a202b1]{max-width:1080px;margin:0 auto;padding:2rem 1.25rem 4rem}.stave-figure[data-v-25deb25d]{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem 1rem}figcaption[data-v-25deb25d]{display:flex;align-items:center;gap:.8rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.6rem}.listen[data-v-25deb25d]{margin-left:auto;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .7rem;font-size:.72rem;text-transform:none;letter-spacing:0;cursor:pointer}.listen[data-v-25deb25d]:hover{border-color:var(--accent2)}.scroll[data-v-25deb25d]{overflow-x:auto}svg[data-v-25deb25d]{display:block;max-width:100%;height:auto}.staff-line[data-v-25deb25d]{stroke:var(--rule-strong);stroke-width:1}.clef[data-v-25deb25d]{font-size:46px;fill:var(--ink);font-family:Segoe UI Symbol,Noto Music,Bravura,serif;dominant-baseline:alphabetic}.head[data-v-25deb25d]{fill:var(--ink)}.head.tonic[data-v-25deb25d]{fill:var(--root-color)}.acc[data-v-25deb25d]{font-size:15px;fill:var(--ink);text-anchor:middle;dominant-baseline:middle;font-family:Segoe UI Symbol,Noto Music,serif}.name[data-v-25deb25d]{font-size:10px;fill:var(--muted);text-anchor:middle;font-family:var(--font-data)}.closing .head[data-v-25deb25d]{fill:var(--rule-strong)}.closing .name[data-v-25deb25d]{opacity:.6}.note-hint[data-v-25deb25d]{margin:.7rem 0 0;font-size:.85rem;line-height:1.6;color:var(--muted)}.quiz-runner[data-v-2953ba94]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.3rem}.compact[data-v-2953ba94]{padding:1rem}.primary[data-v-2953ba94]{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:filter .15s}.primary[data-v-2953ba94]:hover{filter:brightness(1.12)}.rules[data-v-2953ba94]{color:var(--muted);line-height:1.7;margin:0 0 1rem;font-size:.92rem}.rules b[data-v-2953ba94]{color:var(--text)}.best-badge[data-v-2953ba94]{display:inline-block;margin-bottom:.9rem;font-size:.82rem;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .8rem}.best-badge.ok[data-v-2953ba94]{color:var(--scale-color);border-color:var(--scale-color)}.best-badge small[data-v-2953ba94]{opacity:.7}.bar[data-v-2953ba94]{height:4px;background:var(--surface2);border-radius:var(--radius-sm);overflow:hidden}.bar-fill[data-v-2953ba94]{height:100%;background:var(--accent);transition:width .25s}.meta[data-v-2953ba94]{display:flex;justify-content:space-between;font-size:.78rem;color:var(--muted);margin:.5rem 0 1rem}.q-text[data-v-2953ba94]{font-family:var(--font-display);font-size:1.3rem;line-height:1.45;margin:0 0 .9rem}.listen[data-v-2953ba94]{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .9rem;font-size:.85rem;cursor:pointer;margin-bottom:.9rem}.listen[data-v-2953ba94]:hover{border-color:var(--accent2)}.options[data-v-2953ba94]{display:grid;gap:.5rem}.option[data-v-2953ba94]{text-align:left;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .95rem;font-size:.95rem;cursor:pointer;transition:border-color .15s,background .15s}.option[data-v-2953ba94]:hover:not(:disabled){border-color:var(--accent2)}.option[data-v-2953ba94]:disabled{cursor:default}.option.good[data-v-2953ba94]{border-color:var(--scale-color);background:color-mix(in srgb,var(--scale-color) 18%,var(--surface2))}.option.bad[data-v-2953ba94]{border-color:#e5484d;background:color-mix(in srgb,#e5484d 18%,var(--surface2))}.feedback[data-v-2953ba94]{margin-top:1rem}.verdict[data-v-2953ba94]{font-weight:700;margin:0 0 .4rem;color:#e5484d}.verdict.ok[data-v-2953ba94]{color:var(--scale-color)}.explanation[data-v-2953ba94]{color:var(--muted);line-height:1.7;margin:0 0 1rem;font-size:.92rem}.result[data-v-2953ba94]{text-align:center;padding:1rem 0}.result-score[data-v-2953ba94]{font-size:2.4rem;font-weight:800;margin:0;letter-spacing:-.03em}.result-title[data-v-2953ba94]{font-size:1.1rem;font-weight:600;margin:.3rem 0 .6rem}.result.ok .result-score[data-v-2953ba94],.result.ok .result-title[data-v-2953ba94]{color:var(--scale-color)}.result-text[data-v-2953ba94]{color:var(--muted);line-height:1.7;margin:0 auto 1.2rem;max-width:46ch;font-size:.92rem}.scale-page[data-v-d3e45dc4]{max-width:1000px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.crumbs[data-v-d3e45dc4]{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.crumbs a[data-v-d3e45dc4]{color:var(--accent2);text-decoration:none}.crumbs a[data-v-d3e45dc4]:hover{text-decoration:underline}.crumbs strong[data-v-d3e45dc4]{color:var(--text);font-weight:600}.eyebrow[data-v-d3e45dc4]{margin:0 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.head h1[data-v-d3e45dc4]{font-size:clamp(1.9rem,5.5vw,3rem);margin:0;letter-spacing:-.02em}.title-stave[data-v-d3e45dc4]{width:min(100%,22rem);margin:.9rem 0 1.4rem}.section-stave[data-v-d3e45dc4]{width:4.5rem;margin-bottom:1.1rem;opacity:.85}.lead[data-v-d3e45dc4]{color:var(--muted);font-size:1.02rem;line-height:1.7;margin:0 0 1.5rem;max-width:65ch}.facts[data-v-d3e45dc4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:0 0 1.5rem}.facts div[data-v-d3e45dc4]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem}.facts dt[data-v-d3e45dc4]{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.facts dd[data-v-d3e45dc4]{margin:.2rem 0 0;font-weight:600}.cta[data-v-d3e45dc4]{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;border-radius:var(--radius-sm);padding:.6rem 1.3rem;transition:filter .15s}.cta[data-v-d3e45dc4]:hover{filter:brightness(1.1)}.block[data-v-d3e45dc4]{margin-top:3rem}.block h2[data-v-d3e45dc4]{font-size:clamp(1.2rem,3vw,1.5rem);margin:0 0 .9rem;letter-spacing:-.01em}.intro[data-v-d3e45dc4]{color:var(--muted);line-height:1.7;margin:0 0 1.1rem;max-width:65ch}.table-wrap[data-v-d3e45dc4]{overflow-x:auto}table[data-v-d3e45dc4]{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th[data-v-d3e45dc4]{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:.6rem .8rem;border-bottom:1px solid var(--border);white-space:nowrap}td[data-v-d3e45dc4]{padding:.6rem .8rem;border-bottom:1px solid var(--border)}tbody tr:last-child td[data-v-d3e45dc4]{border-bottom:none}tr.root[data-v-d3e45dc4]{background:color-mix(in srgb,var(--root-color) 12%,transparent)}.tag[data-v-d3e45dc4]{margin-left:.5rem;font-size:.68rem;color:var(--root-color);border:1px solid var(--root-color);border-radius:var(--radius-sm);padding:.05rem .45rem}.roman[data-v-d3e45dc4]{font-family:var(--font-data);color:var(--chord-color);font-weight:700}.facts .formula[data-v-d3e45dc4]{font-size:.82rem;letter-spacing:-.02em;white-space:nowrap}.notes td[data-v-d3e45dc4]:nth-child(3),.chords td[data-v-d3e45dc4]:nth-child(3),.chords td[data-v-d3e45dc4]:last-child{font-family:var(--font-data);font-size:.9rem}.notes-cell[data-v-d3e45dc4]{color:var(--muted)}.relative[data-v-d3e45dc4],.empty[data-v-d3e45dc4]{margin:1.2rem 0 0;background:color-mix(in srgb,var(--accent2) 8%,var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;line-height:1.7;color:var(--muted)}.relative b[data-v-d3e45dc4],.empty b[data-v-d3e45dc4]{color:var(--text)}.relative a[data-v-d3e45dc4],.empty a[data-v-d3e45dc4],.guide-note a[data-v-d3e45dc4]{color:var(--accent2)}.styles[data-v-d3e45dc4]{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.styles a[data-v-d3e45dc4]{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;text-decoration:none;color:var(--text);transition:border-color .15s}.styles a[data-v-d3e45dc4]:hover{border-color:var(--accent2)}.emoji[data-v-d3e45dc4]{font-size:1.4rem}.s-name[data-v-d3e45dc4]{font-weight:600}.s-meta[data-v-d3e45dc4]{margin-left:auto;font-size:.76rem;color:var(--muted);text-align:right}.link-cols[data-v-d3e45dc4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.link-cols h3[data-v-d3e45dc4]{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .6rem}.link-cols ul[data-v-d3e45dc4]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.link-cols a[data-v-d3e45dc4]{display:inline-block;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .75rem;font-size:.82rem;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s}.link-cols a[data-v-d3e45dc4]:hover{border-color:var(--accent2);color:var(--accent2)}.guide-note[data-v-d3e45dc4]{margin:2rem 0 0;color:var(--muted);font-size:.9rem}.quiz-more[data-v-d3e45dc4]{margin:1rem 0 0;color:var(--muted);font-size:.9rem}.quiz-more a[data-v-d3e45dc4]{color:var(--accent2)}.missing .fallback[data-v-d3e45dc4]{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}.missing .fallback a[data-v-d3e45dc4]{color:var(--accent2)}.index-page[data-v-a07b3ec1]{max-width:1000px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.crumbs[data-v-a07b3ec1]{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.crumbs a[data-v-a07b3ec1]{color:var(--accent2);text-decoration:none}.crumbs a[data-v-a07b3ec1]:hover{text-decoration:underline}.crumbs strong[data-v-a07b3ec1]{color:var(--text);font-weight:600}.head h1[data-v-a07b3ec1]{font-size:clamp(1.7rem,5vw,2.6rem);margin:0 0 .75rem;letter-spacing:-.02em}.lead[data-v-a07b3ec1]{color:var(--muted);font-size:1.02rem;line-height:1.7;margin:0;max-width:65ch}.lead b[data-v-a07b3ec1]{color:var(--text)}.scale-block[data-v-a07b3ec1]{margin-top:2.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem}.scale-head[data-v-a07b3ec1]{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.scale-head h2[data-v-a07b3ec1]{font-size:1.15rem;margin:0;letter-spacing:-.01em}.count[data-v-a07b3ec1]{font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.1rem .55rem}.mood[data-v-a07b3ec1]{margin:.4rem 0 0;color:var(--accent2);font-size:.88rem}.example[data-v-a07b3ec1]{margin:.35rem 0 .9rem;color:var(--muted);font-size:.88rem;line-height:1.6}.example b[data-v-a07b3ec1]{color:var(--text)}.formula[data-v-a07b3ec1]{white-space:nowrap}.keys[data-v-a07b3ec1]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.keys a[data-v-a07b3ec1]{display:inline-block;min-width:2.9rem;text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .6rem;font-size:.86rem;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s}.keys a[data-v-a07b3ec1]:hover{border-color:var(--accent2);color:var(--accent2)}.guide-note[data-v-a07b3ec1]{margin:2.5rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.7;background:color-mix(in srgb,var(--accent2) 8%,var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem}.guide-note a[data-v-a07b3ec1]{color:var(--accent2)}.glossary-page[data-v-e820a3cc]{max-width:1000px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.crumbs[data-v-e820a3cc]{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.crumbs a[data-v-e820a3cc]{color:var(--accent2);text-decoration:none}.crumbs a[data-v-e820a3cc]:hover{text-decoration:underline}.crumbs strong[data-v-e820a3cc]{color:var(--text);font-weight:600}.eyebrow[data-v-e820a3cc]{margin:0 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}.head h1[data-v-e820a3cc]{font-size:clamp(1.9rem,5.5vw,3rem);margin:0;letter-spacing:-.02em}.title-stave[data-v-e820a3cc]{width:min(100%,20rem);margin:.9rem 0 1.4rem}.lead[data-v-e820a3cc]{color:var(--muted);font-size:1.02rem;line-height:1.7;margin:0 0 1rem;max-width:65ch}.lead b[data-v-e820a3cc]{color:var(--text)}.note[data-v-e820a3cc]{color:var(--muted);font-size:.88rem;line-height:1.7;background:color-mix(in srgb,var(--accent2) 8%,var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;margin:0 0 2rem}.note code[data-v-e820a3cc]{color:var(--ink)}.guide-note[data-v-e820a3cc]{margin:2.5rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.7}.guide-note a[data-v-e820a3cc]{color:var(--accent2)}.page[data-v-05c259bd]{max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.crumbs[data-v-05c259bd]{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.crumbs a[data-v-05c259bd]{color:var(--accent2);text-decoration:none}.crumbs a[data-v-05c259bd]:hover{text-decoration:underline}.crumbs strong[data-v-05c259bd]{color:var(--text);font-weight:600}.eyebrow[data-v-05c259bd]{margin:0 0 .4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}h1[data-v-05c259bd]{font-size:clamp(1.7rem,5vw,2.4rem);margin:0;letter-spacing:-.02em}.title-stave[data-v-05c259bd]{width:min(100%,16rem);margin:.9rem 0 1.3rem}.lead[data-v-05c259bd]{color:var(--muted);font-size:1.02rem;line-height:1.7;margin:0;max-width:62ch}section[data-v-05c259bd]{margin-top:2.5rem}h2[data-v-05c259bd]{font-size:1.15rem;margin:0 0 .7rem;letter-spacing:-.01em}p[data-v-05c259bd]{margin:0 0 .9rem;line-height:1.75;max-width:65ch;color:var(--muted)}p strong[data-v-05c259bd]{color:var(--text)}a[data-v-05c259bd]{color:var(--accent2)}.pourquoi[data-v-05c259bd],.responsable[data-v-05c259bd]{background:color-mix(in srgb,var(--accent2) 8%,var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.05rem}.todo[data-v-05c259bd]{color:var(--accent);font-family:var(--font-data);font-size:.88em}.lien[data-v-05c259bd]{background:none;border:none;padding:0;font:inherit;color:var(--accent2);text-decoration:underline;cursor:pointer}.retour[data-v-05c259bd]{margin-top:3rem}.quiz-index[data-v-36125d61]{max-width:900px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.crumbs[data-v-36125d61]{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.crumbs a[data-v-36125d61]{color:var(--accent2);text-decoration:none}.crumbs a[data-v-36125d61]:hover{text-decoration:underline}.crumbs strong[data-v-36125d61]{color:var(--text);font-weight:600}.head h1[data-v-36125d61]{font-size:clamp(1.7rem,5vw,2.6rem);margin:0 0 .75rem;letter-spacing:-.02em}.lead[data-v-36125d61]{color:var(--muted);font-size:1.02rem;line-height:1.7;margin:0 0 1rem;max-width:65ch}.lead b[data-v-36125d61]{color:var(--text)}.note[data-v-36125d61]{color:var(--muted);line-height:1.7;font-size:.92rem;background:color-mix(in srgb,var(--accent2) 8%,var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem;margin:0}.note b[data-v-36125d61]{color:var(--text)}.validated[data-v-36125d61]{margin:1rem 0 0;color:var(--scale-color);font-weight:600}.level-block[data-v-36125d61]{margin-top:2.5rem}.level-block h2[data-v-36125d61]{font-size:1.15rem;margin:0 0 .9rem;letter-spacing:-.01em}.quiz-list[data-v-36125d61]{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.quiz-card[data-v-36125d61]{display:flex;align-items:flex-start;gap:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.1rem;text-decoration:none;color:var(--text);transition:border-color .15s}.quiz-card[data-v-36125d61]:hover{border-color:var(--accent2)}.q-num[data-v-36125d61]{font-family:var(--font-data);font-size:1.05rem;font-weight:700;color:var(--accent);line-height:1.35;min-width:1.9rem;padding-right:.85rem;border-right:1px solid var(--rule);flex-shrink:0}.q-body[data-v-36125d61]{display:flex;flex-direction:column;gap:.2rem}.q-title[data-v-36125d61]{font-weight:600}.q-goal[data-v-36125d61]{color:var(--muted);font-size:.88rem;line-height:1.55}.q-meta[data-v-36125d61]{color:var(--muted);font-size:.76rem;opacity:.8;margin-top:.2rem}.q-badge[data-v-36125d61]{margin-left:auto;flex-shrink:0;font-size:.8rem;color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .6rem}.q-badge.ok[data-v-36125d61]{color:var(--scale-color);border-color:var(--scale-color);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.guide-note[data-v-36125d61]{margin:2.5rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.7}.guide-note a[data-v-36125d61]{color:var(--accent2)}.quiz-page[data-v-d2e94fb6]{max-width:800px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.crumbs[data-v-d2e94fb6]{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.crumbs a[data-v-d2e94fb6]{color:var(--accent2);text-decoration:none}.crumbs a[data-v-d2e94fb6]:hover{text-decoration:underline}.crumbs strong[data-v-d2e94fb6]{color:var(--text);font-weight:600}.level-tag[data-v-d2e94fb6]{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent2);border:1px solid var(--accent2);border-radius:var(--radius-sm);padding:.2rem .7rem;margin-bottom:.8rem}.level-tag .data[data-v-d2e94fb6]{color:var(--accent);margin-right:.4rem}.head h1[data-v-d2e94fb6]{font-size:clamp(1.7rem,4.5vw,2.5rem);margin:0;letter-spacing:-.02em}.title-stave[data-v-d2e94fb6]{width:min(100%,18rem);margin:.85rem 0 1.3rem}.goal[data-v-d2e94fb6]{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 0 1.5rem;max-width:62ch}.block[data-v-d2e94fb6]{margin-top:2.5rem}.block h2[data-v-d2e94fb6]{font-size:1.1rem;margin:0 0 .8rem;letter-spacing:-.01em}.intro[data-v-d2e94fb6]{color:var(--muted);line-height:1.75;margin:0 0 1rem;max-width:65ch;font-size:.95rem}.types[data-v-d2e94fb6]{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.9;font-size:.92rem}.keys[data-v-d2e94fb6]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.keys a[data-v-d2e94fb6]{display:inline-block;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .75rem;font-size:.82rem;color:var(--text);text-decoration:none;transition:border-color .15s,color .15s}.keys a[data-v-d2e94fb6]:hover{border-color:var(--accent2);color:var(--accent2)}.others[data-v-d2e94fb6]{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.others a[data-v-d2e94fb6]{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .95rem;text-decoration:none;color:var(--text);font-size:.92rem;transition:border-color .15s}.others a[data-v-d2e94fb6]:hover{border-color:var(--accent2)}.others small[data-v-d2e94fb6]{margin-left:auto;color:var(--muted);font-size:.76rem}.others .num[data-v-d2e94fb6]{color:var(--accent);font-weight:700}.back[data-v-d2e94fb6]{color:var(--accent2)}:root{--paper: #edeff2;--paper-2: #e4e8ee;--paper-3: #d8dee7;--ink: #1b2a4a;--ink-soft: #5a6a84;--rule: #bcc6d4;--rule-strong: #8e9cb0;--bg: var(--paper);--surface: var(--paper-2);--surface2: var(--paper-3);--border: var(--rule);--text: var(--ink);--muted: var(--ink-soft);--accent: #b3282d;--accent2: #1b4d8f;--root-color: #b3282d;--scale-color: #1b6b5a;--chord-color: #5c4b99;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-body: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--font-data: "Cascadia Mono", Consolas, "SF Mono", ui-monospace, "Liberation Mono", monospace;--radius: 3px;--radius-sm: 2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.2}.stave{height:9px;background:repeating-linear-gradient(to bottom,var(--rule) 0 1px,transparent 1px 2px)}.rule{height:1px;background:var(--rule);border:0}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);padding:1.25rem}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}::selection{background:color-mix(in srgb,var(--accent2) 25%,transparent)}code,.data{font-family:var(--font-data);font-size:.92em}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}