body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}ul{margin:0;padding:0}li{list-style:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#242424}}@keyframes blink{0%{border-left-color:transparent}50%{border-left-color:#f5f5f573}to{border-left-color:transparent}}@keyframes wordComplete{0%{transform:scale(1);color:#46c94b}50%{transform:scale(1.05);color:#4caf50;text-shadow:0 0 8px rgba(76,175,80,.6)}to{transform:scale(1);color:#46c94b}}@keyframes perfectWord{0%{text-shadow:0 0 0 rgba(76,175,80,.7);transform:scale(1)}50%{text-shadow:0 0 15px rgba(76,175,80,.8);transform:scale(1.02)}to{text-shadow:0 0 0 rgba(76,175,80,0);transform:scale(1)}}@keyframes streakBonus{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-15px) scale(1.1);opacity:.8}to{transform:translateY(-30px) scale(.8);opacity:0}}@keyframes pageShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}@keyframes correctShake{0%,to{transform:translateY(0)}25%{transform:translateY(-4px)}75%{transform:translateY(4px)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.page-shake{animation:pageShake .6s ease-in-out}.correct-shake{animation:correctShake .4s ease-in-out}.incorrect-shake{animation:incorrectShake .4s ease-in-out}.streak-milestone{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.5rem;font-weight:700;z-index:1000;animation:streakMilestone 2s ease-out forwards;box-shadow:0 8px 32px rgba(255,107,53,.4)}@keyframes streakMilestone{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes comboFlash{0%,to{background-color:rgba(255,193,7,.2)}50%{background-color:rgba(255,193,7,.4)}}.live-score-panel{position:fixed;top:20px;right:20px;background:rgba(36,36,36,.95);border:1px solid #6e6e6e;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;min-width:160px;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.score-label{color:#bbb;font-weight:500}.score-value{color:#e5e5e5;font-weight:600;font-size:1rem}.score-value.streak{color:#4caf50;transition:all .3s ease}.word-completed{animation:wordComplete .6s ease-out}.word-perfect{animation:perfectWord .8s ease-out}.streak-bonus{animation:streakBonus 1s ease-out forwards}html{background-color:#242424}#App{max-width:1280px;margin:0 auto;height:100vh;padding:6vh 2rem;text-align:center}#portal{display:none;justify-content:center;align-items:center;position:fixed;left:0;top:0;background:rgba(0,0,0,.8);width:100%;height:100%;z-index:4}#portal .container{display:grid}#loading{outline:0;border:0}.modal{position:relative;padding:2rem 5rem 25px 2rem;background:#fff;font-size:2.3ch;text-align:left;color:#242424;scale:1.2}.modal_title{margin:20px 0;color:#e5e5e5}.modal button{position:absolute;right:.3rem;top:.3rem;width:auto;background:#78002900;color:#000;font-weight:600;border:0 solid #d2d2d2;padding:.5rem 1.5rem;line-height:3ch;font-size:2ch;cursor:pointer;display:flex;font-family:inherit;box-shadow:-1px 1px 1px #4646464a;border-radius:3ch;transition:text-shadow .15s ease-in-out,color .1s ease-in-out}.modal button i{display:block;height:16px;width:.5px;background-color:#111}.modal button i:first-child{rotate:45deg}.modal button i:nth-child(2){rotate:-45deg;translate:-1px}.modal button:hover{color:#222}.modal button:active{box-shadow:1px -1px 1px #4646464a}.reset_button{width:auto;background:#78002900;color:#e5e5e5;font-weight:600;border:0 solid #d2d2d2;padding:.5rem 2rem;line-height:3ch;font-size:2ch;cursor:pointer;font-family:inherit;box-shadow:-1px 1px 1px #4646464a;border-radius:3ch;transition:text-shadow .15s ease-in-out,color .1s ease-in-out}.reset_button:active{box-shadow:1px -1px 1px #4646464a}.reset_button:disabled{color:#6a6a6a}.result_button{color:#f5f5f5;background:transparent;margin:25px auto;width:250px;display:block;cursor:pointer;text-decoration:underline}.result_button:hover{color:#2196f3}.logo{height:6em;padding:1.5em;will-change:filter}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.type_form{overflow-y:hidden;font-size:16px;height:auto;position:relative}.char_table{position:absolute;display:flex;gap:.5ch 0;z-index:0;font-size:3ch;flex-direction:row;flex-wrap:nowrap;transition:left .3s cubic-bezier(0,.73,.96,.95)}.charLi{margin:0;color:#929292;display:inline-block;min-width:6px;text-align:center;border-left:1px solid transparent;will-change:color,border-color}.current{animation:blink .4s linear 0s infinite running}.areaText{background:#111;border:0;margin-top:0;outline:none;caret-color:#7fffd4;font-size:3ch;font-family:inherit;color:hsla(0,0%,100%,.82);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;resize:none;opacity:0;transition:color .2s ease-in-out}.areaText::selection{background:#7fffd4;color:#212121}.difficulty_form{justify-content:center;display:flex}.diff_option{padding:1.1rem 4.5vw;border-radius:4rem;line-height:1.8rem;margin:11px;color:#bbb;border:1px solid #6e6e6e;cursor:pointer;text-align:right;position:relative;white-space:nowrap}.diff_option:hover{background-color:#212121}.diff_option input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.diff_option input:checked~.checkmark{background-color:#2196f3}.checkmark{position:absolute;left:16px;height:25px;width:25px;background-color:#eee;border-radius:50%}.checkmark:after{content:"";position:absolute;display:none;top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#fff}.diff_option:has(input:checked){color:#fff}.diff_option input:checked~.checkmark:after{display:block}.diff_option input~.checkmark{background-color:hsla(0,0%,80%,.517)}.read-the-docs{color:#888}@media screen and (max-width:1000px){.char_table{font-size:3.5vw;gap:.3ch 0}.type_form{width:100%}#root{padding:1rem}.live-score-panel{top:10px;right:10px;min-width:140px;padding:.75rem;font-size:.85rem}.score-item{font-size:.8rem}.score-value{font-size:.9rem}}@media screen and (max-width:900px){.diff_option{font-size:.8rem;width:33.3%;margin:8px auto;text-align:center;width:15rem;padding:.7rem 0}.diff_option input{appearance:revert;-webkit-appearance:revert;-moz-appearance:revert}.checkmark{display:none}.checkmark:after{top:4.2px;left:4.2px}.difficulty_form{gap:7px}.live-score-panel{top:5px;right:5px;min-width:120px;padding:.5rem;border-radius:8px;gap:.3rem}.score-item{font-size:.75rem}.score-value{font-size:.85rem}.score-label{font-size:.75rem}}@media screen and (max-width:600px){.live-score-panel{top:5px;right:5px;left:auto;min-width:100px;padding:.4rem;border-radius:6px;gap:.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-item{font-size:.7rem;gap:.25rem}.score-value{font-size:.8rem}.score-label{font-size:.7rem}}@media screen and (max-width:480px){.live-score-panel{top:3px;right:3px;min-width:90px;padding:.3rem;border-radius:4px;gap:.2rem}.score-item{font-size:.65rem}.score-value{font-size:.75rem}.score-label{font-size:.65rem}}