:root{color-scheme:light dark; --bg:#ffffff; --fg:#0f0f0f; --surface:#ffffff; --muted:#666666; --line:rgba(15,15,15,0.12); --line-strong:rgba(15,15,15,0.22); --accent:#0f0f0f}@media (prefers-color-scheme:dark){:root{ --bg:#0f0f0f; --fg:#f7f7f2; --surface:#151515; --muted:#a7a7a0; --line:rgba(247,247,242,0.13); --line-strong:rgba(247,247,242,0.24); --accent:#f7f7f2}} *{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font:16px/1.5 "Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased}.page{display:grid;gap:var(--page-gap);margin:0 auto;max-width:var(--site-max,1440px);min-height:100vh;padding:var(--page-pad-y) var(--page-pad-x);width:100%}.site-nav{align-items:center;display:flex;gap:18px;justify-content:space-between}.brand,.site-nav a,.status-row a{color:inherit;text-decoration:none}.brand{font-family:inherit;font-size:18px;font-weight:650}.site-nav nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.site-nav nav a,.status-row span{color:var(--muted)}.site-nav nav a:hover,.status-row a:hover{color:var(--accent)}.intro{display:grid;gap:18px}.eyebrow{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:0;margin:0}h1,p{margin:0}h1{font-family:inherit;font-size:clamp(54px,11vw,128px);font-weight:500;letter-spacing:0;line-height:0.9}.summary{color:var(--muted);font-size:clamp(18px,2.2vw,24px);line-height:1.35;max-width:48ch}.status-row{align-items:baseline;border-block:1px solid var(--line);display:grid;gap:8px 18px;grid-template-columns:auto minmax(0,1fr) auto;padding:14px 0}.status-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px}.status-row a{color:var(--accent);font-size:14px}.chart-wrap{border-block:1px solid var(--line);overflow-x:auto;padding:18px 0}.chart-host{display:block;min-width:960px;width:100%}.chart-host svg{display:block;height:auto;width:100%}.chart-host.chart.background{fill:transparent!important}.chart-host.chart.chart-sound-cell.has-sound{cursor:pointer}.chart-host.chart text{fill:var(--fg)!important;font-family:var(--sans)!important}.chart-host.chart.subtitle,.chart-host.chart.subtext,.chart-host.chart.row-label,.chart-host.chart.body-text{fill:var(--muted)!important}.chart-host.chart.panel,.chart-host.chart.header-cell,.chart-host.chart.row-label-cell{fill:transparent!important}.chart-host.chart.panel,.chart-host.chart.grid,.chart-host.chart.vowel-grid{stroke:var(--line-strong)!important}.chart-host.chart.chart-sound-cell.has-sound:hover.cell,.chart-host.chart.chart-sound-cell.has-sound:focus.cell,.chart-host.chart.chart-sound-cell.is-active.cell{fill:var(--accent-soft)!important}.chart-host.chart.chart-sound-cell.has-sound:hover.ipa-symbol,.chart-host.chart.chart-sound-cell.has-sound:hover.ipa-symbol-small,.chart-host.chart.chart-sound-cell.has-sound:focus.ipa-symbol,.chart-host.chart.chart-sound-cell.has-sound:focus.ipa-symbol-small,.chart-host.chart.chart-sound-cell.is-active.ipa-symbol,.chart-host.chart.chart-sound-cell.is-active.ipa-symbol-small{fill:var(--accent)!important}@media (max-width:720px){.status-row{grid-template-columns:1fr}}