:root{--parchment: #f2e8d0;--parchment-deep: #e8d9b8;--ink: #2b2013;--ink-soft: #5a4a32;--line: #8a7048;--gold: #a9812f;--danger: #7a2f22;--danger-bg: #f4e1d8;--card-bg: #faf3e2;--shadow: rgba(43, 32, 19, .25);--font-serif: Georgia, "Times New Roman", Times, serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--parchment);background-image:repeating-linear-gradient(0deg,rgba(138,112,72,.05) 0px,rgba(138,112,72,.05) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at top,var(--parchment) 0%,var(--parchment-deep) 100%);color:var(--ink);font-family:var(--font-serif);line-height:1.5}.app{max-width:960px;margin:0 auto;padding:0 1.25rem 3rem;position:relative;min-height:100vh}.app>header{border-bottom:2px solid var(--line);padding:1.25rem 0 .75rem;margin-bottom:1.5rem}.app h1{margin:0 0 .5rem;font-size:1.9rem;letter-spacing:.03em;color:var(--ink)}.app nav{display:flex;gap:1.25rem}.app nav a{color:var(--ink-soft);text-decoration:none;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em;padding-bottom:.15rem;border-bottom:2px solid transparent}.app nav a:hover{color:var(--ink)}.app nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--gold)}.buildtag{position:fixed;right:.6rem;bottom:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-soft);opacity:.75;background:var(--parchment);padding:.1rem .4rem;border:1px solid var(--line);border-radius:3px}.instrument-page h2,.laws-page h2,.sources-page h2,.about-page h2{border-bottom:1px solid var(--line);padding-bottom:.35rem}.laws-page h3{color:var(--ink);margin-top:2rem;border-left:4px solid var(--gold);padding-left:.6rem}.laws-page blockquote,.rule-card blockquote,.provenance-quote{font-style:italic;border-left:3px solid var(--line);margin:.5rem 0;padding:.3rem .9rem;background:var(--card-bg)}.citation-page{font-size:.85rem;color:var(--ink-soft);margin-top:-.35rem}.omission-note{font-size:.85rem;color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:.75rem;margin-top:2rem}.rule-card{border:1px solid var(--line);border-radius:4px;background:var(--card-bg);padding:.75rem 1rem;margin:.75rem 0}.rule-card h4{margin:0 0 .35rem}.badge,.provenance-badge{display:inline-block;background:var(--gold);color:var(--parchment);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .5rem;border-radius:3px;margin-right:.35rem}.derived-note{font-size:.92rem}.fidelity-policy{border:1px solid var(--gold);background:var(--card-bg);padding:.75rem 1rem;border-radius:4px}.wheel-wrap{max-width:520px;margin:0 auto 1.5rem;aspect-ratio:1 / 1}.wheel-reading{background:var(--card-bg);border:1px solid var(--line);border-radius:4px;padding:.75rem 1rem;margin-bottom:1.5rem}.wheel-reading ul{list-style:none;padding:0;margin:.5rem 0;font-size:.9rem;max-height:12rem;overflow-y:auto}.wheel-reading li{padding:.15rem 0;border-bottom:1px dotted var(--line)}.chord-read-line{font-family:var(--font-mono);font-size:.85rem}.instrument-page form{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.instrument-page label{font-weight:700}.instrument-page input[type=text]{font-family:var(--font-serif);font-size:1rem;padding:.3rem .5rem;border:1px solid var(--line);border-radius:3px;background:var(--card-bg);color:var(--ink);flex:1 1 12rem}button{font-family:var(--font-serif);cursor:pointer;background:var(--parchment-deep);border:1px solid var(--line);border-radius:3px;color:var(--ink);padding:.3rem .7rem}button:hover{background:var(--gold);color:var(--parchment)}.compose-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:.6rem .9rem;border-radius:4px}.skip-notice{background:var(--card-bg);border:1px dashed var(--line);color:var(--ink-soft);padding:.5rem .9rem;border-radius:4px;font-size:.9rem}.result-panel{margin-top:1.5rem}.letter-breakdown{display:flex;flex-wrap:wrap;gap:.5rem}.letter-chip{border:1px solid var(--line);border-radius:6px;background:var(--card-bg);padding:.4rem .6rem;display:flex;align-items:center;gap:.3rem;font-size:.9rem}.letter-chip button{background:transparent;border:none;padding:.1rem .25rem}.letter-chip button:hover{background:var(--parchment-deep);color:var(--ink)}.chip-color .swatch,.cell-letter+td .swatch{display:inline-block;width:.9rem;height:.9rem;border-radius:50%;border:1px solid var(--ink);vertical-align:middle}.chip-id{font-weight:700}.chip-mother-tag{font-size:.7rem;text-transform:uppercase;color:var(--ink-soft)}.mode-line{margin-top:1rem}.chords-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.chord-block{text-align:center}[data-testid=tab]{font-family:var(--font-mono);background:var(--card-bg);border:1px solid var(--line);padding:.6rem .8rem;overflow-x:auto;font-size:.85rem}.play-controls{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.tuning-toggle{display:flex;gap:.4rem}.phrase-panel{margin-top:1.5rem;border:1px solid var(--line);border-radius:4px;background:var(--card-bg);padding:.75rem 1rem 1rem}.phrase-table{border-collapse:collapse;width:100%;font-size:.9rem;margin-bottom:1rem}.phrase-table th,.phrase-table td{border:1px solid var(--line);padding:.3rem .5rem;text-align:left;vertical-align:top}.phrase-table tbody tr[aria-selected=true]{background:var(--parchment-deep)}.phrase-table tbody tr[aria-selected=true] td:first-child{border-left:3px solid var(--gold)}.phrase-table td button{background:transparent;border:none;padding:.1rem .25rem;font-weight:700;color:var(--ink)}.phrase-table td button:hover{background:var(--parchment-deep)}.phrase-row-error{color:var(--danger);background:var(--danger-bg);font-style:italic;font-size:.85rem}.phrase-progression{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.phrase-progression-group{display:flex;flex-direction:column;gap:.3rem;border:1px solid var(--line);border-radius:4px;background:var(--parchment);padding:.4rem .6rem;max-width:100%}.phrase-progression-word{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.phrase-progression-chord{display:inline-block;font-size:.85rem;border:1px solid var(--line);border-radius:6px;background:var(--card-bg);padding:.2rem .5rem;width:fit-content}.phrase-progression-error{font-size:.85rem;font-style:italic;color:var(--danger)}.phrase-disclosure{font-size:.85rem;font-style:italic;color:var(--ink-soft);margin-top:1rem}.table-scroll{overflow-x:auto}.canon-table,.series-table{border-collapse:collapse;width:100%;font-size:.9rem}.canon-table caption,.series-table caption{text-align:left;font-weight:700;padding-bottom:.25rem}.canon-table th,.canon-table td,.series-table th,.series-table td{border:1px solid var(--line);padding:.3rem .5rem;text-align:left}.canon-table .swatch{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;border:1px solid var(--ink);margin-right:.3rem;vertical-align:middle}.cell-citations{display:flex;flex-wrap:wrap;gap:.25rem}.citation-chip{font-size:.75rem;padding:.05rem .35rem}.citation-chip[data-derived=true]{border-style:dashed}.bibliography{margin-top:2rem}.enharmonic-list{padding-left:1.25rem}.provenance-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b201373;display:flex;align-items:center;justify-content:center;z-index:100}.provenance-popover{position:relative;max-width:32rem;width:90%;max-height:80vh;overflow-y:auto;background:var(--parchment);border:2px solid var(--gold);border-radius:6px;padding:1.25rem 1.5rem;box-shadow:0 .5rem 1.5rem var(--shadow)}.provenance-close{position:absolute;top:.4rem;right:.5rem;border:none;background:transparent;font-size:1.2rem;line-height:1;padding:.1rem .4rem}.provenance-page{font-size:.9rem;color:var(--ink-soft)}.provenance-popover a{color:var(--gold)}