:root{--bg: #e9eef4;--surface: #ffffff;--ink: #142033;--muted: #5a6779;--line: #cdd6e1;--sign: #0b4ea2;--sign-ink: #ffffff;--amber: #f2a900;--amber-ink: #2a1d00;--good: #1d7a46;--good-bg: #e2f3e8;--bad: #b3261e;--bad-bg: #fbe5e3;--miss-bg: #fff1c2;--heart: #c2255c;--link: #0b4ea2;--hover: #f2f5f9;--font-display: "Overpass", "Arial Narrow", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0c1422;--surface: #152033;--ink: #e8eef7;--muted: #9aa8bb;--line: #2a3a52;--sign: #1659b5;--sign-ink: #ffffff;--amber: #f5b522;--amber-ink: #2a1d00;--good: #5fd08f;--good-bg: #123123;--bad: #ff8a80;--bad-bg: #3a1716;--miss-bg: #4a3a0a;--heart: #ff7aa2;--link: #8db8ff;--hover: #1b2840;color-scheme:dark}}:root[data-theme=dark]{--bg: #0c1422;--surface: #152033;--ink: #e8eef7;--muted: #9aa8bb;--line: #2a3a52;--sign: #1659b5;--sign-ink: #ffffff;--amber: #f5b522;--amber-ink: #2a1d00;--good: #5fd08f;--good-bg: #123123;--bad: #ff8a80;--bad-bg: #3a1716;--miss-bg: #4a3a0a;--heart: #ff7aa2;--link: #8db8ff;--hover: #1b2840;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.45;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}#root{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:14px 32px}[hidden]{display:none!important}.app{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:2px}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:900;text-wrap:balance}p{margin:0}.small{font-size:14px;color:var(--muted)}.lbl{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px}.brand{font-family:var(--font-display);font-weight:900;font-size:20px;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--ink);padding:0}.brand svg{flex:none}.back{background:none;border:0;color:var(--link);font-weight:700;padding:8px 0;display:inline-flex;align-items:center;gap:6px}.stats{display:flex;gap:8px;font-variant-numeric:tabular-nums}.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px 10px;text-align:center;min-width:58px}.stat b{display:block;font-family:var(--font-display);font-weight:800;font-size:19px;line-height:1.1}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat.low b{color:var(--bad)}.timebar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.timebar i{display:block;height:100%;width:100%;background:var(--amber);transform-origin:left;transition:transform .15s linear}.sign{background:var(--sign);color:var(--sign-ink);border-radius:14px;padding:6px;box-shadow:0 2px #00000026}.sign-inner{border:3px solid var(--sign-ink);border-radius:10px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;min-height:140px}.sign-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.word-tag{display:inline-flex;align-items:center;gap:6px;background:var(--sign-ink);color:var(--sign);font-family:var(--font-display);font-weight:800;letter-spacing:.02em;text-transform:none;font-size:14px;padding:2px 10px 1px 8px;border-radius:4px}.prompt{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,6.4vw,32px);line-height:1.15;text-wrap:balance}.hint{font-size:16px;letter-spacing:.06em;opacity:.9;min-height:1.4em}.answer{display:flex;flex-direction:column;gap:10px}.typebox{position:relative;background:var(--surface);border-radius:10px;box-shadow:inset 0 0 0 2px var(--line)}.typebox:focus-within{box-shadow:inset 0 0 0 2px var(--sign)}.typebox.off{box-shadow:inset 0 0 0 2px var(--bad)}.typebox.ok{background:var(--good-bg);box-shadow:inset 0 0 0 2px var(--good)}.typebox.no{background:var(--bad-bg);box-shadow:inset 0 0 0 2px var(--bad)}.typebox textarea,.typebox .mirror{font-family:var(--font-body);font-size:19px;line-height:1.4;letter-spacing:0;text-align:left;padding:14px;border:2px solid transparent;margin:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;font-kerning:none;font-variant-ligatures:none;font-feature-settings:"kern" 0,"liga" 0}.typebox .mirror{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--ink);pointer-events:none;overflow:hidden}.typebox textarea{position:relative;display:block;width:100%;min-height:58px;resize:none;overflow:hidden;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:var(--ink);outline:none;border-radius:10px}.typebox textarea::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted)}.l-ok{color:var(--good);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.l-bad{color:var(--bad);background:var(--bad-bg);border-radius:2px}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--sign);border-color:var(--sign);color:var(--sign-ink);flex:1 1 140px}.btn.go{background:var(--amber);border-color:var(--amber);color:var(--amber-ink);flex:1 1 140px}.btn:disabled{opacity:.45;cursor:default}.fb{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.fb h2{font-size:22px}.fb.good h2{color:var(--good)}.fb.bad h2{color:var(--bad)}.fb .line{font-size:19px;line-height:1.6;overflow-wrap:anywhere}.w-wrong{color:var(--bad);text-decoration:line-through;text-decoration-thickness:2px}.w-miss{background:var(--miss-bg);border-bottom:2px solid var(--amber);border-radius:3px;padding:0 2px;font-weight:700}.gloss{font-size:15px;color:var(--muted)}.gloss b{color:var(--ink)}.alts{font-size:15px;color:var(--muted)}.alts ul{margin:2px 0 0;padding-left:18px}.with-nav{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.page-head{display:flex;flex-direction:column;gap:6px}.page-head.top{padding-top:12px}.page-head h1{font-size:clamp(28px,7.5vw,36px);line-height:1.08;letter-spacing:-.01em}.progress-line{display:flex;align-items:center;gap:10px;margin-top:6px}.section{display:flex;flex-direction:column;gap:14px;margin-top:10px}.section-head{display:flex;flex-direction:column;gap:2px}.section-head h2{font-size:24px}.group{display:flex;flex-direction:column;gap:8px}.group-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.card h2{font-size:22px}.card p{color:var(--muted)}.home-head{display:flex;flex-direction:column;gap:14px;padding-top:8px}.overview{display:flex;flex-direction:column;gap:8px;font-size:15px;color:var(--muted)}.overview b{color:var(--ink);font-family:var(--font-display);font-size:19px;font-variant-numeric:tabular-nums}.meter{display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.meter i{display:block;height:100%;background:var(--good)}.hero{background:var(--sign);color:var(--sign-ink);border-radius:16px;padding:6px;box-shadow:0 2px #00000026}.hero-inner{border:2px solid rgba(255,255,255,.85);border-radius:11px;padding:16px;display:flex;flex-direction:column;gap:8px}.hero-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.hero-title{all:unset;cursor:pointer;font-family:var(--font-display);font-weight:900;font-size:26px;line-height:1.1;display:inline-flex;align-items:center;gap:10px}.hero-title .chev{color:var(--sign-ink);opacity:.8}.hero-title:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}.hero-meta{font-size:15px;opacity:.9}.hero-meter{display:block;height:6px;border-radius:3px;background:#ffffff40;overflow:hidden;margin-bottom:6px}.hero-meter i{display:block;height:100%;background:var(--sign-ink)}.btn.light{background:var(--sign-ink);border-color:var(--sign-ink);color:var(--sign);flex:1 1 120px}.list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.list>li+li{border-top:1px solid var(--line)}.row-link{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto 10px;align-items:center;gap:12px;padding:12px 14px;min-height:64px;color:var(--ink)}.row-link.empty{grid-template-columns:32px minmax(0,1fr) 10px}.row-link:hover{background:var(--hover)}.row-link:focus-visible{outline:3px solid var(--amber);outline-offset:-3px}.num{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:15px;background:var(--sign);color:var(--sign-ink)}.row-link.empty .num{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 2px var(--line)}.row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.row-title{font-weight:700;overflow-wrap:anywhere}.row-link.empty .row-title{color:var(--muted)}.row-meta{font-size:14px;color:var(--muted)}.chev{color:var(--muted);flex:none}.ring{flex:none;display:block}.list.cards li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px}.card-main{display:flex;flex-direction:column;gap:2px;min-width:0}.list .nl{font-weight:700;overflow-wrap:anywhere}.list .en{color:var(--muted);font-size:15px;overflow-wrap:anywhere}.list .nl .en{font-weight:400}.dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.dot.ok{background:var(--good)}.dot.no{background:var(--bad)}.empty-state{background:var(--surface);border:2px dashed var(--line);border-radius:14px;padding:20px 16px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:6px}.empty-state strong{color:var(--ink);font-family:var(--font-display);font-size:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--bg);border-radius:10px}.seg button{border:0;background:transparent;color:var(--muted);font-weight:700;padding:9px 10px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:8px}.seg button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px #0000001f}.seg-count{font-size:13px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}.link-btn{all:unset;cursor:pointer;color:var(--link);font-weight:700;font-size:15px}.link-btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}.link-btn.center{align-self:center;padding:8px}.heart{background:none;border:0;padding:6px;margin:-6px;color:var(--muted);display:inline-flex;align-items:center;border-radius:8px}.heart:hover,.heart.on{color:var(--heart)}.list .heart{margin:-6px -8px -6px -4px}.sign-right{display:flex;align-items:center;gap:12px}.sign .heart,.sign .heart:hover,.sign .heart.on{color:var(--sign-ink);margin:-6px}.btn.icon{flex:none;width:52px;padding:10px 0;margin:0}.btn.heart{border:2px solid var(--line);background:var(--surface);color:var(--ink)}.btn.heart.on{color:var(--heart);border-color:var(--heart)}.row.nowrap{flex-wrap:nowrap}.switch-row{display:flex;align-items:center;gap:14px;padding:14px;cursor:pointer}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;margin:0;border-radius:14px;background:var(--line);position:relative;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .15s}.switch:checked{background:var(--good)}.switch:checked:after{transform:translate(20px)}.setting-row{display:flex;flex-direction:column;gap:10px;padding:14px}.seg.three{grid-template-columns:repeat(3,1fr)}.info-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px}.info-row b{font-variant-numeric:tabular-nums}.note{padding:0 4px}.field{width:100%;box-sizing:border-box;border:2px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}.field:focus{outline:none;border-color:var(--sign)}.field.code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:16px;line-height:1.3;resize:vertical;word-break:break-all}.row-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.row-error,.card .row-error{color:var(--bad);font-size:15px;font-weight:700}.login{padding-top:28px;gap:16px}.login .brand{align-self:center}.login .card h1{font-size:28px}.center-text{text-align:center;padding:0 12px}.card .setup-msg{color:var(--ink);font-weight:700}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.nav-inner{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.nav-item{background:none;border:0;color:var(--muted);font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 10px}.nav-item[aria-current=page]{color:var(--link)}.nav-icon{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-5px;left:15px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--heart);color:#fff;font-size:11px;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.big{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.big div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 6px;text-align:center}.big b{display:block;font-family:var(--font-display);font-weight:900;font-size:30px;font-variant-numeric:tabular-nums}.big span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stack.tight{gap:8px}.btn.wide{flex:none;width:100%;padding:13px 14px}@keyframes pop{0%{transform:scale(.98)}50%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pop{animation:pop .25s ease-out}.shake{animation:shake .25s ease-in-out}@media (prefers-reduced-motion: reduce){.pop,.shake{animation:none}.timebar i{transition:none}}