:root{--bg:#fbfaf7;--surface:#fff;--border:#e2ded4;--ink:#1c1917;--muted:#6b6459;--accent:#9a4a2f;--accent-soft:#f4ebe5;--school:#2f5d7c;--school-soft:#eaf1f6;--familiar:#5c6f3a;--familiar-soft:#eef2e5;--radius:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171614;--surface:#201e1b;--border:#38342e;--ink:#f0ede7;--muted:#a39c90;--accent:#d9855f;--accent-soft:#2e241f;--school:#7fb0d1;--school-soft:#1d2830;--familiar:#a3bd72;--familiar-soft:#232a1c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.wrap{max-width:940px;margin:0 auto;padding:2.5rem 1.25rem 5rem}header h1{letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.7rem,4vw,2.4rem)}header p.lede{color:var(--muted);max-width:60ch;margin:0 0 .5rem;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.25rem;padding:1.25rem}.row{flex-wrap:wrap;gap:1rem;display:flex}.field{flex:200px;min-width:0}label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;font-size:.95rem}textarea{resize:vertical;min-height:150px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;line-height:1.5}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:.55rem .9rem;transition:background .12s}button:hover:not(:disabled){background:var(--accent-soft)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:.7rem 1.4rem;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.samples{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem;display:grid}.sample{text-align:left;height:100%;padding:.8rem .9rem}.sample strong{margin-bottom:.25rem;font-size:.92rem;display:block}.sample span{color:var(--muted);font-size:.82rem;line-height:1.45}.methods{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem;display:grid}.method{border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.method.school{background:var(--school-soft);border-color:var(--school)}.method.familiar{background:var(--familiar-soft);border-color:var(--familiar)}.method h3{margin:0 0 .15rem;font-size:1rem}.method .origin{color:var(--muted);margin:0 0 .75rem;font-size:.8rem}.step{margin-bottom:.7rem}.step .notation{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;border-radius:6px;margin-top:.25rem;padding:.4rem .55rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;overflow-x:auto}h2.section{margin:1.75rem 0 .5rem;font-size:1.05rem}ul.plain{margin:0;padding-left:1.15rem}ul.plain li{margin-bottom:.4rem}.warn{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;margin-bottom:.5rem;padding:.6rem .8rem;font-size:.92rem}.error{border-color:var(--accent);background:var(--accent-soft)}.muted{color:var(--muted);font-size:.88rem}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:3rem;padding-top:1.25rem;font-size:.85rem}