*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.App,body{background:#f5f5f5;min-height:100vh}.App{font-family:Arial,sans-serif;padding:20px}.container{background:#fff;border:2px solid #ddd;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1000px;padding:30px}.header{border-bottom:2px solid #333;margin-bottom:30px;padding-bottom:20px;text-align:center}.header h1{color:#333;font-size:2.5em;font-weight:700;margin-bottom:10px}.header h1,.subtitle{font-family:Arial,sans-serif}.subtitle{color:#666;font-size:1.1em;margin-bottom:0}.controls{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:25px}.control-group{align-items:center;display:flex;flex-direction:column;gap:8px}.control-group label{color:#333;font-weight:700}.control-group label,.control-group select{font-family:Arial,sans-serif;font-size:14px}.control-group select{background:#fff;border:2px solid #333;cursor:pointer;padding:8px 15px}.control-group select:focus{border-color:#000;outline:none}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{align-items:center;background:#fff;border:2px solid #333;color:#333;display:flex;gap:15px;padding:15px}.stat-icon{color:#333;font-size:1.8em}.stat-content{display:flex;flex-direction:column}.stat-label{color:#666;font-size:14px;margin-bottom:5px}.stat-label,.stat-value{font-family:Arial,sans-serif}.stat-value{color:#333;font-size:22px;font-weight:700}.text-display{background:#fafafa;border:2px solid #333;font-family:Arial,sans-serif;font-size:18px;line-height:1.8;margin-bottom:20px;min-height:140px;padding:25px;text-align:left}.word{margin-right:4px}.word-current{background:#f0f0f0;padding:2px 4px}.char-correct{background:#90ee90;color:#333}.char-incorrect{background:#ffb6c1;color:#333}.char-pending{background:#0000;color:#333}.char-current{animation:blink 1s infinite;background:#333;color:#fff}.char-extra{background:#f44;color:#fff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.input-area{border:2px solid #333;font-family:Arial,sans-serif;font-size:16px;height:100px;margin-bottom:20px;padding:15px;resize:none;width:100%}.input-area:focus{border-color:#000;outline:none}.progress-bar{background:#ddd;border:1px solid #333;height:8px;margin-bottom:25px;width:100%}.progress-fill{background:#333;height:100%}.buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px}.btn-info,.btn-primary,.btn-secondary{background:#fff;border:2px solid #333;color:#333;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:700;min-width:120px;padding:12px 25px}.btn-primary:hover:not(:disabled){background:#333;color:#fff}.btn-primary:disabled{background:#ccc;border-color:#ccc;color:#666;cursor:not-allowed}.btn-info:hover,.btn-secondary:hover{background:#333;color:#fff}.results{background:#f9f9f9;border:2px solid #333;margin-bottom:25px;padding:25px}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.results-header h2{font-size:1.8em;margin:0}.performance-badge,.results-header h2{color:#333;font-family:Arial,sans-serif}.performance-badge{background:#fff;border:2px solid #333;font-size:14px;font-weight:700;padding:8px 16px}.results-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-item{align-items:center;background:#fff;border:2px solid #333;display:flex;justify-content:space-between;padding:15px}.result-label,.result-value{color:#333;font-family:Arial,sans-serif;font-weight:700}.result-value{font-size:1.2em}.history{background:#f9f9f9;border:2px solid #333;padding:20px}.history h3{color:#333;font-family:Arial,sans-serif;font-size:1.4em;margin-bottom:15px;text-align:center}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{background:#fff;border:2px solid #333;padding:15px}.history-date{color:#666;font-family:Arial,sans-serif;font-size:12px;margin-bottom:8px}.history-stats{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.history-stats span{color:#333;font-family:Arial,sans-serif;font-size:14px;font-weight:700}.difficulty-tag{background:#333;color:#fff;font-family:Arial,sans-serif;font-size:12px;padding:2px 8px}@media (max-width:768px){.container{margin:10px;padding:15px}.header h1{font-size:2em}.controls{gap:20px}.stats-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{gap:10px;padding:12px}.stat-icon{font-size:1.5em}.stat-value{font-size:18px}.text-display{font-size:16px;min-height:120px;padding:15px}.input-area{font-size:14px;height:80px}.buttons{align-items:center;flex-direction:column}.btn-info,.btn-primary,.btn-secondary{max-width:250px;width:100%}.results-header{flex-direction:column;text-align:center}.results-grid{grid-template-columns:1fr}.history-stats{align-items:flex-start;flex-direction:column;gap:8px}}
/*# sourceMappingURL=main.8dbf368e.css.map*/