@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;font-family:Roboto Mono,monospace}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--background-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:16px;max-width:1200px;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none;width:95%}.App,.App.minimized{left:50%;position:fixed}.App.minimized{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid var(--border-color);border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -4px 6px #0000001a;height:auto!important;max-width:90vw;transform:translate(-50%,calc(100vh - 200px))!important;width:400px!important;z-index:1000}.App.maximized{border-radius:0;height:100vh!important;left:0;max-width:none;top:0;transform:none!important;width:100%!important}.App.maximized .main-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.App.maximized .text-display{font-size:1.2em;line-height:1.6}.App.maximized .typing-input{font-size:1.2em;padding:15px}.App.maximized .stats{margin:20px 0}.App.maximized .leaderboard{max-height:300px;overflow-y:auto}.terminal-header{align-items:center;background-color:var(--header-color);border-top-left-radius:8px;border-top-right-radius:8px;cursor:move;display:flex;justify-content:space-between;padding:8px 12px}.terminal-controls{align-items:center;display:flex;gap:8px}.terminal-control{border-radius:50%;cursor:pointer;height:12px;transition:all .2s ease;width:12px}.terminal-control.close{background-color:#ff5f56}.terminal-control.minimize{background-color:#ffbd2e}.terminal-control.maximize{background-color:#27c93f}.terminal-control.pause{background:none;color:var(--text-color);font-size:1.2em;height:auto;padding:0 8px;width:auto}.terminal-control:hover{filter:brightness(1.2)}.terminal-control.pause:hover{color:var(--accent-color)}.terminal-title{color:var(--text-color);font-size:.9em;opacity:.8}.container{padding:30px;transition:all .3s ease}.controls{background-color:var(--header-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.control-group{display:flex;flex-direction:column;gap:8px;min-width:150px}.control-group label{color:var(--text-color);font-size:1.1em;font-weight:500}.control-group input,.control-group select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1em;min-width:120px;padding:12px}.custom-text-section{margin-top:20px;width:100%}.custom-text-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 15px}.custom-text-header label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;gap:12px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.custom-text-header input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--background-color);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:20px}.custom-text-header input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.custom-text-header input[type=checkbox]:checked:after{color:var(--background-color);content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-text-header input[type=checkbox]:hover{border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.custom-text-actions{display:flex;gap:10px;margin-bottom:10px}.file-upload-label{background-color:var(--accent-color);border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.file-upload-label:hover{background-color:var(--accent-color-hover)}.file-upload-label input[type=file]{display:none}.clear-text-button{background-color:var(--header-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.clear-text-button:hover{background-color:var(--border-color)}.clear-text-button:disabled{cursor:not-allowed;opacity:.5}.custom-text-input{background-color:var(--header-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:Courier New,monospace;font-size:1.2rem;line-height:1.6;margin:10px 0;min-height:150px;padding:15px;resize:vertical;width:100%}.custom-text-input:focus{box-shadow:inset 0 0 8px var(--accent-color);outline:none}.custom-text-input:disabled{background:var(--background-color);cursor:not-allowed;opacity:.7}.custom-text-input::placeholder{color:var(--text-color);opacity:.5}.text-display .word{border-radius:3px;display:inline-block;margin:0 2px;padding:0 2px}.text-display .word.correct{background-color:#2563eb33;color:var(--correct-color)}.text-display .word.incorrect{background-color:#f003;color:var(--incorrect-color)}.text-display .space{display:inline-text;width:4px}.text-display span{position:relative}.text-display span.correct{color:var(--correct-color)}.text-display span.incorrect{animation:error .2s ease-in-out;color:var(--incorrect-color)}.stats{grid-gap:20px;background-color:var(--header-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:30px 0;padding:20px}.stat{align-items:center;background-color:var(--background-color);border-radius:6px;display:flex;flex-direction:column;padding:15px;transition:all .3s ease}.stat:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.stat-label{color:var(--text-color);font-size:1em;font-weight:500;letter-spacing:.5px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.stat-value{color:var(--accent-color);font-size:1.8em;font-weight:700}.reset-button,button{background:var(--accent-color);border:none;border-radius:6px;box-shadow:0 0 8px var(--accent-color);color:var(--background-color);cursor:pointer;font-size:1em;padding:10px 20px;transition:all .3s ease}.reset-button:hover,button:hover{box-shadow:0 0 12px var(--accent-color);opacity:.9}.reset-button:active,button:active{box-shadow:0 2px 6px #00ff001a;transform:translateY(0)}.summary-screen{background-color:var(--header-color);border:1px solid var(--border-color);border-radius:8px;margin:30px 0;padding:30px;text-align:center}.summary-screen h2{color:var(--text-color);font-size:2em;font-weight:600;margin-bottom:30px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:30px 0}.summary-stats .stat{align-items:center;background-color:var(--background-color);border-radius:6px;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.summary-stats .stat:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.summary-stats .stat-label{color:var(--text-color);font-size:1em;font-weight:500;letter-spacing:.5px;margin-bottom:8px;opacity:.8;text-transform:uppercase}.summary-stats .stat-value{color:var(--accent-color);font-size:2.2em;font-weight:700}.name-input{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:30px 0}.name-input input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1.1em;min-width:200px;padding:12px 16px}.name-input button,.summary-screen button{background-color:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.name-input button:hover,.summary-screen button:hover{background-color:var(--correct-color);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.leaderboard{background-color:var(--header-color);border:1px solid var(--border-color);border-radius:8px;margin-top:30px;padding:20px}.leaderboard h3{color:var(--text-color);font-size:1.4em;font-weight:600;margin:0 0 20px}.leaderboard-item{grid-gap:15px;align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color);display:grid;font-size:1em;gap:15px;grid-template-columns:50px 1fr 2fr 1.5fr 1fr;padding:12px}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item .rank{color:var(--accent-color);font-size:1.1em;font-weight:700}.leaderboard-item .name{font-size:1.1em;font-weight:500}.leaderboard-item .score{display:flex;flex-direction:column;font-size:1em;gap:3px}.leaderboard-item .mode{color:var(--accent-color);font-size:.9em}.leaderboard-item .date{color:var(--text-color);font-size:.9em;opacity:.8}.no-scores{color:var(--text-color);opacity:.7;padding:20px;text-align:center}@keyframes glow{0%{box-shadow:0 0 2px var(--accent-color)}50%{box-shadow:0 0 8px var(--accent-color)}to{box-shadow:0 0 2px var(--accent-color)}}.text-display:hover{box-shadow:0 0 8px var(--accent-color)}.typing-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.typing-input:disabled{cursor:not-allowed;opacity:.5}.stat:hover{color:var(--accent-color);transform:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-input:after{animation:blink 1s infinite;color:var(--accent-color);content:"|"}.control-group select{transition:all .3s ease}.control-group select:hover{box-shadow:0 2px 8px var(--accent-color);transform:none}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading{animation:loading 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:20px;width:20px}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success{animation:success .5s ease-out;color:var(--correct-color)}@keyframes error{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error{animation:error .5s ease-out;color:var(--incorrect-color)}@media (max-width:768px){.App{font-size:14px;width:98%}.container{padding:20px}.controls{flex-direction:column;gap:15px}.control-group{min-width:auto}.text-display{font-size:1.2em;padding:20px}.typing-input{font-size:1.1em;padding:15px}.stats{gap:15px}.leaderboard-item,.stats{grid-template-columns:1fr}.leaderboard-item{gap:8px;text-align:center}.summary-stats{grid-template-columns:1fr}}@media (max-width:480px){.App{border-radius:0;width:100%}.container{padding:15px}.text-display{font-size:1.1em;padding:15px}.typing-input{font-size:1em;padding:12px}}.leaderboard-item:hover,.leaderboard:hover,.text-display:hover{box-shadow:0 0 8px var(--accent-color)}.leaderboard,.leaderboard-item,.text-display{transition:all .3s ease}.leaderboard-item:hover{background:var(--header-color)}.mode-toggles{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0}.custom-text-toggle,.zen-mode-toggle{background:var(--header-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 15px;transition:all .3s ease}.custom-text-toggle:hover,.zen-mode-toggle:hover{box-shadow:0 0 8px var(--accent-color)}.custom-text-toggle label,.zen-mode-toggle label{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;gap:12px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.custom-text-toggle input[type=checkbox],.zen-mode-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--background-color);border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:20px}.custom-text-toggle input[type=checkbox]:checked,.zen-mode-toggle input[type=checkbox]:checked{background:var(--accent-color);border-color:var(--accent-color)}.custom-text-toggle input[type=checkbox]:checked:after,.zen-mode-toggle input[type=checkbox]:checked:after{color:var(--background-color);content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-text-toggle input[type=checkbox]:hover,.zen-mode-toggle input[type=checkbox]:hover{border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.custom-text-toggle input[type=checkbox]:disabled,.zen-mode-toggle input[type=checkbox]:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}@media (max-width:768px){.mode-toggles{flex-direction:column}.custom-text-toggle,.zen-mode-toggle{width:100%}.stats{grid-template-columns:repeat(2,1fr)}}.App:not(.minimized):not(.maximized){cursor:move}.App:not(.minimized):not(.maximized) .terminal-header{cursor:grab}.App:not(.minimized):not(.maximized) .terminal-header:active{cursor:grabbing}.pause-content{animation:slideUp .3s ease;background-color:var(--header-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;text-align:center;width:90%}.pause-content h2{color:var(--text-color);font-size:2em;font-weight:700;margin-bottom:1rem}.pause-message{color:var(--accent-color);font-size:1.2em;line-height:1.4;margin-bottom:2rem}.pause-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.pause-stats .stat{background-color:var(--background-color);border-radius:4px;padding:1rem;transition:transform .3s ease}.pause-stats .stat:hover{transform:translateY(-2px)}.pause-stats .stat-label{color:var(--text-color);font-size:.9em;letter-spacing:.5px;margin-bottom:.5rem;opacity:.8;text-transform:uppercase}.pause-stats .stat-value{color:var(--accent-color);font-size:1.5em;font-weight:700}.resume-button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;padding:1rem 2rem;transition:all .3s ease;width:100%}.resume-button:hover{background-color:var(--correct-color);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.minimized-state:before{background:radial-gradient(circle at 20% 20%,#2563eb1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#2563eb1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.minimized-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2acc;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;position:relative;text-align:center;z-index:1}.minimized-content h3{color:var(--text-color);font-size:1.2em;margin-bottom:20px;text-shadow:0 2px 4px #0003}.puzzle-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:20px;padding:20px;position:relative;z-index:1}.puzzle-question{color:var(--text-color);font-size:1.1em;line-height:1.4;margin-bottom:20px;text-shadow:0 2px 4px #0003}.puzzle-form{display:flex;gap:10px;margin-bottom:15px;position:relative;z-index:1}.puzzle-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a2a2ae6;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);flex:1 1;font-size:1em;padding:10px}.puzzle-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #2563eb33;outline:none}.puzzle-submit{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;text-shadow:0 1px 2px #0003;transition:all .3s ease}.puzzle-submit:hover{background:var(--correct-color);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.puzzle-attempts{color:var(--text-color);font-size:.9em;opacity:.8}.puzzle-attempts,.puzzle-hint{margin-top:10px;text-shadow:0 1px 2px #0003}.puzzle-hint{color:var(--accent-color);display:block;font-style:italic}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--accent-color);border:2px solid var(--background-color);border-radius:6px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--correct-color)}::-webkit-scrollbar-corner{background:var(--background-color)}*{scrollbar-color:var(--accent-color) var(--background-color);scrollbar-width:thin}.leaderboard-list{max-height:400px;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.leaderboard-list::-webkit-scrollbar{width:10px}.leaderboard-list::-webkit-scrollbar-track{background:var(--header-color);border-radius:5px}.leaderboard-list::-webkit-scrollbar-thumb{background:var(--accent-color);border:1px solid var(--header-color);border-radius:5px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:var(--correct-color)}.text-display{word-wrap:break-word;background-color:var(--header-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:Fira Code,monospace;font-size:1.4em;line-height:1.8;margin-bottom:30px;min-height:120px;overflow:auto;padding:25px;position:relative;scrollbar-gutter:stable;white-space:pre-wrap}.text-display::-webkit-scrollbar{height:8px;width:8px}.text-display::-webkit-scrollbar-track{background:var(--header-color);border-radius:4px}.text-display::-webkit-scrollbar-thumb{background:var(--accent-color);border:1px solid var(--header-color);border-radius:4px}.text-display::-webkit-scrollbar-thumb:hover{background:var(--correct-color)}.typing-input{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:8px;color:var(--text-color);font-family:Fira Code,monospace;font-size:1.3em;line-height:1.6;margin-bottom:30px;min-height:80px;padding:20px;resize:vertical;scrollbar-gutter:stable;transition:border-color .3s ease;width:100%}.typing-input::-webkit-scrollbar{width:10px}.typing-input::-webkit-scrollbar-track{background:var(--background-color);border-radius:5px}.typing-input::-webkit-scrollbar-thumb{background:var(--accent-color);border:1px solid var(--background-color);border-radius:5px}.typing-input::-webkit-scrollbar-thumb:hover{background:var(--correct-color)}.App.maximized .container{display:flex;flex-direction:column;gap:20px;height:calc(100vh - 40px);overflow-y:auto;padding:20px;scrollbar-gutter:stable}.App.maximized .container::-webkit-scrollbar{width:14px}.App.maximized .container::-webkit-scrollbar-track{background:var(--background-color);border-radius:7px}.App.maximized .container::-webkit-scrollbar-thumb{background:var(--accent-color);border:2px solid var(--background-color);border-radius:7px}.App.maximized .container::-webkit-scrollbar-thumb:hover{background:var(--correct-color)}.pause-screen{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:absolute;right:0;scrollbar-gutter:stable;top:0;z-index:1000}.pause-screen::-webkit-scrollbar{width:8px}.pause-screen::-webkit-scrollbar-track{background:#0000}.pause-screen::-webkit-scrollbar-thumb{background:#2563eb80;border-radius:4px}.pause-screen::-webkit-scrollbar-thumb:hover{background:#2563ebb3}.minimized-state{animation:slideUp .3s ease;background:#0000;border-radius:0 0 8px 8px;display:flex;flex-direction:column;justify-content:center;min-height:150px;overflow:auto;padding:20px;position:relative;scrollbar-gutter:stable}.minimized-state::-webkit-scrollbar{width:6px}.minimized-state::-webkit-scrollbar-track{background:#0000}.minimized-state::-webkit-scrollbar-thumb{background:#2563eb4d;border-radius:3px}.minimized-state::-webkit-scrollbar-thumb:hover{background:#2563eb80}
/*# sourceMappingURL=main.549a4c71.css.map*/