html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.app-header,.results-section,.timer-section,.typing-area{background-color:#00000080}}*{box-sizing:border-box;color:#fff;margin:0;padding:0}body{background:linear-gradient(135deg,#101321,#11031e);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh}.app{flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.app,.logo-title{align-items:center;display:flex}.logo-title{gap:12px;justify-content:center}.typing-icon{height:50px;object-fit:contain;width:50px}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3625251a;border:1px solid #fff3;border-radius:20px;margin-bottom:.5rem;max-width:800px;padding:10px;text-align:center;width:100%}.app-header h1{color:#fff;font-size:2rem;text-shadow:0 2px 4px #0000004d}.app-main{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-width:800px;width:100%}.timer-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:7px}.timer-section h2{color:#edf8ff;font-size:1rem;margin-bottom:.5rem;text-align:center}.timer-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:.5rem}.timer-options button{background:#0000;border:2px solid #232a48;border-radius:25px;cursor:pointer;font-size:.7rem;font-weight:600;min-width:120px;padding:6px 3px;transition:all .3s ease}.timer-options button:hover{background:#020d3e;box-shadow:0 4px 5px #667eea66;color:#fff;transform:translateY(-2px)}.timer-options button.active{background:#060f31;color:#fff;transform:scale(1.05)}.custom-time-form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.custom-time-input{background-color:#000;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:200px}.custom-time-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.custom-time-form button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.custom-time-form button:hover{background:#45a049;transform:translateY(-2px)}.timer-display{margin-top:1rem;text-align:center}.time-remaining h3{color:#333;font-size:12px;margin-bottom:1rem}.progress-bar{background:#1e132c;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:6px;overflow:hidden;width:100%}.progress-fill{background-color:#007bff;border-radius:6px;height:100%;transition:all .3s ease}.live-stats{grid-gap:1rem;background:#050515f2;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1.5rem}.stat{background:#667eea1a;border:1px solid #667eea33;border-radius:10px;padding:1rem;text-align:center}.stat-label{color:#666;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:#667eea;font-size:1.5rem;font-weight:700}.typing-area{border-radius:15px;box-shadow:0 8px 32px #0000001a}.sentence-display{background:#081018;border:2px solid #e9ecef;border-radius:10px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem;min-height:120px;overflow-wrap:break-word;padding:10px;-webkit-user-select:none;user-select:none}.char{position:relative;transition:all .2s ease}.char.correct{color:#20f351}.char.incorrect{background-color:#000;color:#ff0019}.char.current{animation:blink 1s infinite;color:#fff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.typing-input{background-color:initial;border:2px solid #e0e0e0;border-radius:10px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1rem;line-height:1.6;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.typing-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.typing-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.start-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:1.5rem auto 0;min-width:180px;padding:1rem 2rem;transition:all .3s ease}.start-button:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-3px)}.start-button:active{transform:translateY(-1px)}.results-section{background:#0a001af2;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:2rem;text-align:center}.results-section h2{color:#e1b6b6;font-size:2rem;margin-bottom:2rem}.new-record{-webkit-text-fill-color:#0000;animation:celebrate 2s ease-in-out infinite;background:linear-gradient(45deg,#291b1b,#ffb30e);-webkit-background-clip:text;background-clip:text;color:#20c997!important;font-size:.8em}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.result-item{background:linear-gradient(145deg,#141515,#0a1b2b);border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:transform .3s ease}.result-item:hover{transform:translateY(-5px)}.result-item h3{color:#fff;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.result-value{color:#a3a3a3;font-size:2rem;font-weight:700;text-shadow:0 2px 4px #0000001a}.test-history{margin:2rem 0;text-align:left}.test-history h3{color:#333;font-size:1.3rem;margin-bottom:1rem;text-align:center}.history-list{background:#f8f9fa;border-radius:10px;max-height:200px;overflow-y:auto;padding:1rem}.history-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.history-item:last-child{margin-bottom:0}.restart-button{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.restart-button:hover{box-shadow:0 6px 25px #28a74566;transform:translateY(-3px)}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;color:#fffc;font-size:.9rem;margin-top:2rem;padding:1rem 2rem;text-align:center}@media (max-width:768px){.app{padding:15px}.app-header{padding:1.5rem}.app-header h1{font-size:2rem}.timer-options{align-items:center;flex-direction:column}.timer-options button{max-width:200px;width:100%}.custom-time-form{align-items:center;flex-direction:column}.custom-time-input{background-color:#0a1b2b;max-width:250px;width:100%}.live-stats{background-color:#0a1b2b;grid-template-columns:1fr}.sentence-display,.typing-input{font-size:1rem;min-height:100px}.results-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.result-item{padding:1rem}.result-value{font-size:1.5rem}.history-item{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.app-header h1{font-size:1.8rem}.results-section,.timer-section,.typing-area{padding:1.5rem}.results-grid{grid-template-columns:1fr 1fr}.result-item h3{font-size:.8rem}.result-value{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.99d06753.css.map*/