:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbfbf9;--fg:#1b1b1a;--muted:#6a6a66;--line:#dededa;--card:#fff;--clear:#2f7d4f;--ambiguous:#9a6b13;--uncertain:#a33a2a;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17181a;--fg:#ececeb;--muted:#9a9a96;--line:#2e3033;--card:#1e2022;--clear:#7bc79a;--ambiguous:#e0b256;--uncertain:#e88a78}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:44rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{letter-spacing:-.01em;margin:0;font-size:1.6rem}.tagline{margin:.4rem 0 0}.privacy,.caveat,.page-foot{color:var(--muted);font-size:.85rem}.page-head{border-bottom:1px solid var(--line);margin-bottom:1.5rem;padding-bottom:1.25rem}.field{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem;font-size:.8rem;display:block}#progression{width:100%;font:1.15rem/1.3 var(--mono);color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:6px;padding:.7rem .8rem}#progression:focus{outline:2px solid var(--fg);outline-offset:1px}.examples{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:.7rem 0 1.75rem;font-size:.85rem;display:flex}.examples button{font:.85rem var(--mono);color:var(--fg);background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.25rem .7rem}.examples button:hover{border-color:var(--fg)}.notice{border-left:3px solid var(--line);margin-bottom:1.5rem;padding:.6rem 0 .6rem .8rem}.notice-clear{border-left-color:var(--clear)}.notice-ambiguous{border-left-color:var(--ambiguous)}.notice-uncertain,.notice-error{border-left-color:var(--uncertain)}.notice-body{color:var(--muted);margin:.35rem 0 0;font-size:.85rem}.readings{gap:1rem;display:grid}.reading{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:.9rem 1rem}.reading-top{border-color:var(--fg)}.readings-unsure .reading{opacity:.72;border-style:dashed}.readings-unsure .score{color:var(--uncertain)}.suggestions-withheld h3{color:var(--muted)}.reading-head{align-items:baseline;gap:.6rem;display:flex}.reading-head h3{margin:0;font-size:1.05rem}.score{color:var(--muted);font-size:.85rem}.source{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;margin-left:auto;padding:.05rem .4rem;font-size:.7rem}.functions{border-collapse:collapse;width:100%;margin-top:.7rem;font-size:.9rem}.functions td{vertical-align:top;padding:.2rem .5rem .2rem 0}.functions .chord{width:6rem;font-weight:600}.functions .numeral{width:6rem;color:var(--muted)}.functions tr.chromatic .numeral{color:var(--ambiguous)}.role{color:var(--muted)}.suggestions{margin-top:1.75rem}.suggestions h3{margin:0 0 .5rem;font-size:.95rem}.suggestions ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.suggestions li{align-items:baseline;gap:.75rem;display:flex}.suggestions .chord{min-width:4rem;font-weight:600}.reason{color:var(--muted);font-size:.9rem}.mono{font-family:var(--mono)}.empty{color:var(--muted)}.page-foot{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem}.page-foot a{color:inherit}.pin{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:1px solid #0000;border-radius:4px;margin:-1px 0;padding:0 .15rem}.pin:hover,.pin:focus-visible{border-color:var(--line);background:var(--bg)}.pin-set{border-color:var(--ambiguous);color:var(--ambiguous)}.pin-mark{letter-spacing:.06em;text-transform:uppercase;color:var(--ambiguous);margin-left:.4rem;font-size:.65rem}.pinbar{border:1px dashed var(--ambiguous);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.pin-clear{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:5px;margin-left:auto;padding:.15rem .6rem;font-size:.85rem}.pin-clear:hover,.pin-clear:focus-visible{border-color:var(--fg)}.notice .pin-clear{margin:.6rem 0 0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}