@import"https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=WindSong:wght@400;500&display=swap";#debugOverlay{position:absolute;z-index:2;display:flex;flex-direction:column;gap:2px;top:20px;left:20px;line-height:100%;font-family:JetBrains Mono,monospace;font-size:14px}#testCaret{background:#a3f8ce;position:absolute;top:500px;left:500px;height:1mm;width:40px;transition:all .5s cubic-bezier(.2,1,0,1)}#testResetNotice{display:flex;justify-content:center;position:relative;z-index:1;margin-top:3rem;font-size:18px;font-weight:500;color:#ffffff40;transition:opacity .5s cubic-bezier(.2,1,0,1)}#testResetNotice span{color:#a3f8ce80}#testResetNotice[data-visible=false]{opacity:0}#app .writingAreaBox{width:50vw;display:flex;justify-content:center}#app #testWritingArea{display:flex;flex-wrap:wrap;row-gap:25px}#app #testWritingArea[data-visible=false]{opacity:0}#app #testWritingArea span{font-family:Parkinsans,Helvetica,sans-serif;line-height:100%;font-weight:400;font-size:3rem;transition:color .25s cubic-bezier(.2,1,0,1);color:#a3f8ce40}#app #testWritingArea span[data-state=typed]{color:#a3f8ce}#testResultsOverlay{--ranking-color: #b7f7a3;position:absolute;opacity:0;top:0;left:0;z-index:-1;width:100%;min-height:100%;transition:opacity cubic-bezier(.2,1,0,1) .5s}#testResultsOverlay[data-visible=true]{opacity:1;z-index:1}#testResultsOverlay .resultsBox{display:grid;grid-column-gap:4rem;grid-template-columns:repeat(2,1fr)}#testResultsOverlay .resultsBox .ranking{display:flex;flex-direction:column;gap:30px;width:fit-content;place-self:flex-end;color:hsl(from var(--ranking-color) h s 90)}#testResultsOverlay .resultsBox .ranking .rankBox{display:flex;flex-direction:column;width:fit-content}#testResultsOverlay .resultsBox .ranking .rankBox .rank{font-family:WindSong,serif;font-size:86px;font-weight:500;line-height:61px;margin-top:1rem;width:fit-content;color:var(--ranking-color)}#testResultsOverlay .resultsBox .ranking .rankBox .comment{font-style:italic;font-weight:600;width:fit-content}#testResultsOverlay .resultsBox .ranking .progressBox{width:15vw;display:flex;flex-direction:column;gap:5px}#testResultsOverlay .resultsBox .ranking .progressBox .achievedProgressBox{width:0;text-align:right;display:flex;flex-direction:column;gap:5px;transition:width cubic-bezier(.2,1,0,1) 3s}#testResultsOverlay .resultsBox .ranking .progressBox .achievedProgressBox p{font-style:italic;font-weight:600;font-size:16px}#testResultsOverlay .resultsBox .ranking .progressBox .achievedProgressBox .achievedProgressBar{width:100%;height:5px;content:"1010px";background:hsl(from var(--ranking-color) h s 90);transform:skew(-25deg)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar{display:flex;width:15vw;transform:skew(-25deg)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar div{height:20px;transition:width cubic-bezier(.2,1,0,1) 1s}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankSS{width:0;background:#ddd;transform:translate(-6px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankS{width:0;background:#bbb;transform:translate(-5px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankA{width:0;background:#999;transform:translate(-3px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankB{width:0;background:#777;transform:translate(-2px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankC{width:0;background:#555;transform:translate(-1px)}#testResultsOverlay .resultsBox .ranking .progressBox .progressRankingBar .rankD{width:0;background:#333}#testResultsOverlay .stats{display:flex;flex-direction:column;justify-content:center;--text-color: hsl( from var( --ranking-color ) h s 90 )}#testResultsOverlay .stats h2{font-weight:600;font-style:italic;font-size:24px;color:var(--text-color);white-space:nowrap}#testResultsOverlay .stats p{font-weight:600;font-style:italic;font-size:16px;color:rgb(from var(--text-color) r g b/.5);margin-top:10px}#testResultsOverlay .resetNotice{--text-color: hsl( from var( --ranking-color ) h s 90 );margin:30px 0 0;text-align:center;font-size:18px;font-weight:600;color:rgb(from var(--text-color) r g b/.5)}#testResultsOverlay .resetNotice span{color:var(--text-color)}#currentTest{position:relative}#currentTest #testWritingArea{transition:opacity cubic-bezier(.2,1,0,1) .5s}#currentTest[data-testVisible=false] #testCaret,#currentTest[data-testVisible=false] #testWritingArea{opacity:0}#testHeader{position:absolute;transform:translateY(-100%)}#testHeader #testOptions{margin-bottom:1rem;transition:opacity cubic-bezier(.2,1,0,1) .5s}#testHeader #testOptions[data-locked=true]{opacity:0}#testHeader #testOptions #difficultyOptionIndicator{position:absolute;z-index:2;left:0;top:0;transition:all cubic-bezier(.2,1,0,1) .5s;background:#a3f8ce40;-webkit-backdrop-filter:blur(100px) brightness(0%);backdrop-filter:blur(100px) brightness(0%);transform:skew(-25deg)}#testHeader #testOptions #testDifficultySelection{display:flex;gap:24px}#testHeader #testOptions #testDifficultySelection .difficultyOption{user-select:none;-webkit-user-select:none;-moz-user-select:none;z-index:auto;font-size:24px;font-weight:500;font-style:italic;transition:color cubic-bezier(.2,1,0,1) .5s;color:#a3f8ce40}#testHeader #testOptions #testDifficultySelection .difficultyOption:hover{color:#a3f8cebf;cursor:default}#testHeader #testOptions #testDifficultySelection .difficultyOption[data-selected=true]{z-index:3;color:#a3f8ce}#app #pageContent #currentTestInfo{z-index:1}#app #pageContent #currentTestInfo #testProgressBar{margin-bottom:1.75rem;height:20px;width:10vw;background:#a3f8ce40;transform:skew(-25deg)}#app #pageContent #currentTestInfo #testProgressBar .progressValue{width:50%;height:100%;background:#a3f8ce;transition:width .5s cubic-bezier(.2,1,0,1)}#app #pageContent{padding:2rem;display:flex;flex-direction:column;height:fit-content;width:fit-content}::selection{background:#fff;color:#000}@keyframes indicatorSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes overlayFade{0%{opacity:1}to{opacity:0;z-index:-10000000}}#loaderOverlay{z-index:1000000;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all 1s cubic-bezier(.2,1,0,1)}#loaderOverlay img{animation:2.5s cubic-bezier(.5,0,0,.8) infinite indicatorSpinner}#loaderOverlay[data-loading=false]{animation:1s cubic-bezier(.2,1,0,1) overlayFade;animation-fill-mode:forwards}*{box-sizing:border-box}h1,h2,h3,h4,p{font-weight:500;margin:0;line-height:100%}body{background:#000;color:#fff;font-family:Instrument Sans,Helvetica,sans-serif;margin:0}#app{height:100vh;display:flex;justify-content:center;align-items:center}