:root{--mono:"JetBrains Mono", "SFMono-Regular", "Consolas", "Liberation Mono", monospace}:root,[data-theme=dark]{--bg:#323437;--sub:#646669;--sub-alt:#2c2e31;--text:#d1d0c5;--main:#e2b714;--error:#ca4754}[data-theme=light]{--bg:#eaeaea;--sub:#a1a1a1;--sub-alt:#e0e0e0;--text:#404040;--main:#b8860b;--error:#c0392b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button,select{font-family:inherit}.app{flex-direction:column;gap:1.75rem;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex}.brand{letter-spacing:-.5px;align-items:baseline;gap:.5rem;font-size:1.4rem;font-weight:700;display:flex}.brand .logo{color:var(--main)}.brand .translation{color:var(--sub);border:1px solid var(--sub);border-radius:4px;margin-left:auto;padding:.1rem .4rem;font-size:.8rem;font-weight:600}.loading,.error{text-align:center;color:var(--sub);margin-top:4rem}.error{color:var(--error)}.config{flex-direction:column;gap:.75rem;display:flex}.config-row{background:var(--sub-alt);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.group{align-items:center;gap:.4rem;display:flex}.group.right{margin-left:auto}.config button,.actions button,.history button{color:var(--sub);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem .55rem;font-size:.85rem;transition:color .15s,background .15s}.config button:hover,.actions button:hover,.history button:hover{color:var(--text)}.config button.active{color:var(--main)}.config button.primary,.actions button.primary,.history button.primary{color:var(--bg);background:var(--main);font-weight:600}.config button.primary:hover,.actions button.primary:hover,.history button.primary:hover{filter:brightness(1.08);color:var(--bg)}.best{color:var(--main);font-weight:600}.picker{gap:.6rem;display:flex}.picker select{background:var(--sub-alt);color:var(--text);border:1px solid var(--sub);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.test-screen{flex-direction:column;gap:1rem;display:flex}.livebar{color:var(--main);font-variant-numeric:tabular-nums;gap:1.5rem;font-size:1.1rem;display:flex}.typing-area{letter-spacing:.5px;-webkit-user-select:none;user-select:none;word-break:normal;cursor:default;font-size:1.6rem;line-height:2.1}.char{color:var(--sub);white-space:pre-wrap;position:relative}.char.correct{color:var(--text)}.char.incorrect{color:var(--error)}.char.incorrect:not(:empty){text-decoration:none}.char.incorrect{background:color-mix(in srgb, var(--error) 22%, transparent);border-radius:2px}.char.caret:before{content:"";background:var(--main);border-radius:2px;width:2px;height:1.3em;animation:1s step-end infinite blink;position:absolute;top:.25em;left:-1px}@keyframes blink{50%{opacity:0}}.hint{color:var(--sub);margin:.5rem 0 0;font-size:.8rem}.results{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.headline{gap:3rem;display:flex}.stat{flex-direction:column;gap:.2rem;display:flex}.stat-label{color:var(--sub);font-size:.85rem}.stat-value{color:var(--main);font-variant-numeric:tabular-nums;font-size:1.5rem}.stat.big .stat-value{font-size:3.5rem;line-height:1}.reference{color:var(--text);font-size:1.4rem;font-style:italic}.detail{gap:2.5rem;display:flex}.actions{gap:.75rem;margin-top:.5rem;display:flex}.history{flex-direction:column;gap:1rem;display:flex}.history-head{align-items:center;display:flex}.history-head h2{margin:0;font-size:1.2rem}.history .empty{color:var(--sub)}.history table{border-collapse:collapse;width:100%;font-size:.9rem}.history th{text-align:left;color:var(--sub);border-bottom:1px solid var(--sub-alt);padding:.4rem .6rem;font-weight:500}.history td{border-bottom:1px solid var(--sub-alt);padding:.4rem .6rem}.history td.num{color:var(--main);font-variant-numeric:tabular-nums}.history td.when{color:var(--sub);white-space:nowrap}