@import "https://fonts.googleapis.com/css2?family=Parkinsans:wght@300;400;500;700;800&display=swap";
*,:before,:after{box-sizing:border-box}:root{--bg-main:#84202c;--type-caret:#c79e6e;--text-future:#55131b;--text-correct:#d3bdb6;--text-wrong:#39b0cd}body,html{background-color:var(--bg-main);color:var(--text-future);width:100vw;height:100vh;margin:0;padding:0;font-family:Parkinsans,sans-serif;font-weight:300;overflow:hidden}body,html,.type-char,.caret,svg,path,button,span,div{transition:background-color .4s,color .4s}.type-char{transition:none!important}::-webkit-scrollbar{display:none}::selection{background-color:#0000}.page-container{align-items:center;width:100%;position:relative;flex-direction:column!important;height:100vh!important;display:flex!important}.main-content{flex:1;width:100%;margin-top:-20vh;justify-content:center!important;align-items:center!important;display:flex!important}.logo-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;padding-top:3rem;display:flex}.logo-image{object-fit:contain;height:48px}.logo-subtitle{color:var(--text-future);margin-top:.5rem;margin-bottom:2rem;font-size:.875rem}.typing-area-wrapper{outline:none;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;position:relative}button.avatar-btn:focus,button.avatar-btn:focus-visible,button.avatar-btn:focus-within{box-shadow:none!important;outline:none!important}.typing-viewport{align-items:center;width:150%;max-width:1600px;height:5em;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.typing-text-track{white-space:pre;letter-spacing:.05em;will-change:transform;-webkit-font-smoothing:antialiased;align-items:center;height:100%;padding-top:0;font-size:3rem;font-weight:400;display:flex;position:absolute;top:0;left:50%}.type-char{pointer-events:none;white-space:pre;transition:color .1s;position:relative}.ghost-caret{background:var(--type-caret);opacity:0;pointer-events:none;will-change:left;border-radius:1px;width:2px;height:80%;transition:left 60ms linear,opacity .15s;position:absolute;top:10%}.caret.fixed-caret-override{z-index:10;background-color:var(--type-caret);border-radius:0;width:3px;height:3.5rem;position:absolute;top:50%;left:50%;transform:translate(-100%,-50%)}.typing-progress-container{flex-direction:column;align-items:center;width:100%;display:flex}.stats-container{opacity:.8;gap:.5rem;margin-bottom:2rem;font-size:1.5rem;font-weight:400;display:flex}.is-blurred .typing-progress-container{filter:blur(8px);opacity:.3;transition:filter .3s,opacity .3s}.typing-progress-container{flex-direction:column;align-items:center;width:100%;transition:filter .3s,opacity .3s;display:flex}.focus-warning{z-index:50;color:var(--text-future);letter-spacing:.05em;pointer-events:none;font-size:1.5rem;animation:2s infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes caretBlink{0%,to{opacity:1}40%{opacity:1}65%{opacity:0}}.caret-blink{animation:1.1s ease-in-out infinite caretBlink!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-board{gap:2rem}.chart-canvas{flex-direction:column;justify-content:space-between;width:100%;height:250px;padding:1rem 0;display:flex;position:relative}.horizontal-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hline{background-color:#55131b66;width:100%;height:1px}.vertical-lines{justify-content:space-between;padding:0 33%;display:flex;position:absolute;inset:0}.vline{background-color:#55131b66;width:1px;height:100%}.results-actions{width:100%;color:var(--text-future);justify-content:center;align-items:center;gap:2rem;display:flex}.chart-desktop{display:flex}.chart-mobile{display:none}.icon-button{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.icon-button:hover{color:var(--text-correct)}.stats-readout{justify-content:center;align-items:baseline;gap:2rem;margin-top:1rem;display:flex}.stats-main-block{align-items:baseline;display:flex}.stats-wpm-val{color:var(--type-caret);letter-spacing:-.05em;font-size:14rem;font-weight:400;line-height:.8}.stats-wpm-label{color:var(--text-future);margin-left:.5rem;font-size:7rem;font-weight:400;line-height:.8}.stats-side-block{align-items:baseline;margin-bottom:2rem;display:flex}.stats-acc-val{color:var(--type-caret);font-size:3rem;font-weight:400;line-height:1}.stats-acc-label{color:var(--text-future);margin-left:.5rem;font-size:2rem;font-weight:400}.footer{-webkit-user-select:none;user-select:none;width:100%;color:var(--text-future);box-sizing:border-box;justify-content:space-between;align-items:center;padding:2rem 4rem;font-size:.875rem;display:flex;position:relative}.footer a,.footer button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;text-decoration:none;transition:opacity .2s;display:flex}.footer a:hover,.footer button:hover{opacity:1;color:var(--type-caret)}.footer-center{pointer-events:none;align-items:center;gap:1rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.footer-right{align-items:center;gap:.5rem;display:flex}@media (max-width:768px){.chart-desktop{display:none}.chart-mobile{display:flex}body,html{height:100%;overflow:hidden auto}.page-container{height:auto!important;min-height:100dvh!important}.main-content{margin-top:-5vh;padding:0 .5rem}.logo-container{padding-top:1.5rem}.logo-subtitle{margin-bottom:1rem;font-size:.75rem}.typing-area-wrapper{max-width:100%;padding:0 .75rem}.typing-viewport{width:120%;height:3.5em;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.typing-text-track{letter-spacing:.03em;will-change:transform;font-size:1.6rem}.caret.fixed-caret-override{width:2px;height:2rem}.stats-container{gap:.3rem;margin-bottom:1rem;font-size:1rem}.focus-warning{font-size:1rem}.results-board{gap:1rem}.stats-readout{flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.stats-wpm-val{font-size:5rem}.stats-wpm-label{margin-left:.25rem;font-size:2.5rem}.stats-side-block{margin-bottom:.5rem}.stats-acc-val{font-size:1.75rem}.stats-acc-label{margin-left:.25rem;font-size:1.25rem}.chart-canvas{height:150px}.results-actions{gap:1.25rem}.footer{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;font-size:.75rem}.footer-center{order:2}.footer-right{order:1;gap:.4rem}}@media (max-width:480px){.main-content{margin-top:-2vh}.typing-text-track{font-size:1.3rem}.caret.fixed-caret-override{height:1.6rem}.typing-viewport{height:3em}.stats-wpm-val{font-size:4rem}.stats-wpm-label{font-size:2rem}.chart-canvas{height:120px}}