@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--accent-primary:#a8e6cf;--accent-secondary:#ffd3b6;--accent-tertiary:#ffaaa5;--accent-quaternary:#dcedc1;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#a0a0a0;--success:#a8e6cf;--error:#ffaaa5;--warning:#ffd3b6;--info:#dcedc1;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--shadow-glow:0 0 20px #a8e6cf4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden;padding:0}::selection{background:var(--accent-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}code{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-primary);font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 6px}.App{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem}.App h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem;text-align:center}.disclaimer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23cc;border:1px solid #a8e6cf1a;border-radius:var(--radius-md);bottom:.5rem;color:var(--text-muted);font-size:.75rem;font-weight:300;left:50%;max-width:90%;padding:.5rem 1rem;position:fixed;text-align:center;transform:translateX(-50%)}.disclaimer a{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:var(--transition-fast)}.disclaimer a:hover{color:var(--accent-secondary);text-decoration:underline}@media (max-width:768px){.App{padding:.5rem}.App h1{font-size:2rem;margin-bottom:.75rem}.disclaimer{font-size:.7rem;padding:.4rem .8rem}}.TextDisplay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#16213e66;border:1px solid #a8e6cf1a;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-secondary);font-size:1.5rem;font-weight:400;letter-spacing:.02em;line-height:1.6;margin-bottom:1rem;max-width:900px;padding:1.5rem;position:relative;text-align:left;white-space:pre-wrap;width:100%}.TextDisplay p{background:#a8e6cf1a;border:1px solid #a8e6cf33;border-radius:var(--radius-md);color:var(--accent-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding:.5rem 1rem;text-align:center}.TextDisplay span{border-radius:2px;margin-right:.125rem;padding:1px 2px;transition:var(--transition-fast)}.correct{background:#a8e6cf1a;color:var(--success);font-weight:500}.incorrect{background:#ffaaa51a;color:var(--error);text-decoration:underline;text-decoration-color:var(--error);text-decoration-thickness:2px;text-underline-offset:2px}.current{animation:pulse 1.5s infinite;background:#a8e6cf33;box-shadow:0 0 0 2px var(--accent-primary);color:var(--accent-primary);font-weight:600}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--accent-primary)}50%{box-shadow:0 0 0 4px #a8e6cf66}}@media (max-width:768px){.TextDisplay{font-size:1.125rem;margin-bottom:.75rem;padding:1rem}.TextDisplay p{font-size:1rem;margin-bottom:.75rem;padding:.4rem .8rem}}.dimmer{align-items:center;animation:fadeIn .4s ease-out;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#0f0f23f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.dimmer-content{animation:slideUp .5s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a2ef2;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006,0 0 40px #a8e6cf1a;max-height:90vh;max-width:550px;overflow-y:auto;padding:3rem;text-align:center;width:90%}.dimmer-content h2{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 2rem}.stats-container{display:flex;gap:3rem;justify-content:center;margin-bottom:2.5rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.75rem}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.stat-value{color:var(--accent-primary);font-size:2.5rem;font-weight:700;text-shadow:0 0 20px #a8e6cf4d}.speed-graph{margin:2.5rem 0;padding:1.5rem 0}.speed-graph h3{color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin:0 0 2rem;opacity:.9}.graph-svg{display:block;margin:0 auto}.axis-label{fill:var(--text-muted);font-family:Inter,sans-serif;font-size:.75rem;opacity:.6}.graph-line{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mistake-marker{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.legend{font-size:.75rem}.legend-text{fill:var(--text-secondary);font-family:Inter,sans-serif;font-weight:500;opacity:.8}.restart-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-md);box-shadow:0 8px 25px #a8e6cf4d;color:var(--bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:600;margin-top:1.5rem;min-width:170px;overflow:hidden;padding:1.125rem 2.75rem;position:relative;transition:var(--transition-normal)}.restart-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.restart-button:hover{box-shadow:0 12px 35px #a8e6cf66;transform:translateY(-3px)}.restart-button:hover:before{left:100%}.restart-button:active{transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.dimmer-content{margin:1rem;max-width:95%;padding:2.5rem}.dimmer-content h2{font-size:1.75rem;margin-bottom:1.5rem}.stats-container{gap:2rem;margin-bottom:2rem}.stat-value{font-size:2.25rem}.speed-graph{margin:2rem 0;padding:1rem 0}.speed-graph h3{font-size:1.125rem;margin-bottom:1.5rem}.graph-svg{height:160px;width:350px}.restart-button{font-size:1rem;margin-top:1.25rem;padding:1rem 2.25rem;width:100%}}.TextConfigs{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #a8e6cf1a;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 0 1.5rem;max-width:800px;padding:1.5rem;width:100%}.TextConfigs *{font-family:Inter,sans-serif;font-size:.9rem;transition:var(--transition-normal)}.TextConfigs input,.TextConfigs select{background:var(--bg-tertiary);border:2px solid #a8e6cf33;border-radius:var(--radius-md);color:var(--text-primary);font-weight:400;min-width:130px;outline:none;padding:.75rem 1rem}.TextConfigs input:focus,.TextConfigs select:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.TextConfigs input::placeholder{color:var(--text-muted)}.TextConfigs select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23a8e6cf' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;cursor:pointer;padding-right:2.5rem}.TextConfigs .prompt-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;font-weight:600;min-width:130px;padding:.75rem 1.5rem;transition:var(--transition-normal)}.TextConfigs .prompt-button:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.TextConfigs .prompt-button:active{transform:translateY(0)}.gemini{background:none;color:var(--text-secondary);font-size:.8rem;font-weight:300;line-height:1.4;margin:1rem 0 0;max-width:600px;opacity:.8;text-align:center}@media (max-width:768px){.TextConfigs{flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem}.TextConfigs .prompt-button,.TextConfigs input,.TextConfigs select{min-width:0;min-width:auto;width:100%}.gemini{font-size:.75rem;margin-top:.75rem}}
/*# sourceMappingURL=main.7807eae7.css.map*/