@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap";:root{--font_family: "Roboto Mono", "Courier New", monospace;--font_weight_normal: 400;--font_weight_medium: 500;--line_height: 1.5;--color_dark: #323437;--color_yellow: #7dba28;--spacing_xs: .2rem;--spacing_sm: .3rem;--spacing_md: .5rem;--spacing_lg: 1rem;--spacing_xl: 1.5rem;--spacing_2xl: 2rem;--radius_sm: 3px;--radius_md: 8px;--radius_lg: 10px;--radius_xl: 15px;--transition_fast: .2s ease;--transition_normal: .3s ease;--transition_slow: .4s cubic-bezier(.25, .46, .45, .94);font-family:var(--font_family);line-height:var(--line_height);font-weight:var(--font_weight_normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;transition:background-color var(--transition_normal)}#root{width:100%}.app{max-width:1400px;margin:0 auto;padding:var(--spacing_2xl);min-height:100vh;display:flex;flex-direction:column;transition:all var(--transition_normal)}.app.dark{color:#ffffffe6}.app.dark~body,body:has(.app.dark){background-color:var(--color_dark)}.app.light{color:#323437e6}.app.light~body,body:has(.app.light){background-color:#fffffff2}.header{margin-bottom:var(--spacing_2xl);width:100%}.logo{display:flex;align-items:center}.logo_img{height:40px;width:auto}.logo_text{font-size:2rem;font-weight:var(--font_weight_normal);font-family:var(--font_family);color:var(--color_yellow)}.app.light .logo_text{color:var(--color_dark)}.controls{display:flex;gap:var(--spacing_lg);align-items:center}.control_btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing_md);border-radius:var(--radius_md);transition:all var(--transition_normal);color:inherit;height:40px;min-height:40px;min-width:40px;display:flex;align-items:center;justify-content:center}.control_btn:hover{background-color:#ffffff1a}.app.light .control_btn:hover{background-color:#3234371a}.stats{display:flex;gap:var(--spacing_2xl);margin-bottom:var(--spacing_2xl);justify-content:center}.stat{display:flex;flex-direction:column;align-items:center}.stat_label{font-size:.9rem;margin-bottom:var(--spacing_xs);opacity:.7}.stat_value{font-size:2rem;font-weight:var(--font_weight_medium);font-family:var(--font_family);color:var(--color_yellow)}.app.light .stat_value{color:var(--color_dark)}header{margin-bottom:var(--spacing_2xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing_2xl);background-color:#ffffff0d;padding:var(--spacing_lg);border-radius:var(--radius_xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.app.light header{background-color:#3234370d;border:1px solid rgba(50,52,55,.1)}.config{display:flex;align-items:center;gap:var(--spacing_lg);flex:1}.config_group{display:flex;align-items:center;gap:var(--spacing_sm)}.config_icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1rem;opacity:.6;color:inherit;cursor:pointer;transition:all var(--transition_fast);border-radius:var(--radius_md)}.config_icon:hover{opacity:.8}.config_icon.active{opacity:1;color:var(--color_yellow)}.app.light .config_icon.active{color:var(--color_dark)}.config_options{display:flex;gap:var(--spacing_xs);align-items:center}.config_btn{background:none;border:none;padding:var(--spacing_sm) var(--spacing_md);border-radius:var(--radius_md);cursor:pointer;font-family:var(--font_family);font-size:.9rem;transition:all var(--transition_fast);color:inherit;opacity:.6;min-width:40px;text-align:center;height:40px}.config_btn:hover{opacity:.8;background-color:#ffffff0d}.app.light .config_btn:hover{background-color:#3234370d}.config_btn.active{opacity:1;background-color:#ffffff1a;color:var(--color_yellow)}.app.light .config_btn.active{background-color:#3234371a;color:var(--color_dark)}.config_separator{width:1px;height:20px;background-color:#fff3;margin:0 var(--spacing_sm)}.app.light .config_separator{background-color:#32343733}.test_mode_group{display:flex;gap:var(--spacing_md);align-items:center}.mode_btn{background:none;border:none;padding:var(--spacing_xs) var(--spacing_sm);border-radius:var(--radius_md);cursor:pointer;font-family:var(--font_family);font-size:.8rem;transition:all var(--transition_fast);color:inherit;opacity:.6;position:relative;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing_xs);min-width:50px}.mode_btn:hover{opacity:.8}.mode_btn.active{opacity:1;color:var(--color_yellow)}.app.light .mode_btn.active{color:var(--color_dark)}.mode_btn.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80%;height:2px;background-color:var(--color_yellow);border-radius:1px}.app.light .mode_btn.active:after{background-color:var(--color_dark)}.progress_container{margin-bottom:var(--spacing_xl);max-width:800px;margin-left:auto;margin-right:auto}.progress_bar{width:100%;height:6px;background-color:#ffffff1a;border-radius:var(--radius_sm);overflow:hidden;position:relative}.app.light .progress_bar{background-color:#3234371a}.progress_fill{height:100%;background:linear-gradient(90deg,var(--color_yellow),#a3d34a);border-radius:var(--radius_sm);transition:width 1s linear;position:relative}.app.light .progress_fill{background:linear-gradient(90deg,var(--color_dark),#1a1b1d)}.text_display{background-color:transparent;padding:var(--spacing_2xl);margin-bottom:var(--spacing_2xl);font-size:1.5rem;line-height:1.8;max-width:800px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;white-space:pre-wrap;font-family:var(--font_family);position:relative;cursor:text;outline:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius_lg);text-align:left;margin:0 auto var(--spacing_2xl) auto}.char{position:relative;opacity:.5;color:#fff9}.app.light .char{color:#32343799}.char.correct{opacity:1;color:#ffffffe6}.app.light .char.correct{color:#323437e6}.char.incorrect{opacity:1;border-radius:var(--radius_sm);color:#ca4754;background-color:#ca47544d}.app.light .char.incorrect{background-color:#ca475433}.char.current{animation:blink 1s infinite;background-color:var(--color_yellow);color:var(--color_dark)}.app.light .char.current{background-color:var(--color_dark);color:#ffffffe6}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.hidden_input{position:absolute;opacity:0;pointer-events:none;left:-9999px}.virtual_keyboard{position:fixed;bottom:-300px;left:50%;transform:translate(-50%);padding:var(--spacing_lg);border-radius:var(--radius_xl) var(--radius_xl) 0 0;transition:bottom var(--transition_slow);z-index:1000;background-color:#323437e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:90%;max-width:800px}.app.light .virtual_keyboard{background-color:#ffffffe6}.virtual_keyboard.visible{bottom:0}.keyboard_row{display:flex;justify-content:center;gap:var(--spacing_sm);margin-bottom:var(--spacing_sm)}.keyboard_key{min-width:40px;height:40px;border-radius:var(--radius_md);border:2px solid rgba(255,255,255,.3);cursor:pointer;font-family:var(--font_family);font-size:.9rem;transition:all var(--transition_fast);display:flex;align-items:center;justify-content:center;position:relative;background-color:transparent;color:#ffffffe6}.app.light .keyboard_key{background-color:transparent;color:#323437e6;border:2px solid rgba(50,52,55,.3)}.keyboard_key.active{transform:scale(.95);background-color:var(--color_yellow);color:var(--color_dark);border:2px solid var(--color_yellow)}.app.light .keyboard_key.active{background-color:var(--color_dark);color:#ffffffe6;border:2px solid var(--color_dark)}.spacebar{min-width:200px}.completion_modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing_2xl);border-radius:var(--radius_xl);text-align:center;z-index:1000;box-shadow:0 10px 30px #00000080;min-width:300px;background-color:#323437f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.6)}.app.light .completion_modal{background-color:#fffffff2;border:2px solid rgba(50,52,55,.2)}.completion_modal h2{margin-bottom:var(--spacing_xl);font-family:var(--font_family);font-weight:var(--font_weight_normal);color:var(--color_yellow)}.app.light .completion_modal h2{color:var(--color_dark)}.final_stats{display:flex;justify-content:space-around;margin:var(--spacing_xl) 0;gap:var(--spacing_2xl)}.stat_item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing_md)}.stat_item span:first-child{font-size:.9rem;opacity:.7}.stat_item span:last-child{font-size:1.5rem;font-weight:var(--font_weight_medium);font-family:var(--font_family);color:var(--color_yellow)}.app.light .stat_item span:last-child{color:var(--color_dark)}button{border-radius:var(--radius_md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:var(--font_weight_medium);font-family:inherit;cursor:pointer;transition:all var(--transition_normal)}.reset_btn{background-color:var(--color_yellow);color:var(--color_dark);border:none;padding:.8rem var(--spacing_xl);font-size:1rem;font-weight:var(--font_weight_medium);border-radius:var(--radius_md);cursor:pointer;transition:all var(--transition_normal);font-family:var(--font_family)}.reset_btn:hover{transform:translateY(-2px);background-color:var(--color_yellow)}.app.light .reset_btn{background-color:var(--color_dark);color:#ffffffe6}.app.light .reset_btn:hover{background-color:#323437cc}.bottom_controls{display:flex;justify-content:center;margin-top:auto;padding-top:var(--spacing_2xl)}.tab_btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.8rem var(--spacing_xl);border-radius:var(--radius_md);transition:all var(--transition_normal);font-family:var(--font_family);display:flex;align-items:center;gap:var(--spacing_md);opacity:.7;color:inherit}.tab_btn:hover{background-color:#ffffff1a;opacity:1}.app.light .tab_btn:hover{background-color:#3234371a}@media (max-width: 768px){.app{padding:var(--spacing_lg)}.test_config{gap:var(--spacing_lg);margin-bottom:var(--spacing_xl)}.config_group{gap:var(--spacing_xs)}.config_btn{padding:var(--spacing_xs) var(--spacing_sm);font-size:.8rem;min-width:35px}.mode_btn{padding:var(--spacing_xs) var(--spacing_sm);font-size:.7rem;min-width:45px;gap:2px}.config_separator{height:16px;margin:0 var(--spacing_xs)}.logo_img{height:30px}.logo_text{font-size:1.5rem}.text_display{font-size:1.2rem;padding:var(--spacing_xl)}.progress_container{margin-bottom:var(--spacing_lg)}.progress_bar{height:4px}.stats{gap:var(--spacing_lg)}.stat_value{font-size:1.5rem}.virtual_keyboard{width:100%;padding:var(--spacing_md)}.keyboard_key{min-width:35px;height:35px;font-size:.8rem}.spacebar{min-width:150px}}