:root{--primary-bg:#e8dab2;--primary-surface:#4f6d7a;--primary-elevated:#c0d6df;--accent-primary:#3a5560;--accent-secondary:#020101;--accent-tertiary:#dd6e42;--accent-danger:#de4141;--neutral-50:#f5f5f5;--neutral-100:#8b7a6b;--neutral-200:#c0d6df;--neutral-300:#9bb5c0;--neutral-400:#8ba5b0;--neutral-500:#7a9ba8;--neutral-600:#6b8a9a;--neutral-700:#5a7a8a;--neutral-800:#4f6d7a;--neutral-900:#3a5560;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes smoothBlink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.typing-cursor{display:inline-block}.current-char,.typing-cursor{position:relative}.typing-char{border-radius:2px;padding:0 1px;transition:color .15s ease,background-color .15s ease}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background:#e8dab2;background:var(--primary-bg);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}body,h1,h2,h3,h4,h5,h6{color:#8b7a6b;color:var(--neutral-100)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:#9bb5c0;color:var(--neutral-300);margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}:focus{outline:2px solid #3a5560;outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.words{background:#4f6d7a;background:var(--primary-surface);font-size:1.5rem;font-weight:500;padding:2rem;padding:var(--spacing-xl)}.infoBox,.words{border:1px solid #5a7a8a;border:1px solid var(--neutral-700);border-radius:.75rem;border-radius:var(--radius-lg);color:#8b7a6b;color:var(--neutral-100);transition:.25s ease-in-out;transition:var(--transition-normal)}.infoBox{background:#c0d6df;background:var(--primary-elevated);display:flex;flex-direction:column;min-width:200px;padding:1.5rem;padding:var(--spacing-lg);width:18%}.infoBox,.input{text-align:center}.input{margin:2rem 0;margin:var(--spacing-xl) 0;width:100%}.user_input{background:#4f6d7a;background:var(--primary-surface);border:1px solid #6b8a9a;border:1px solid var(--neutral-600);border-radius:.75rem;border-radius:var(--radius-lg);color:#8b7a6b;color:var(--neutral-100);font-size:1.5rem;font-weight:500;height:80px;padding:2rem;padding:var(--spacing-xl);transition:.25s ease-in-out;transition:var(--transition-normal);width:100%}.user_input:focus{border-color:#3a5560;border-color:var(--accent-primary);outline:none}.user_input::placeholder{color:#7a9ba8;color:var(--neutral-500)}.nav-link{border-radius:.5rem;border-radius:var(--radius-md);color:#8b7a6b;color:var(--neutral-100);font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:.15s ease-in-out;transition:var(--transition-fast)}.current,.nav-link:hover{background:#e945601a;color:#3a5560;color:var(--accent-primary)}.container{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center;margin:0 auto;max-width:100%;padding:2rem;padding:var(--spacing-xl);width:1100px}.statistics{flex-direction:row;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-top:4rem;padding-top:var(--spacing-3xl)}.contact,.statistics{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.contact{flex-flow:row wrap;justify-content:space-evenly;padding-top:10%}.import,.restart{background:#4f6d7a;background:var(--primary-surface);border:1px solid #6b8a9a;border:1px solid var(--neutral-600);border-radius:.75rem;border-radius:var(--radius-lg);color:#8b7a6b;color:var(--neutral-100);cursor:pointer;font-size:1rem;font-weight:500;padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition-normal)}.import:hover,.restart:hover{background:#3a5560;background:var(--accent-primary);border-color:#3a5560;border-color:var(--accent-primary)}.buttons_area{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.icon,.logo{border-bottom:2px solid #0000;transition:.25s ease-in-out;transition:var(--transition-normal)}.logo{height:50px;width:50px}.icon{height:70px;width:70px}.icon:hover,.logo:hover{border-bottom-color:#3a5560;border-bottom-color:var(--accent-primary);transform:scale(1.1)}.incorrect_char{color:#de4141;color:var(--accent-danger);font-weight:500;text-decoration:underline}.correct_char{color:#020101;color:var(--accent-secondary);font-weight:500}.header_title{font-size:2.5rem;font-weight:700;padding-bottom:1rem;padding-bottom:var(--spacing-md);text-align:center;text-shadow:0 2px 4px #0000004d}.header_title,.typingResult{color:#8b7a6b;color:var(--neutral-100)}.typingResult{margin-top:var(--spacing-xl)}.progressBar{background:#4f6d7a;background:var(--primary-surface);border:1px solid #6b8a9a;border:1px solid var(--neutral-600);border-radius:.75rem;border-radius:var(--radius-lg);margin:2rem auto;margin:var(--spacing-xl) auto;max-width:667px;overflow:hidden;width:100%}#progressBar{background:#3a5560;background:var(--accent-primary);border-radius:.5rem;border-radius:var(--radius-md);height:40px;transition:width .35s ease-in-out;transition:width var(--transition-slow);width:0}.progressPercent{color:#8b7a6b;color:var(--neutral-100);font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%);z-index:1}#importFile{display:none}@media (max-width:768px){.container{padding:1rem;padding:var(--spacing-md);width:100%}.statistics{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.infoBox{min-width:auto;width:100%}.buttons_area{flex-direction:column}.header_title{font-size:2rem}.words{font-size:1.25rem;padding:1.5rem;padding:var(--spacing-lg)}.user_input{font-size:1.25rem;height:60px}}@media (max-width:480px){.header_title{font-size:1.75rem}.words{font-size:1.125rem;padding:1rem;padding:var(--spacing-md)}.user_input{font-size:1.125rem;height:50px}}.hover-lift{transition:.25s ease-in-out;transition:var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.keyboard{background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg,.75rem);font-family:sans-serif;font-family:var(--font-primary,sans-serif);font-size:14px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);text-align:center}.keyboard__row--h4{width:3.3em}.keyboard__row{display:inline-block;height:3.5em;margin:.2em}.keyboard__row--h1{height:2em;line-height:1.4em}.keyboard__row--h3{height:3.8em}.keyboard__row>*{background:#262626;background:var(--primary-elevated,#262626);border:1px solid #525252;border:1px solid var(--neutral-600,#525252);border-radius:.5rem;border-radius:var(--radius-md,.5rem);box-sizing:border-box;color:#fff;color:var(--neutral-100,#fff);cursor:pointer;float:left;font-weight:500;height:100%;margin:.2em;padding:.2em;position:relative;text-align:center;transition:.15s ease-in-out;transition:var(--transition-fast,.15s ease-in-out);-webkit-user-select:none;user-select:none;width:3.3em}.keyboard__row--h1>div{width:3.8em}.keyboard__row>div:active,.keyboard__row>div[data-pressed]{background:#e8dab2;background:var(--accent-primary,#e8dab2);border-color:#e8dab2;border-color:var(--accent-primary,#e8dab2);color:#fff;color:var(--neutral-100,#fff);position:relative;top:.1em;transform:scale(.95)}.key--w3{width:4.6em}.key--w4{width:6em}.key--w5{width:6.5em}.key--w6{width:8.3em}.key--space{width:18em}.key--double>*{padding-top:0}.key--letter{line-height:2.5em}.key--bottom-left>*{bottom:.4em;left:.4em;position:absolute;text-align:left}.key--bottom-right>*{bottom:.4em;position:absolute;right:.4em;text-align:right}.key--fn>*{float:right;font-size:.6em;line-height:1em;padding-right:1.6em;padding-top:.6em;text-align:right}.key--word>*{font-size:.8em}.key--arrow--tall>*,.key--arrow>*{font-size:.5em;line-height:3em}.key--arrow{height:1.8em;line-height:.5em;margin-top:1.7em}.key--arrow--tall>*{padding-top:.2em}.keyboard>.keyboard__row,.typingResult{text-align:center}.typingResult{color:#fff;color:var(--neutral-100,#fff);display:block;flex-direction:row;font-size:1.125rem;font-weight:500;justify-content:center;margin-top:2rem;margin-top:var(--spacing-xl,2rem)}.key--arrow--tall>div.key-highlighted,.keyboard__row>div.key-highlighted{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;box-shadow:0 0 20px #e8dab24d;color:var(--primary-elevated)!important}.extended-keyboard .keyboard__row{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.extended-keyboard .key--word{align-items:center;background:var(--primary-elevated);border:1px solid var(--neutral-600);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--neutral-100);display:flex;flex-shrink:0;font-size:12px;font-weight:500;height:50px;justify-content:center;padding:8px 4px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:50px}.extended-keyboard .key--word:hover{background:var(--neutral-600);border-color:var(--neutral-500)}.extended-keyboard .key--word.key-highlighted{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;box-shadow:0 0 20px #e8dab24d;color:var(--primary-elevated)!important}.extended-keyboard .key--w2{width:108px}.extended-keyboard .key--h2{height:108px;position:relative}.keyboard__row>div.key-correct{background:var(--accent-tertiary)!important;border-color:var(--accent-tertiary)!important;color:var(--primary-elevated)!important}.keyboard__row>div.key-incorrect{animation:shake .3s ease-in-out;background:var(--accent-danger)!important;border-color:var(--accent-danger)!important;color:var(--primary-elevated)!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media (max-width:768px){.keyboard{font-size:12px;padding:1rem;padding:var(--spacing-md,1rem)}.keyboard__row{height:3.2em}.keyboard__row--h1{height:1.8em}.keyboard__row--h3{height:3.5em}.keyboard__row>*{margin:.15em;padding:.15em;width:2.8em}.keyboard__row--h1>div{width:3.2em}.key--w3{width:3.8em}.key--w4{width:5em}.key--w5{width:5.5em}.key--w6{width:7em}.key--space{width:15em}}@media (max-width:480px){.keyboard{font-size:11px;padding:.5rem;padding:var(--spacing-sm,.5rem)}.keyboard__row{height:3em}.keyboard__row--h1{height:1.6em}.keyboard__row--h3{height:3.2em}.keyboard__row>*{margin:.1em;padding:.1em;width:2.5em}.keyboard__row--h1>div{width:2.8em}.key--w3{width:3.2em}.key--w4{width:4.2em}.key--w5{width:4.8em}.key--w6{width:6em}.key--space{width:12em}}
/*# sourceMappingURL=main.fbb3dbf0.css.map*/