.footer{max-width:76rem;border-top:1px solid #262626;margin:auto;text-align:center;margin-top:4rem;padding-top:2rem;margin-bottom:7.25rem}.restart-btn{background-color:#262626;padding-block:.625rem;padding-inline:1rem;border-radius:12px;cursor:pointer;color:#fff}.restart-icon{display:inline-block;margin-left:.5rem;background-color:#262626}.restart-btn:hover{background-color:#404040}.restart-btn:hover>.restart-icon{background-color:#404040}.header{display:flex;justify-content:space-between;margin:auto;align-items:center;max-width:76rem}.personal-best{display:flex;align-items:center}.personal-best-text{margin-left:.625rem}.personal-best-value{display:inline-block;color:#fff}.logo.large,.personal-best-text.large{display:none}@media(min-width:1240px){.logo.small,.personal-best-text.small{display:none}.logo.large,.personal-best-text.large{display:block}}.passage-area{max-width:76rem;margin:auto;border-top:1px solid #262626;padding-top:2rem;margin-top:.75rem;position:relative;cursor:pointer}.passage-area:focus{outline:none}.passage-text{font-size:40px}.baseChar{display:inline-block}.statusCorrect{color:#05df72}.statusWrong{color:#ec3e47;text-decoration:underline}.cursorChar{background-color:#525252}.cursorSpace{background-color:#525252;color:#fff}.passage-area-blurred{font-size:40px;filter:blur(12px)}.passage-area-overlay{color:#fff;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem}.start-btn{background-color:#155dfc;border-radius:12px;padding-block:.8rem;padding-inline:1.35rem;cursor:pointer;color:#fff}.start-btn:focus{outline:2px solid #51a2ff;outline-offset:3px}.start-btn:hover{background-color:#51a2ff}.results{display:flex;flex-direction:column;align-items:center;margin-top:2rem;width:100%}.results-icon{width:4rem;height:4rem}.results-badge{position:relative;display:flex;align-items:center;justify-content:center}.circle-outer{display:flex;height:7rem;width:7rem;align-items:center;justify-content:center;border-radius:100%;background-color:#022c2266}.circle-inner{display:flex;height:5.5rem;width:5.5rem;align-items:center;justify-content:center;border-radius:100%;background-color:#022c2299}.results-title{font-size:30px;color:#fff;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}.results-description{text-align:center}.results-stats{margin-top:1.5rem;display:flex;flex-direction:column;gap:.7rem;width:100%}.result-box{border:1px solid #404040;border-radius:6px;padding:.75rem;height:4.3rem}.stat-label{font-size:14px}.stat-value{font-weight:700}.wpm{color:#fff}.value-green{color:#05df72}.value-red{color:#ff6467}.go-again-btn{background-color:#fff;color:#262626;border-radius:6px;margin-top:2rem;padding-block:.75rem;padding-inline:1rem;font-weight:700;cursor:pointer}.go-again-btn-icon{display:inline-block;margin-left:.5rem}.results-confetti{position:fixed;bottom:0;pointer-events:none;display:flex;justify-content:center;align-items:start}.confetti-image{width:100%;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.star-right{height:39px;pointer-events:none;position:fixed;bottom:40px;right:29px}.star-left{height:21px;pointer-events:none;position:fixed;left:18px;top:125px}@media(min-width:1240px){.results{margin-top:4rem}.results-stats{flex-direction:row;justify-content:center;align-items:center}.result-box{min-width:130px}.go-again-btn{margin-top:3.5rem}.star-left{height:32px;top:200px;left:140px}.star-right{height:74px;bottom:180px;right:140px}}.status-bar{display:flex;flex-direction:column;justify-content:space-between;max-width:76rem;margin:auto;margin-top:4rem;align-items:center}.metrics{display:flex;gap:2rem;align-items:center;text-align:center}.metric-value{display:block;margin-left:.75rem;font-weight:700;font-size:24px}.base{color:#fff}.metric-with-border{border-left:1px solid #262626;border-right:1px solid #262626;padding-inline:2rem}.accuracy{color:#ec3e47}.time{color:#fdc700}.controls{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem}.dropdown-wrapper{position:relative}.dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:170px;padding:.35rem .75rem;border-radius:8px;border:1px solid #6b7280;background:transparent;color:#e5e5e5;cursor:pointer;gap:.6rem}.dropdown-trigger:hover{border-color:#fff}.dropdown-menu{position:absolute;top:calc(100% + .35rem);left:0;min-width:100%;background:#262626;border-radius:8px;box-shadow:0 12px 30px #0009;z-index:10;overflow:hidden}.dropdown-item{width:100%;display:flex;align-items:center;gap:.8rem;padding:.45rem .75rem;border:none;background:transparent;color:#e5e5e5;cursor:pointer;text-align:left}.with-border{border-top:1px solid #404040}.dropdown-item:hover{background:#404040}.radio{width:18px;height:18px;border-radius:999px;border:2px solid #e5e5e5;display:inline-flex;align-items:center;justify-content:center}.radio.checked{border-color:#38bdf8}.radio.checked{content:"";width:18px;height:18px;border-radius:100%;border-width:6px}.controls.large{display:none}@media(min-width:1240px){.status-bar{flex-direction:row}.metric-value{display:inline;margin-left:.75rem;font-weight:700;font-size:18px}.controls.small{display:none}.controls.large{display:flex;margin-top:0}.label{margin-right:.5rem}.difficulty-group,.mode-group{display:flex;gap:.375rem;align-items:center}.difficulty-group .btn,.mode-group .btn{color:#fff;border:1px solid #737373;padding-inline:.5rem;padding-block:.25rem;border-radius:8px;cursor:pointer}.difficulty-group .btn:focus,.mode-group .btn:focus{outline:2px solid #51a2ff;outline-offset:3px}.difficulty-group .btn:hover,.mode-group .btn:hover,.btn.selected{border:1px solid #51a2ff;color:#51a2ff}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Sora;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Sora-Regular.woff2) format("woff2")}@font-face{font-family:Sora;font-style:bold;font-weight:700;font-display:swap;src:url(/fonts/Sora-Bold.woff2) format("woff2")}body{background-color:#000;color:#9ca3af;font-family:Sora;padding:20px}button{border-style:none;background-color:transparent}@keyframes ping{0%{transform:scale(1);opacity:1}75%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}