:root{--paper: #f4f1e8;--paper-raised: #fbf9f2;--ink: #101315;--muted: #656965;--line: #d7d5cb;--accent: #c9ff45;--accent-ink: #101315;--pending: #7a6fa6;--danger-soft: #efe1dd;--success-soft: #e1ecd5;--radius: 18px;--shadow: 0 14px 40px rgb(16 19 21 / 8%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-height:100%;background:var(--ink)}body{min-width:320px;min-height:100svh;margin:0;background:var(--paper)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #506600;outline-offset:3px}.app-shell{width:min(100%,620px);min-height:100svh;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.centered{display:grid;place-content:center;text-align:center}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}h1,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(1.75rem,8vw,3rem);line-height:1;letter-spacing:-.045em}.muted,.footnote{color:var(--muted)}.brand-row,.round-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand-row{margin-bottom:40px}.demo-badge{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.7rem;text-transform:uppercase}.due-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow)}.due-card p{margin-bottom:4px}.due-card>strong{display:inline-block;margin-right:8px;font-size:4.5rem;line-height:1;letter-spacing:-.07em}.due-card>span{color:var(--muted)}.button{min-height:50px;padding:0 18px;border:1px solid transparent;border-radius:14px;cursor:pointer;font-weight:760}.button:disabled{cursor:wait;opacity:.65}.button small{font-size:.78rem;font-weight:600;opacity:.68}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#292f32}.button.quiet{border-color:var(--line);background:transparent}.button.quiet:hover{background:#1013150a}.wide{width:100%;margin-top:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.metric-grid article{min-width:0;padding:16px 10px;border-top:1px solid var(--line)}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{margin-bottom:5px;font-size:1.55rem}.metric-grid span{overflow:hidden;color:var(--muted);font-size:.72rem;text-overflow:ellipsis}.footnote{margin:36px auto 0;font-size:.74rem;line-height:1.5;text-align:center}.round-shell{display:flex;min-height:100svh;flex-direction:column}.round-top{min-height:44px}.text-button{min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.cue{margin:clamp(40px,11vh,90px) 0 28px;text-align:center}.cue h1{margin:0;font-size:clamp(4.25rem,21vw,7.5rem);line-height:.95}.cue p{margin:12px 0 0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.token-list{display:flex;min-height:72px;align-content:flex-start;justify-content:center;flex-wrap:wrap;gap:8px}.token{display:inline-flex;align-items:baseline;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper-raised)}.token small{color:var(--muted);font-size:.62rem;text-transform:uppercase}.token.accepted-target{border-color:#8da65a;background:var(--success-soft)}.token.pending{border-style:dashed;border-color:var(--pending)}.answer-form{margin-top:auto}.answer-form label{display:block;margin-bottom:8px;color:var(--muted);font-size:.78rem;font-weight:700}.input-row{display:grid;grid-template-columns:1fr 52px;overflow:hidden;border:2px solid var(--ink);border-radius:15px;background:#fff}.input-row:focus-within{box-shadow:0 0 0 4px #c9ff458c}.input-row input{width:100%;min-height:54px;padding:0 16px;border:0;outline:0;background:transparent;color:var(--ink);font-size:1.08rem}.submit-token{min-width:52px;border:0;background:var(--accent);cursor:pointer;font-size:1.25rem;font-weight:900}.input-status{min-height:20px;margin:7px 3px 0;color:var(--muted);font-size:.76rem}.reveal{margin-top:10px}.feedback-hero{display:flex;align-items:baseline;gap:10px;margin:42px 0 28px}.feedback-hero strong{font-size:clamp(2.8rem,14vw,5rem);letter-spacing:-.06em}.feedback-hero span{color:var(--muted)}.feedback-list{display:grid;gap:8px}.feedback-word{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:13px 14px;border-radius:12px;background:var(--paper-raised)}.feedback-word small{color:var(--muted)}.feedback-word.hit{background:var(--success-soft)}.feedback-word.miss{background:var(--danger-soft)}.latency{margin:auto 0 4px;padding-top:24px;color:var(--muted);font-size:.78rem;text-align:center}.summary-number{margin-top:22px;font-size:6rem;font-weight:800;line-height:1;letter-spacing:-.08em}@media(min-width:720px){body{padding:30px 0;background:#d9d7ce}.app-shell{min-height:calc(100svh - 60px);border:1px solid rgb(16 19 21 / 10%);border-radius:28px;background:var(--paper);box-shadow:0 18px 70px #10131524}.round-shell{min-height:calc(100svh - 60px)}}@media(prefers-reduced-motion:no-preference){.button,.token{transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.button:active{transform:translateY(1px)}}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip-path:inset(50%);white-space:nowrap}.small{font-size:.78rem}.big{font-size:2.4rem;letter-spacing:-.04em}h2{margin:0 0 12px;font-size:.95rem;letter-spacing:-.01em}.lead{font-size:1.05rem;line-height:1.55}.chip{display:inline-block;padding:3px 8px;border:1px solid var(--line);border-radius:999px;margin-right:6px;color:var(--muted);font-size:.68rem}.chip-register{border-color:var(--pending);color:var(--pending)}.app-frame{min-height:100svh;padding-bottom:76px}.page{min-height:auto}.app-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;border-top:1px solid var(--line);background:var(--paper)}.app-nav ul{display:grid;width:min(100%,620px);padding:0 0 env(safe-area-inset-bottom);margin:0 auto;grid-template-columns:repeat(4,1fr);list-style:none}.app-nav button{position:relative;display:flex;width:100%;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.68rem;font-weight:700}.app-nav button.is-active{color:var(--ink)}.nav-icon{font-size:1rem;line-height:1}.nav-badge{position:absolute;top:6px;left:55%;padding:1px 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.6rem}.focus-toggle{width:100%;margin-top:10px;text-align:center}.focus-list{display:grid;padding:0;margin:8px 0 0;gap:6px;list-style:none}.focus-list button{display:flex;width:100%;min-height:44px;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer;text-align:left}.focus-list small{color:var(--muted);font-size:.7rem}.encode-title{margin-top:24px;font-size:clamp(1.6rem,7vw,2.2rem)}.encode-lead{margin-bottom:20px}.encode-list{display:grid;padding:0;margin:0 0 20px;gap:10px;list-style:none}.encode-card{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised)}.encode-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.encode-head strong{font-size:1.35rem;letter-spacing:-.02em}.encode-phonetic{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.encode-gloss{margin:6px 0 8px;font-size:.92rem}.encode-meta{margin:0 0 6px}.encode-want{min-height:36px;font-size:.76rem;font-weight:700}.encode-want.is-on{color:#506600}.cue-phonetic{margin:12px 0 0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cue-anchor{margin:4px 0 0;color:var(--muted);font-size:.82rem}.token.accepted-extra{border-color:#b8b6ab}.relearn{padding:16px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px;background:var(--paper-raised)}.relearn strong{display:block;font-size:1.8rem;letter-spacing:-.03em}.flag-button{min-height:36px;font-size:.72rem;text-decoration:underline}.feedback-word-body{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:8px}.feedback-word-body small{color:var(--muted);white-space:nowrap}.grade-picker select{padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.76rem}.correct-toggle{width:100%;margin:10px 0 4px;font-size:.76rem;text-decoration:underline}.feedback-extras{padding-top:14px;border-top:1px solid var(--line);margin-top:14px}.summary{display:flex;min-height:100svh;flex-direction:column;justify-content:center;text-align:center}.summary h1{font-size:clamp(3rem,16vw,5rem)}.summary-grid{display:grid;margin:28px 0 20px;gap:10px;grid-template-columns:1fr 1fr}.summary-grid div{padding:14px 8px;border-top:1px solid var(--line)}.summary-grid dt{color:var(--muted);font-size:.72rem}.summary-grid dd{margin:4px 0 0;font-size:1.7rem;font-weight:750}.summary-note{margin:0 0 6px;font-size:.95rem}.summary-actions{margin-top:28px}.panel{padding:18px 16px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;background:var(--paper-raised)}.panel.danger{border-color:#cbb2ab;background:var(--danger-soft)}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.mosaic{display:grid;padding:0;margin:0 0 12px;gap:6px;grid-template-columns:repeat(7,1fr);list-style:none;text-align:center}.mosaic small{display:block;margin-top:5px;color:var(--muted);font-size:.62rem}.mosaic-cell{display:block;height:34px;border:1px solid var(--line);border-radius:8px;background:transparent}.mosaic-cell.is-active{border-color:transparent;background:var(--accent)}.spark{display:flex;height:48px;align-items:flex-end;padding:0;margin:12px 0 0;gap:5px;list-style:none}.spark li{display:flex;min-width:10px;flex:1;align-items:flex-end}.spark span{width:100%;border-radius:4px 4px 0 0;background:var(--ink);opacity:.75}.coverage{display:grid;padding:0;margin:0;gap:8px;list-style:none}.coverage li{display:grid;align-items:center;gap:10px;grid-template-columns:72px 1fr auto}.coverage-label{font-weight:700}.coverage-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--line)}.coverage-bar span{display:block;height:100%;border-radius:999px;background:var(--ink)}.coverage small{color:var(--muted);font-size:.7rem}.tabs{display:flex;gap:8px;margin-bottom:14px}.tabs button{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-size:.8rem;font-weight:700}.tabs button.is-active{border-color:transparent;background:var(--ink);color:#fff}.search input{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;background:#fff}.word-list{display:grid;padding:0;margin:0;gap:10px;list-style:none}.word-list li{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper-raised)}.word-list li.is-dismissed{opacity:.5}.word-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.word-head strong{font-size:1.05rem}.word-head small{color:var(--muted);font-size:.7rem;white-space:nowrap}.word-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.pref{min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-size:.72rem}.pref.is-on{border-color:transparent;background:var(--accent);color:var(--accent-ink);font-weight:700}.row-toggle,.row-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.row-toggle:last-of-type,.row-field:last-of-type{border-bottom:0}.row-toggle>span,.row-field>span{display:block;font-size:.88rem;font-weight:650}.row-toggle small,.row-field small{display:block;margin-top:3px;color:var(--muted);font-size:.72rem;font-weight:400;line-height:1.4}.row-toggle input[type=checkbox]{width:26px;height:26px;flex:none;accent-color:#506600}.row-field input{width:96px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center}.danger-button{border-color:#b4695a;background:transparent;color:#8c3a28}.danger-button:disabled{cursor:not-allowed;opacity:.4}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-top:12px;background:#fff;font-size:.84rem}.notice-error{border-color:#b4695a;background:var(--danger-soft)}.notice ul,.issue-list{padding-left:18px;margin:8px 0;font-size:.78rem}.issue-list{color:var(--muted);text-align:left}.versions{display:grid;margin:0;gap:6px}.versions div{display:flex;justify-content:space-between;gap:12px;font-size:.8rem}.versions dt{color:var(--muted)}.versions dd{margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(min-width:720px){.app-frame{padding-bottom:0}.app-nav{position:sticky;border-top:0;border-bottom:1px solid var(--line);inset:0 0 auto}}.cue h1{font-size:min(7.5rem,calc((100vw - 52px) / (var(--cue-len, 5) * .6)));overflow-wrap:normal;white-space:nowrap}.round-shell,.app-shell{overflow-x:hidden}