:root{color-scheme:light;--canvas:oklch(0.965 0.01 155);--paper:oklch(0.992 0.006 155);--paper-strong:oklch(0.93 0.02 155);--ink:oklch(0.23 0.025 155);--muted:oklch(0.46 0.025 155);--line:oklch(0.76 0.025 155);--line-strong:oklch(0.36 0.035 155);--chart-strong:#66ff44;--chart-soft:#ccffc1;--chart-empty:#eeffea;--chart-impossible:#d2d2d2;--chart-impossible-mark:#a5aaa5;--out-of-language:oklch(0.88 0.006 155);--interaction:#2222ee;--interaction-ink:oklch(0.985 0.005 155);--signal:oklch(0.68 0.2 35);--warning:oklch(0.47 0.14 42);--focus:oklch(0.62 0.2 255);--radius:4px;--ease-out:cubic-bezier(0.25,1,0.5,1);--font-ui:"Atkinson Hyperlegible","Aptos","Segoe UI",sans-serif;--font-display:"Aptos Display","Aptos","Helvetica Neue",sans-serif;--font-ipa:"Charis SIL","Doulos SIL","Noto Sans Symbols 2","DejaVu Sans","Arial Unicode MS",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.5}button,input,select{font:inherit}button{color:inherit}a{color:oklch(.43 .13 250);text-underline-offset:.16em}.app-shell{min-height:100dvh}.site-header{border-bottom:4px solid var(--chart-strong);background:var(--ink);color:var(--paper)}.header-inner,.main-content{width:min(1280px,calc(100% - 32px));margin-inline:auto}.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:32px;gap:32px;align-items:end;padding-block:32px}.header-copy{display:grid;grid-gap:12px;gap:12px}h1,h2,h3{margin:0;font-family:var(--font-display);letter-spacing:0;line-height:1.1;text-wrap:balance}h1{font-size:3.25rem}h2{margin-bottom:12px;font-size:1.8rem}h3{margin-bottom:8px;font-size:1.1rem}.lede{max-width:72ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.55;text-wrap:pretty}.site-header .lede{color:oklch(.83 .02 155)}.drawer-actions,.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.site-header .toolbar{justify-content:flex-end}.toolbar label{display:inline-flex;gap:8px;align-items:center;font-weight:650}.control,.icon-button,.link-button,.text-button{min-height:44px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink)}.control{padding-inline:12px}.search-control{width:min(100%,420px);font-size:16px}.link-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding-inline:16px;cursor:pointer;font-weight:650;text-decoration:none;transition:transform .12s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out)}.link-button:hover,.text-button:hover:not(:disabled){transform:translateY(-2px)}.link-button:active,.text-button:active:not(:disabled){transform:translateY(1px)}.text-button{border-color:var(--ink);background:var(--ink);color:var(--paper)}.text-button.secondary{background:var(--paper);color:var(--ink)}.text-button:disabled{cursor:not-allowed;opacity:.5}.site-header .link-button{border-color:var(--chart-strong);background:var(--chart-strong)}.site-header .control{border-color:oklch(.48 .03 155)}.main-content{padding-bottom:64px}.main-content>*,.section{min-width:0}.section{padding-block:48px;border-top:1px solid var(--line)}.main-content>.section:first-child{border-top:0}.section-note{max-width:88ch;margin:0 0 16px;color:var(--muted);font-size:.95rem;line-height:1.45;text-wrap:pretty}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:32px;gap:32px;align-items:start}.recording-summary,.search-panel{display:grid;grid-gap:12px;gap:12px;min-width:0;padding:16px;border-block:1px solid var(--line-strong)}.recording-summary{background:var(--paper-strong)}.status-line{min-height:24px;margin:0;color:var(--warning);font-weight:700}.details-drawer{position:fixed;top:112px;right:16px;z-index:40;width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - 128px);overflow-y:auto;padding:20px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);pointer-events:none}.details-drawer a,.details-drawer button{pointer-events:auto}.details-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.details-symbol{margin:0;font-family:var(--font-ipa);font-size:4rem;font-weight:400;line-height:1}.details-drawer h2{padding-right:4px;font-size:1.55rem}.icon-button{flex:0 0 44px;width:44px;padding:0;cursor:pointer;font-size:1.5rem;line-height:1;transition:transform .12s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out)}.icon-button:hover{background:var(--interaction);color:var(--interaction-ink);transform:translateY(-2px)}.icon-button:active{transform:translateY(1px)}.meta-list{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);grid-gap:8px 12px;gap:8px 12px;margin-block:16px}.meta-list dt{color:var(--muted);font-weight:650}.meta-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.drawer-actions{position:-webkit-sticky;position:sticky;bottom:0;padding-block:8px;background:var(--paper)}.symbol-button{min-width:44px;min-height:44px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer;font-family:var(--font-ipa);font-size:1.4rem;font-weight:400;line-height:1;transition:background-color .15s var(--ease-out),color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.symbol-button.compact{width:100%;min-width:44px;min-height:44px;border:0;border-radius:0;background:transparent}.symbol-button:hover:not(:disabled),.symbol-button[aria-pressed=true]{background:var(--interaction);color:var(--interaction-ink);box-shadow:inset 0 -3px 0 var(--ink)}.symbol-button.unavailable,.symbol-button:disabled{cursor:not-allowed;color:var(--muted);opacity:.55}.control:focus-visible,.icon-button:focus-visible,.link-button:focus-visible,.sound-row-button:focus-visible,.symbol-button:focus-visible,.text-button:focus-visible,.vowel-control:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.vowel-wrap{width:min(100%,720px);min-width:0;overflow-x:auto;padding-block:8px}.vowel-svg{display:block;width:720px;max-width:none;height:auto}.trapezoid-line{fill:none;stroke:var(--ink);stroke-width:3;vector-effect:non-scaling-stroke}.axis-label{fill:var(--ink);font-family:var(--font-ui);font-size:22px;font-weight:500}.top-label{font-size:20px;font-weight:650}.vowel-symbol{pointer-events:none;fill:currentColor;font-family:var(--font-ipa);font-size:31px;font-weight:400}.vowel-control{color:var(--ink);cursor:pointer}.vowel-hitbox{fill:transparent;stroke:none}.vowel-chip{fill:var(--chart-strong);stroke:var(--ink);stroke-width:1}.vowel-control.active .vowel-chip,.vowel-control:focus-visible .vowel-chip,.vowel-control:hover .vowel-chip{fill:var(--interaction);stroke:var(--interaction);stroke-width:3}.vowel-control.active,.vowel-control:focus-visible,.vowel-control:hover{color:var(--interaction-ink)}.vowel-control:focus-visible{outline-offset:-1px}.vowel-control.unavailable{color:var(--muted);cursor:not-allowed}.vowel-control.unavailable .vowel-chip{fill:var(--chart-impossible);stroke:var(--chart-impossible-mark)}.table-scroll{max-width:100%;min-width:0;overflow-x:auto}.pulmonic-scroll{border-block:1px solid var(--line);background:var(--paper)}.ipa-table{width:1102px;min-width:1102px;margin:0;border-collapse:separate;border-spacing:1px;table-layout:fixed}.manner-column{width:110px}.voicing-column{width:44px}.ipa-table td,.ipa-table th{height:40px;padding:0;text-align:center;vertical-align:middle}.ipa-table thead th{padding-inline:3px;font-size:.78rem;line-height:1.05;overflow-wrap:anywhere}.ipa-table .manner-heading{position:-webkit-sticky;position:sticky;left:0;z-index:2;width:110px;padding-inline:8px;background:var(--chart-strong);text-align:left;font-weight:750}.ipa-table thead .manner-heading{z-index:3}.chart-strong{background:var(--chart-strong)}.chart-soft{background:var(--chart-soft)}.playable-cell{color:var(--ink)}.empty-cell{background:var(--chart-empty)}.impossible-cell{background-color:var(--chart-impossible);background-image:linear-gradient(135deg,transparent 42%,var(--chart-impossible-mark) 42%,var(--chart-impossible-mark) 52%,transparent 52%);background-size:9px 9px}.secondary-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;width:min(100%,760px);margin:0}.secondary-sections .section{width:100%}.sound-table-scroll{margin:0}.grouped-sound-section .sound-table-scroll{width:min(100%,680px)}.sound-table{width:100%;border-collapse:separate;border-spacing:2px;table-layout:fixed}.grouped-sound-table{width:680px;min-width:680px}.sound-table th{min-height:40px;padding:8px;background:var(--chart-strong);font-size:.96rem;line-height:1.05;text-align:center}.sound-table td{height:44px;padding:0;background:var(--chart-soft)}.sound-row-button{display:grid;grid-template-columns:2.5em minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center;width:100%;min-height:44px;padding:4px 12px 4px 4px;border:0;border-radius:0;background:transparent;cursor:pointer;text-align:left;transition:background-color .15s var(--ease-out),color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.sound-row-button:hover:not(:disabled),.sound-row-button[aria-pressed=true]{background:var(--interaction);color:var(--interaction-ink);box-shadow:inset 0 -3px 0 var(--ink)}.sound-row-button:disabled{cursor:not-allowed;color:var(--muted);opacity:.55}.sound-row-symbol{font-family:var(--font-ipa);font-size:1.4rem;font-weight:400;line-height:1;text-align:center}.attribution-table{width:100%;min-width:920px;border-collapse:collapse;font-size:.88rem}.attribution-table td,.attribution-table th{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.attribution-table th{background:var(--paper-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-bar{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;padding-block:16px;border-bottom:1px solid var(--line)}.language-fieldset{min-width:0;margin:0;padding:0;border:0}.language-fieldset legend{padding:0;color:var(--muted);font-size:.85rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.language-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.language-option{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding-inline:12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);cursor:pointer;font-weight:650}.language-option:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--paper)}.language-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.language-endonym{font-weight:400;opacity:.75}.language-summary{flex:1 1 260px;min-width:0;margin:0;color:var(--muted);font-size:.9rem}.sound-row-button.out-of-language:not(:hover):not([aria-pressed=true]),.symbol-button.out-of-language:not(:hover):not([aria-pressed=true]){background:var(--out-of-language);color:var(--ink);outline:1px dotted var(--muted);outline-offset:-4px}.vowel-control.out-of-language:not(:hover):not(.active) .vowel-chip{fill:var(--out-of-language);stroke:var(--muted);stroke-dasharray:4 3}.sound-row-button.symbol-highlighted,.symbol-button.symbol-highlighted{box-shadow:inset 0 0 0 3px var(--focus)}.vowel-control.symbol-highlighted .vowel-chip{stroke:var(--focus);stroke-width:4}.overlay-toggle{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-bottom:8px;cursor:pointer;font-weight:650}.vowel-overlay{pointer-events:none}.letter-group{--family:var(--interaction)}.letter-group[data-family=front-unrounded]{--family:oklch(0.58 0.14 80)}.letter-group[data-family=front-rounded]{--family:oklch(0.5 0.13 150)}.letter-group[data-family=central-rounded]{--family:oklch(0.52 0.15 255)}.letter-group[data-family=back]{--family:oklch(0.56 0.16 45)}.letter-group.dimmed{opacity:.4}.letter-capsule{fill:none;stroke:var(--family);stroke-width:3;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.letter-leader{stroke:var(--family);stroke-width:2;stroke-dasharray:3 4;opacity:.7}.letter-badge{fill:var(--family);stroke:var(--paper);stroke-width:3}.letter-badge-text{fill:var(--paper);font-family:var(--font-ipa);font-size:24px;font-weight:700}.alphabet,.glossary,.rule-block{margin-top:24px;border-top:1px solid var(--line)}.alphabet>summary,.glossary>summary,.rule-block>summary{min-height:44px;padding-block:10px;cursor:pointer;font-family:var(--font-display);font-size:1.1rem;font-weight:650}.alphabet>summary:focus-visible,.glossary>summary:focus-visible,.rule-block>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.alphabet-row{margin-bottom:24px}.alphabet-row-heading{margin-bottom:2px;font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.alphabet-row-note{max-width:72ch;margin:0 0 10px;color:var(--muted);font-size:.88rem}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.letter-card{display:grid;grid-gap:8px;gap:8px;align-content:start;min-width:0;padding:10px;border:1px solid var(--line-strong);background:var(--paper)}.letter-card[data-active]{border-color:var(--interaction);box-shadow:inset 0 0 0 2px var(--interaction)}.letter-card-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:6px}.letter-glyph{font-family:var(--font-ipa);font-size:1.35rem;font-weight:700}.pattern-tabs{display:flex;gap:4px}.pattern-tab{min-height:28px;padding-inline:8px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);cursor:pointer;font-size:.78rem;font-weight:650}.pattern-tab[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.pattern-tab:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.letter-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px}.letter-variants[hidden]{display:none}.letter-variant{min-width:0}.letter-variant[data-quantity=long]{border-left:3px solid var(--ink);padding-left:6px}.letter-variant[data-quantity=short]{border-left:3px dotted var(--muted);padding-left:6px}.variant-chip{display:grid;grid-gap:1px;gap:1px;width:100%;min-height:44px;padding:4px 6px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);cursor:pointer;text-align:left;transition:background-color .15s var(--ease-out),color .15s var(--ease-out)}.variant-chip:hover,.variant-chip[aria-pressed=true]{background:var(--interaction);color:var(--interaction-ink)}.variant-chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cluster-chips{display:grid;grid-gap:4px;gap:4px}.cluster-buttons{display:flex;gap:4px}.cluster-chip{width:auto;min-width:44px;flex:1 1 auto;justify-items:center;font-family:var(--font-ipa);font-size:1.05rem;text-align:center}.variant-quantity{font-size:.72rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.variant-ipa{font-family:var(--font-ipa);font-size:1.05rem;line-height:1.1}.variant-examples{margin:6px 0 0;padding:0;list-style:none;font-size:.86rem;line-height:1.35}.variant-examples mark{background:var(--chart-soft);font-weight:700}.glossary-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px 32px;gap:16px 32px;padding-bottom:16px}.glossary-block{min-width:0}.glossary-lede{max-width:60ch;margin:0 0 8px;color:var(--muted);font-size:.85rem}.glossary-list{display:grid;grid-gap:6px;gap:6px;margin:0}.glossary-item{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr);grid-gap:4px 12px;gap:4px 12px;align-items:baseline}.glossary-item dd{margin:0;font-size:.88rem}.glossary-term{width:100%;min-height:32px;padding:2px 6px;border:0;border-left:3px solid var(--line-strong);background:transparent;cursor:help;text-align:left;font-weight:700}.glossary-term:focus-visible,.glossary-term:hover{border-left-color:var(--interaction);background:var(--chart-soft)}.glossary-term:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.ipa-table th.column-highlighted,.ipa-table th.row-highlighted{background:var(--interaction);color:var(--interaction-ink);text-decoration:underline;text-underline-offset:.2em}.rule-lede{max-width:78ch;margin:0 0 12px;color:var(--muted);font-size:.92rem}.rule-table{width:100%;min-width:560px;border-collapse:collapse;table-layout:fixed;font-size:.9rem}.rule-table th:first-child{width:30%}.rule-table td,.rule-table th{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.rule-table thead th{background:var(--paper-strong)}.rule-spelling-cell{display:grid;grid-gap:2px;gap:2px}.rule-spelling{font-family:var(--font-ipa);font-size:1.2rem}.rule-note{color:var(--muted);font-size:.78rem;font-weight:400}.rule-chips{display:inline-flex;gap:4px;margin-right:8px;vertical-align:middle}.rule-ipa{margin-right:8px;font-family:var(--font-ipa)}.rule-example{display:block;margin-top:4px}.rule-gloss{color:var(--muted);font-style:italic}.exception-list,.letter-notes{display:grid;grid-gap:8px;gap:8px;margin:8px 0 16px}.exception-item,.letter-note{display:grid;grid-template-columns:minmax(180px,30ch) minmax(0,1fr);grid-gap:4px 16px;gap:4px 16px;align-items:baseline}.exception-item dt,.letter-note dt{font-weight:650}.exception-item dd,.letter-note dd{min-width:0;margin:0;font-size:.9rem}.letter-note-glyph{font-family:var(--font-ipa);font-size:1.1rem}.sound-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px;padding-bottom:16px}.sound-card{min-width:0;padding:12px;border:1px solid var(--line-strong);background:var(--paper);font-size:.9rem}.sound-card p{margin:0 0 10px}.sound-card-head{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:10px;border-bottom:1px solid var(--line);padding-bottom:8px}.sound-card-head>div{min-width:0}.sound-card-head .rule-chips{flex-wrap:wrap}.sound-card-head h3{margin:0;font-size:1rem;overflow-wrap:anywhere}.sound-card-ipa{margin:0;color:var(--muted);font-family:var(--font-ipa)}.spelling-list{display:grid;grid-gap:4px;gap:4px;margin:0}.spelling-item{display:grid;grid-template-columns:minmax(96px,14ch) minmax(0,1fr);grid-gap:4px 12px;gap:4px 12px;align-items:baseline}.spelling-item dt{font-family:var(--font-ipa);font-weight:650}.spelling-item dd{min-width:0;margin:0;font-size:.85rem}.spelling-note{display:block;color:var(--muted);font-style:italic}.further-reading{display:grid;grid-gap:6px;gap:6px;margin:0 0 24px;padding:0;list-style:none}.further-reading li{display:grid;grid-template-columns:minmax(180px,30ch) minmax(0,1fr);grid-gap:4px 16px;gap:4px 16px;align-items:baseline}.reading-note{min-width:0;color:var(--muted);font-size:.88rem}@media (max-width:820px){.exception-item,.further-reading li,.glossary-item,.letter-note,.spelling-item{grid-template-columns:minmax(0,1fr)}.rule-table{min-width:480px}}@media (prefers-reduced-motion:reduce){.variant-chip{transition:none}}@media (max-width:1919px){.details-drawer{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;max-height:none;overflow:visible;pointer-events:auto}}@media (min-width:821px) and (max-width:1919px){.details-drawer{display:grid;grid-template-columns:180px minmax(0,1fr) auto;grid-gap:12px 24px;gap:12px 24px;align-items:start}.details-heading{grid-row:1/span 3}.details-drawer h2{grid-column:2}.details-drawer .meta-list{grid-column:2;grid-template-columns:minmax(72px,auto) minmax(0,1fr) minmax(72px,auto) minmax(0,1fr);margin:0}.details-drawer .drawer-actions{position:static;grid-column:3;grid-row:1;padding:0}.details-drawer .status-line{grid-column:3;grid-row:2;max-width:190px}}@media (max-width:820px){.header-inner,.secondary-sections,.two-column{grid-template-columns:1fr}.site-header .toolbar{justify-content:flex-start}.secondary-sections{width:min(100%,380px);gap:0}}@media (max-width:520px){.header-inner,.main-content{width:min(calc(100% - 24px),1280px)}.header-inner{gap:24px;padding-block:24px}h1{font-size:2.25rem}h2{font-size:1.55rem}.section{padding-block:32px}.toolbar label{width:100%;justify-content:space-between}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.icon-button,.link-button,.sound-row-button,.symbol-button,.text-button{transition:none}}