:root{color-scheme:light dark;--bg: oklch(.982 .004 268);--surface: oklch(1 0 268);--raised: oklch(.955 .006 268);--line: oklch(.895 .008 268);--edge: oklch(.63 .02 268);--ink: oklch(.205 .014 268);--muted: oklch(.47 .016 268);--signal: oklch(.47 .17 272);--signal-ink: oklch(.985 .005 272);--signal-wash: oklch(.955 .03 272);--signal-edge: oklch(.82 .07 272);--danger: oklch(.505 .17 25);--danger-wash: oklch(.962 .025 25);--danger-edge: oklch(.84 .07 25);--ok: oklch(.47 .1 155);--ok-wash: oklch(.955 .03 155);--ok-edge: oklch(.82 .06 155);--warn: oklch(.5 .12 65);--warn-wash: oklch(.96 .035 65);--warn-edge: oklch(.84 .07 65);--ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, monospace;--fidel: "Noto Sans Ethiopic", "Abyssinica SIL", Nyala, Ebrima, Kefa, "Noto Serif Ethiopic", sans-serif;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.25rem;--t-xl: 1.5rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--ease: cubic-bezier(.25, 1, .5, 1);--fast: .12s;--base: .18s;--z-sticky: 10;--z-overlay: 20;--z-toast: 30;--shadow-sm: 0 1px 2px oklch(.2 .02 268 / .05);--shadow-md: 0 2px 4px oklch(.2 .02 268 / .06), 0 8px 24px oklch(.2 .02 268 / .05)}@media(prefers-color-scheme:dark){:root{--bg: oklch(.185 .01 268);--surface: oklch(.225 .012 268);--raised: oklch(.275 .014 268);--line: oklch(.345 .014 268);--edge: oklch(.56 .02 268);--ink: oklch(.945 .006 268);--muted: oklch(.72 .014 268);--signal: oklch(.76 .14 272);--signal-ink: oklch(.18 .02 272);--signal-wash: oklch(.3 .05 272);--signal-edge: oklch(.45 .09 272);--danger: oklch(.735 .135 25);--danger-wash: oklch(.3 .05 25);--danger-edge: oklch(.45 .09 25);--ok: oklch(.775 .11 155);--ok-wash: oklch(.29 .04 155);--ok-edge: oklch(.43 .07 155);--warn: oklch(.79 .11 65);--warn-wash: oklch(.3 .045 65);--warn-edge: oklch(.45 .08 65);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 2px 4px oklch(0 0 0 / .3), 0 8px 24px oklch(0 0 0 / .25)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--t-base) / 1.55 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--signal-wash);color:var(--ink)}::placeholder{color:var(--muted);opacity:1}.home{position:relative;min-height:100dvh;display:grid;place-items:center;padding:var(--sp-6) var(--sp-4);overflow:hidden}.ripple-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--line);opacity:.85;pointer-events:none;-webkit-mask-image:radial-gradient(120% 90% at 50% 45%,transparent 8%,black 62%);mask-image:radial-gradient(120% 90% at 50% 45%,transparent 8%,black 62%)}.home-inner{position:relative;z-index:1;width:100%;max-width:62rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(19rem,.75fr);gap:var(--sp-7);align-items:start}.home-inner.narrow{max-width:30rem;grid-template-columns:minmax(0,1fr)}@media(max-width:60rem){.home-inner{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);max-width:34rem}}.home-lede h1{margin:var(--sp-2) 0 var(--sp-4);font-size:clamp(1.9rem,1.4rem + 2.2vw,3rem);line-height:1.08;letter-spacing:-.025em;font-weight:600;text-wrap:balance}.home-eyebrow{margin:0;font-family:var(--fidel);font-size:var(--t-md);color:var(--signal);letter-spacing:.01em}.home-para{margin:0;max-width:62ch;font-size:var(--t-md);line-height:1.62;color:var(--ink);text-wrap:pretty}.home-para i{font-style:italic;color:var(--muted)}.home-facts{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin:var(--sp-5) 0 0}.home-facts div{min-width:8rem;flex:1 1 8rem}.home-facts dt{font-size:var(--t-xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.home-facts dd{margin:var(--sp-1) 0 0;font-size:var(--t-sm);color:var(--muted);line-height:1.4;max-width:22ch}.home-form{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.home-form h2{margin:0 0 var(--sp-1);font-size:var(--t-md)}.home-form label{display:flex;flex-direction:column;gap:var(--sp-1)}.home-form label span{font-size:var(--t-xs);color:var(--muted)}.home-form input{padding:var(--sp-3);border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--bg);font-size:var(--t-base);min-height:2.75rem}.home-form input:focus-visible{outline:2px solid var(--signal);outline-offset:-1px;border-color:var(--signal)}.home-form .btn{margin-top:var(--sp-1);justify-content:center}.home-form p{margin:0}.app{max-width:46rem;margin:0 auto;padding:0 var(--sp-4) var(--sp-7)}.wide{max-width:72rem}.topbar{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-4) 0;margin-bottom:var(--sp-5);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in oklch,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{margin:0;font-size:var(--t-base);font-weight:600;letter-spacing:-.011em}.topbar nav{display:flex;gap:var(--sp-1)}.topbar nav button{border:none;background:none;color:var(--muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);cursor:pointer;transition:color var(--fast) var(--ease),background var(--fast) var(--ease)}.topbar nav button:hover{color:var(--ink);background:var(--raised)}.topbar nav button.on{color:var(--ink);background:var(--raised);font-weight:550}.spacer{flex:1}.avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-4)}.row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}h2{margin:0 0 var(--sp-1);font-size:var(--t-md);font-weight:600;letter-spacing:-.011em}h3{margin:var(--sp-5) 0 var(--sp-2);font-size:var(--t-sm);font-weight:600;color:var(--muted)}p{max-width:68ch}.muted{color:var(--muted)}.small{font-size:var(--t-sm)}.tiny{font-size:var(--t-xs)}.mono{font-family:var(--mono);font-variant-ligatures:none}.btn{--btn-fg: var(--ink);--btn-bg: var(--surface);--btn-edge: var(--edge);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:2.75rem;padding:var(--sp-2) var(--sp-4);border:1px solid var(--btn-edge);border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--t-base);font-weight:500;cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.btn:hover:not(:disabled){background:var(--raised)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{min-height:2rem;padding:var(--sp-1) var(--sp-3);font-size:var(--t-sm);border-radius:var(--r-sm)}.btn.link{min-height:0;padding:0;border:0;background:none;color:inherit;font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.btn.link:hover:not(:disabled){background:none;opacity:.75}.btn.primary{--btn-bg: var(--signal);--btn-fg: var(--signal-ink);--btn-edge: var(--signal);font-weight:550}.btn.primary:hover:not(:disabled){background:color-mix(in oklch,var(--signal) 88%,var(--ink))}.btn.ok{--btn-fg: var(--ok);--btn-edge: var(--ok-edge)}.btn.ok.on{--btn-bg: var(--ok);--btn-fg: var(--signal-ink);--btn-edge: var(--ok)}.btn.warn{--btn-fg: var(--warn);--btn-edge: var(--warn-edge)}.btn.warn.on{--btn-bg: var(--warn);--btn-fg: var(--signal-ink);--btn-edge: var(--warn)}.btn.bad{--btn-fg: var(--danger);--btn-edge: var(--danger-edge)}.btn.bad.on{--btn-bg: var(--danger);--btn-fg: var(--signal-ink);--btn-edge: var(--danger)}.pill{display:inline-flex;align-items:center;padding:.1rem var(--sp-2);border-radius:999px;border:1px solid var(--line);background:var(--raised);color:var(--muted);font-size:var(--t-xs);font-weight:500;white-space:nowrap}.pill.ok{background:var(--ok-wash);color:var(--ok);border-color:var(--ok-edge)}.pill.warn{background:var(--warn-wash);color:var(--warn);border-color:var(--warn-edge)}.pill.bad{background:var(--danger-wash);color:var(--danger);border-color:var(--danger-edge)}.pill.accent{background:var(--signal-wash);color:var(--signal);border-color:var(--signal-edge)}kbd{font-family:var(--mono);font-size:.6875rem;padding:.05rem .3rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--raised);color:var(--muted)}.fidel{font-family:var(--fidel);font-size:clamp(1.5rem,1.1rem + 1.6vw,2rem);line-height:1.7;letter-spacing:.005em;overflow-wrap:break-word;text-wrap:pretty}.fidel.sm{font-size:1.25rem;line-height:1.6}.fidel.lg{font-size:clamp(2rem,1.4rem + 2.4vw,2.75rem);line-height:1.5}textarea.fidel-input,input.fidel-input{width:100%;padding:var(--sp-3) var(--sp-4);font-family:var(--fidel);font-size:1.375rem;line-height:1.7;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);resize:vertical;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}textarea.fidel-input:focus,input.fidel-input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}textarea.reason,input.reason{width:100%;min-height:3.75rem;padding:var(--sp-3);font-family:var(--ui);font-size:var(--t-base);color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);resize:vertical;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}textarea.reason:focus,input.reason:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash)}select{min-height:2.75rem;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);color:var(--ink)}.fidel-strip{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-4) 0;contain:layout style}.fidel-toggle{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);min-width:3.75rem;min-height:4.5rem;padding:var(--sp-3) var(--sp-3) var(--sp-2);font-family:var(--fidel);font-size:2rem;line-height:1;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.fidel-toggle:hover:not(:disabled){border-color:var(--signal-edge);background:var(--raised)}.fidel-toggle:disabled{opacity:.5;cursor:not-allowed}.fidel-toggle .mark{font-family:var(--ui);font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.fidel-toggle.geminate{background:var(--signal-wash);border-color:var(--signal);box-shadow:inset 0 -3px 0 var(--signal)}.fidel-toggle.geminate .mark{color:var(--signal);font-weight:700}.gloss{color:var(--ink);font-size:var(--t-base);max-width:68ch}.gloss.guess{color:var(--muted);font-style:italic}.brief{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md)}.target-letter{color:var(--signal)}.row-letter{padding:1px 6px;color:var(--muted);border:1px solid transparent;border-radius:var(--r-sm)}.row-letter.on{color:var(--signal);background:var(--signal-wash);border-color:var(--signal-edge);font-weight:700}.pair{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin:var(--sp-3) 0 var(--sp-1);padding:var(--sp-3);background:var(--raised);border-radius:var(--r-md)}.task-note{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--line)}.note-toggle{margin-top:var(--sp-1);padding:var(--sp-1) 0;min-height:1.75rem;font-size:var(--t-xs);color:var(--muted)}.note-toggle:hover:not(:disabled){color:var(--ink)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-4);overflow-y:auto;background:#12161f8c}.modal{width:min(760px,100%);margin:auto;padding:var(--sp-4);color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:0 18px 48px #12161f47}.modal h3{margin-top:var(--sp-4)}.phonemes{padding:var(--sp-2) var(--sp-3);font-family:var(--mono);font-size:var(--t-sm);line-height:1.8;color:var(--muted);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md);overflow-wrap:break-word}.phonemes .ej{color:var(--signal);font-weight:700}.phonemes .gem{color:var(--ok);font-weight:700}.progress{height:3px;border-radius:2px;background:var(--line);overflow:hidden}.progress span{display:block;height:100%;width:100%;transform-origin:left center;background:var(--signal);transition:transform var(--base) var(--ease)}.scroll-x{overflow-x:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;font-size:var(--t-sm)}th,td{padding:var(--sp-2) var(--sp-3);text-align:left;border-bottom:1px solid var(--line)}th{font-size:var(--t-xs);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}tbody tr{content-visibility:auto;contain-intrinsic-size:auto 3rem}tbody tr:hover{background:var(--raised)}.versus{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--sp-3)}.versus>div{padding:var(--sp-4);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md)}.versus>div.picked{background:var(--signal-wash);border-color:var(--signal)}.quoted{padding:var(--sp-1) 0 var(--sp-1) var(--sp-3);border-left:2px solid var(--line);color:var(--muted);font-size:var(--t-sm);white-space:pre-wrap;overflow-wrap:break-word}.banner{padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-size:var(--t-sm);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md)}.banner.bad{background:var(--danger-wash);border-color:var(--danger-edge);color:var(--danger)}.banner.ok{background:var(--ok-wash);border-color:var(--ok-edge);color:var(--ok)}.banner.warn{background:var(--warn-wash);border-color:var(--warn-edge);color:var(--warn)}.centered{max-width:28rem;margin:clamp(2rem,8vh,5rem) auto;text-align:center}.centered .card{text-align:left}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--sp-2)}.stat{padding:var(--sp-3) var(--sp-4);background:var(--raised);border:1px solid var(--line);border-radius:var(--r-md)}.stat b{display:block;font-size:var(--t-xl);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{font-size:var(--t-xs);color:var(--muted)}.help-table{font-size:var(--t-sm)}.help-table td{padding:var(--sp-1) var(--sp-3) var(--sp-1) 0;border:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--raised) 25%,var(--line) 37%,var(--raised) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton.line{height:.75rem;margin-bottom:var(--sp-2)}.skeleton.fidel-line{height:2rem;margin-bottom:var(--sp-3)}.skeleton-row{gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}.skeleton-row>.skeleton{flex:1}.skeleton-card{padding:12px 14px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton{animation:none;background:var(--raised)}.btn:active:not(:disabled){transform:none}}@media(max-width:30rem){.app{padding:0 var(--sp-3) var(--sp-6)}.card{padding:var(--sp-4);border-radius:var(--r-md)}.btn{flex:1 1 100%}.btn.sm{flex:0 0 auto}.row>.btn{justify-content:flex-start}.fidel-toggle{min-width:3.25rem;font-size:1.75rem}}