:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--light-primary-bg: #fbfff4;--light-primary-text: #4fdec4;--light-secondary-text: #dcf4a2;--light-error-text: #fda7c1;--dark-primary-bg: #171717;--dark-primary-text: #dedede;--dark-secondary-text: #4d4d4d;--dark-error-text: #f25623;color:var(--primary-text);background-color:var(--primary-bg)}@media(prefers-color-scheme:dark){:root{--primary-bg: var(--dark-primary-bg);--primary-text: var(--dark-primary-text);--secondary-text: var(--dark-secondary-text);--error-text: var(--dark-error-text)}}@media(prefers-color-scheme:light){:root{--primary-bg: var(--light-primary-bg);--primary-text: var(--light-primary-text);--secondary-text: var(--light-secondary-text);--error-text: var(--light-error-text)}}html,body{margin:0;padding:0}#test-content{position:relative;width:fit-content;height:11.25rem;overflow:hidden;margin:0 auto;font-size:2.5rem;color:var(--secondary-text)}#test-content .correct{color:var(--primary-text)}#test-content .incorrect,#test-content .extra{color:var(--error-text)}#test-content .missed{text-decoration:underline var(--error-text)}#test-content .caret-anchor{vertical-align:center}#test-content:focus{outline:none}#test-content:focus .fake-caret{position:absolute;top:0;left:0;display:inline-block;width:4px;height:1em;background-color:var(--primary-text);transition:transform .15s;margin:0 -2px}main{min-height:100vh;padding:0 10%;display:flex;flex-direction:column;justify-content:center;font-family:monospace}header{position:fixed;padding:1rem 0;top:0;align-self:center}header ul{padding:0;list-style-type:none}header a{color:var(--primary-text);text-decoration:none}header h1{font-size:2.4rem}.new-test{width:fit-content;margin:2rem;padding:.25rem 2rem;align-self:center;border-radius:4px;color:var(--secondary-text);background:transparent;border:none;font-weight:700;cursor:pointer;font-size:3rem;transition:color .2s}.new-test:hover{color:var(--primary-text)}.test-result{display:flex;flex-direction:column;gap:2rem}.test-result>div{display:flex;gap:4rem}.main-metrics{display:flex;flex-direction:column;gap:2rem}.graph-container{grid-column:2 / -1;grid-row:1 / 3}.other-info{grid-column:1 / -1;grid-row:3 / -1;display:flex;justify-content:space-between;flex-wrap:wrap}dl,dt,dd{margin:0;padding:0}dt{font-size:2rem;color:var(--secondary-text)}dd{line-height:1em;font-size:4rem;color:var(--primary-text)}.other-info dt{font-size:1.2rem}.other-info dd{font-size:2.4rem}.source dd{font-size:1.2rem;max-width:24rem}.custom-tooltip{margin:0;padding:0 .5rem;background-color:var(--primary-bg);color:var(--primary-text);border-radius:4px}.custom-tooltip .second{font-weight:bolder}.custom-tooltip .legend-color{width:1em;height:1em;display:inline-block}.custom-tooltip .legend-color.wpm{background-color:var(--primary-text)}.custom-tooltip .legend-color.raw{background-color:var(--secondary-text)}.custom-tooltip .legend-color.errors{background-color:var(--error-text)}.custom-tooltip p{margin:0;padding:0;font-weight:700}