html{color-scheme:light}body{margin:0}#root{min-height:100vh}:root{--ink: #24313f;--muted: #69747d;--cream: #f5f1e8;--paper: #fffdf9;--line: #ddd5c9;--line-strong: #c8bdaf;--navy: #1f3d57;--navy-soft: #eaf0f4;--teal: #278f83;--teal-dark: #1c6f66;--teal-soft: #e5f2f0;--coral: #df6b55;--coral-dark: #b74e3c;--coral-soft: #faece8;--gold: #d99a2d;--gold-dark: #9c6b18;--gold-soft: #fbf2df;--success: #2f7f57;--success-soft: #e8f4ed;--shadow: 0 12px 30px rgba(55, 47, 37, .08)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background-color:var(--cream);background-image:linear-gradient(rgba(88,74,56,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(88,74,56,.04) 1px,transparent 1px);background-size:28px 28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.page-shell{display:grid;grid-template-columns:315px minmax(0,1fr);gap:20px;width:min(1560px,calc(100% - 28px));margin:18px auto 40px}.feature-sidebar,.app{background:#fffdf9f7;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.feature-sidebar{position:sticky;top:14px;max-height:calc(100vh - 28px);padding:20px;overflow-y:auto}.app{min-width:0;padding:28px}.eyebrow,.section-kicker{margin:0 0 7px;color:var(--coral-dark);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sidebar-heading h2,.app-header h1,.chart-heading h2,.reading-note h2{margin:0;color:var(--navy)}.sidebar-heading h2{font-size:23px}.sidebar-heading p:last-child{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.reset-button{width:100%;min-height:41px;margin-top:15px;color:var(--navy);background:#fff;border:1px solid var(--line-strong);border-radius:10px;font-size:11px;font-weight:850}.reset-button:hover{color:#fff;background:var(--navy);border-color:var(--navy)}.feature-section{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.feature-section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.feature-section-heading>div{display:flex;align-items:center;gap:8px}.feature-section-heading h3{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.feature-section-heading small{color:var(--muted);font-size:9px}.section-number{display:grid;width:27px;height:24px;place-items:center;color:#fff;background:var(--coral);border-radius:7px;font-size:9px;font-weight:900}.unary-list,.binary-list{display:grid;gap:7px;margin-top:11px}.unary-button{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;min-height:42px;padding:8px 10px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;text-align:left;font-size:11px;font-weight:850}.node-check{display:grid;width:21px;height:21px;place-items:center;color:transparent;background:#f1ede6;border:1px solid var(--line-strong);border-radius:6px;font-size:10px}.unary-button.selected{color:var(--teal-dark);background:var(--teal-soft);border-color:var(--teal)}.unary-button.selected .node-check{color:#fff;background:var(--teal);border-color:var(--teal)}.binary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;background:#f8f5ef;border:1px solid var(--line);border-radius:9px}.binary-label{min-width:0;overflow:hidden;color:var(--ink);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.binary-buttons{display:grid;grid-template-columns:33px 33px;gap:5px}.binary-buttons button{width:33px;height:31px;padding:0;background:#fff;border:1px solid var(--line-strong);border-radius:7px;font-size:17px;font-weight:900}.binary-buttons .positive{color:var(--teal-dark)}.binary-buttons .negative{color:var(--coral-dark)}.binary-buttons .positive.selected{color:#fff;background:var(--teal);border-color:var(--teal)}.binary-buttons .negative.selected{color:#fff;background:var(--coral);border-color:var(--coral)}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.app-header h1{font-size:clamp(31px,4vw,46px);line-height:1.04;letter-spacing:-.04em}.app-header p:not(.eyebrow){max-width:720px;margin:10px 0 0;color:var(--muted);line-height:1.55}.count-card{display:grid;flex:0 0 auto;min-width:116px;padding:12px 16px;color:#fff;background:var(--navy);border-radius:13px;text-align:center}.count-card span{color:#ffffffb8;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.count-card strong{margin-top:3px;font-size:28px}.count-card small{color:#ffffffab;font-size:15px}.class-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:12px;align-items:center;margin-top:22px;padding:14px;background:linear-gradient(135deg,var(--navy-soft),var(--teal-soft));border:1px solid rgba(39,143,131,.2);border-radius:13px}.summary-label,.class-result span{display:block;margin:0 0 5px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.feature-notation{margin:0;color:var(--navy);font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:750}.class-result strong{display:block;color:var(--teal-dark);font-family:Doulos SIL,Charis SIL,Segoe UI Symbol,serif;font-size:18px;font-weight:700;line-height:1.55}.hide-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer;font-size:10px;font-weight:800}.hide-toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle-control{position:relative;width:38px;height:22px;flex:0 0 auto;background:#adb7bc;border-radius:999px}.toggle-control:after{position:absolute;width:16px;height:16px;top:3px;left:3px;content:"";background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform .15s ease}.hide-toggle input:checked+.toggle-control{background:var(--teal)}.hide-toggle input:checked+.toggle-control:after{transform:translate(16px)}.empty-class-warning{margin-top:12px;padding:11px 13px;color:var(--coral-dark);background:var(--coral-soft);border:1px solid rgba(223,107,85,.35);border-radius:10px;font-size:12px;font-weight:700}.chart-panel{margin-top:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:15px}.chart-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px}.chart-heading h2{font-size:23px}.chart-heading>p{max-width:420px;margin:0;color:var(--muted);font-size:11px;line-height:1.45;text-align:right}.consonant-scroll{overflow-x:auto;padding-bottom:5px}.consonant-chart{display:grid;grid-template-columns:140px repeat(9,minmax(104px,1fr));min-width:1120px;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}.corner-cell,.place-heading,.manner-heading,.ipa-cell{min-height:62px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.corner-cell,.place-heading,.manner-heading{display:grid;place-items:center;padding:8px;background:#f7f3ec;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.05em;text-align:center;text-transform:uppercase}.manner-heading{justify-items:start;text-align:left}.ipa-cell{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;background:var(--paper)}.ipa-symbol{min-width:43px;min-height:40px;padding:5px 7px;border-radius:9px;font-family:Doulos SIL,Charis SIL,Segoe UI Symbol,serif;font-size:20px;transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}.ipa-symbol.remaining{color:var(--navy);background:var(--teal-soft);border:1px solid rgba(39,143,131,.48);box-shadow:0 3px 8px #278f8314}.ipa-symbol.remaining:hover{transform:translateY(-1px);border-color:var(--teal)}.ipa-symbol.eliminated{color:#8b9297;background:#f4f2ee;border:1px solid #e4dfd8;opacity:.18}.vowel-panel{margin-top:18px}.vowel-chart{display:grid;grid-template-columns:96px repeat(3,minmax(0,1fr));overflow:hidden;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);border-radius:8px}.vowel-corner,.vowel-heading,.vowel-height,.vowel-cell{min-height:86px;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.vowel-corner,.vowel-heading,.vowel-height{display:grid;place-items:center;padding:8px;color:var(--muted);background:#f7f3ec;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.vowel-cell{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:linear-gradient(135deg,#fffdfa,#f9f4ea)}.vowel-front{justify-content:flex-start;padding-left:23px}.vowel-back{justify-content:flex-end;padding-right:23px}.vowel-central{justify-content:center}.reading-note{margin-top:18px;padding:18px;color:var(--muted);background:var(--gold-soft);border:1px solid rgba(217,154,45,.3);border-radius:13px}.reading-note h2{font-size:17px}.reading-note p{margin:7px 0 0;font-size:11px;line-height:1.55}@media(max-width:1080px){.page-shell{grid-template-columns:1fr}.feature-sidebar{position:static;max-height:none}.binary-list,.unary-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.page-shell{width:min(100% - 14px,1560px);margin-top:7px}.feature-sidebar,.app{padding:17px;border-radius:13px}.app-header,.chart-heading{display:block}.count-card{width:fit-content;margin-top:14px}.class-summary{grid-template-columns:1fr}.chart-heading>p{margin-top:8px;text-align:left}.binary-list{grid-template-columns:repeat(2,minmax(0,1fr))}.vowel-chart{grid-template-columns:72px repeat(3,minmax(0,1fr))}}@media(max-width:480px){.binary-list,.unary-list{grid-template-columns:1fr}.vowel-cell{flex-direction:column;gap:4px;padding:8px}.vowel-front,.vowel-back,.vowel-central{justify-content:center}}