a{color:var(--sub-color);text-decoration:none}a:hover{color:var(--text-color)}:root{font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-weight:300;font-size:1rem;font-style:normal;--background-color: #1e1e2e;--main-color: #abe9b3;--sub-color: #575268;--sub-alt-color: #292739;--text-color: #d9e0ee;--error-color: #f28fad;--error-extra-color: #e8a2af;--colorful-error-color: #f28fad;--colorful-error-extra-color: #e8a2af;--miss-color: #ecd444;--active-color: #736c89}#stats-page{display:grid;grid-template-areas:"sp menu spe" "plots plots plots";grid-template-rows:3rem auto;grid-template-columns:1fr 30rem 1fr;position:fixed;padding:0;margin:0;top:0;left:0;width:100vw;height:100vh;background-color:var(--background-color);line-height:1.5rem;gap:.2rem}#stats-page>#plots{grid-area:plots;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--background-color)}#layout{display:grid;grid-template-areas:"sp menu spe" "sp content spe" "sp stats spe";grid-template-rows:1fr 4.9rem 1fr;grid-template-columns:1fr 30rem 1fr;position:fixed;padding:0;margin:0;top:0;left:0;width:100vw;height:100vh;background-color:var(--background-color);line-height:1.5rem;gap:.2rem}#content{grid-area:content;outline:none;display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:.2rem;align-content:flex-start;overflow-y:hidden}.word:has(.letter.active){font-weight:500}#stats{grid-area:stats;height:3rem;display:grid;grid-template-areas:"wpm acc none none";grid-template-columns:repeat(4,1fr)}.stats-container{color:var(--main-color);display:flex;gap:.2rem;align-self:flex-end}#wpm-container{grid-area:wpm}#acc-container{grid-area:acc}#menu{grid-area:menu;height:3rem}#sp{grid-area:sp;margin:1rem}#spe{grid-area:spe;display:grid;grid-template-areas:"site-settings" "no-content";grid-template-rows:2rem auto}#site-settings{grid-area:site-settings;display:flex;justify-content:end;align-items:center;grid-template-columns:auto repeat(3,1rem)}#user_sign_in{display:flex;align-items:center}.icon{width:.8rem;height:.8rem;margin:.2rem}.letter{color:var(--sub-color)}.letter.active{font-weight:600;font-size:1.05rem;text-decoration:underline;color:var(--active-color)}.typed{background-color:var(--sub-alt-color)}.correct{color:var(--text-color);display:inline-block;animation:drop .1s 1}.backtrack{text-decoration:underline;text-decoration-color:var(--miss-color)}.incorrect{color:var(--error-color);display:inline-block;animation:wiggle .1s 3}@keyframes wiggle{0%{transform:rotate(0)}50%{transform:rotate(-7deg)}95%{transform:rotate(7deg)}to{transform:rotate(0)}}@keyframes drop{0%{transform:translateY(0)}30%{transform:translateY(.05rem)}50%{transform:translateY(0)}to{transform:translateY(0)}}.checkboxcontainer{display:grid;grid-template-areas:"checkbox text";grid-template-columns:min-content auto;align-items:center}.checkbox{grid-area:checkbox}.checkboxcontainer>.text{grid-area:text}.slidecontainer{display:grid;grid-template-areas:"slider-text slider-text" "slider slider-value";grid-template-columns:auto 2rem;align-items:center}.slider{grid-area:slider;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.75rem;background:var(--sub-color);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.text{color:var(--sub-color);font-size:.8rem}.slider-value{grid-area:slider-value;color:var(--sub-color);justify-self:end}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--main-color);cursor:pointer}.blur{filter:blur(5px)}.fix{animation:blink .1s 2}@keyframes blink{50%{opacity:0}}