@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);:root{--primary-bg:linear-gradient(135deg,#667eea,#764ba2);--card-bg:hsla(0,0%,100%,.95);--glass-bg:hsla(0,0%,100%,.1);--text-primary:#2d3748;--text-secondary:#718096;--text-accent:#4a5568;--border-color:hsla(0,0%,100%,.2);--accent-color:#00f5d4;--accent-secondary:#00d9ff;--shadow-primary:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-elevated:0 25px 50px -12px rgba(0,0,0,.25);--glow-primary:0 0 20px rgba(0,245,212,.3);--glow-secondary:0 0 30px rgba(0,217,255,.4);--gradient-accent:linear-gradient(135deg,#00f5d4,#00d9ff);--gradient-card:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));--blur-amount:20px}[data-theme=dark]{--primary-bg:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);--card-bg:rgba(26,32,44,.95);--glass-bg:rgba(45,55,72,.1);--text-primary:#f7fafc;--text-secondary:#a0aec0;--text-accent:#e2e8f0;--border-color:hsla(0,0%,100%,.1);--accent-color:#00f5d4;--accent-secondary:#00d9ff;--shadow-primary:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2);--shadow-elevated:0 25px 50px -12px rgba(0,0,0,.6);--glow-primary:0 0 30px rgba(0,245,212,.4);--glow-secondary:0 0 40px rgba(0,217,255,.5);--gradient-card:linear-gradient(145deg,rgba(45,55,72,.1),rgba(26,32,44,.05))}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}body:before{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,rgba(0,245,212,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,217,255,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(102,126,234,.05) 0,transparent 50%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(2deg);transform:translateY(-20px) rotate(2deg)}}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(2deg);transform:translateY(-20px) rotate(2deg)}}.app{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));background:hsla(0,0%,100%,.95);background:var(--card-bg);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-elevated);margin:0 auto;max-width:1400px;overflow:hidden;padding:40px;position:relative}.app:before{-webkit-animation:shimmer 2s ease-in-out infinite;animation:shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;right:0;top:0}@-webkit-keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.navbar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:0 0 30px;position:relative}.navbar h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-.02em;position:relative}.navbar h1:after{-webkit-animation:expand 2s ease-out forwards;animation:expand 2s ease-out forwards;background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);bottom:-5px;content:"";height:3px;left:0;position:absolute;width:0}@-webkit-keyframes expand{to{width:100%}}@keyframes expand{to{width:100%}}.toggle-switch{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-primary);gap:24px;padding:12px 20px}.toggle-switch,.toggle-theme{align-items:center;display:flex}.toggle-theme{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);border-radius:12px;box-shadow:0 0 20px rgba(0,245,212,.3);box-shadow:var(--glow-primary);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-theme:hover{box-shadow:0 0 30px rgba(0,217,255,.4);box-shadow:var(--glow-secondary);-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05)}.toggle-switch .ele{color:#2d3748;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .3s ease}.subNavbar{align-items:center;display:flex;gap:40px;justify-content:space-between;padding:50px 0}.difficulty,.duration{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-primary);display:flex;gap:16px;padding:16px 24px}.difficulty span,.duration span{color:#2d3748;color:var(--text-primary);font-size:1.1rem;font-weight:600}.difficulty button,.duration button{background:transparent;border:none;border-radius:12px;color:#718096;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.difficulty button:before,.duration button:before{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:-1}.difficulty button:hover:before,.duration button:hover:before{left:0}.difficulty button:hover,.duration button:hover{box-shadow:0 0 20px rgba(0,245,212,.3);box-shadow:var(--glow-primary);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.active-duration{background:linear-gradient(135deg,#00f5d4,#00d9ff)!important;background:var(--gradient-accent)!important;box-shadow:0 0 20px rgba(0,245,212,.3)!important;box-shadow:var(--glow-primary)!important;color:#fff!important}.statsBoxWithTime{gap:40px;justify-content:center;padding:40px 0}.stats-box,.statsBoxWithTime{align-items:center;display:flex}.stats-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-primary);gap:30px;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stats-box:before{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stats-box:hover:before{opacity:1}.stats-box:hover{border-color:#00f5d4;border-color:var(--accent-color);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-elevated);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.stats-box div{text-align:center}.stats-box h3{color:#718096;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stats-box p{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700}.separator{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);border-radius:1px;height:60px;opacity:.6;width:2px}.clock{-webkit-text-fill-color:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);background:var(--glass-bg);background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-primary);font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;min-width:200px;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.clock:before{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.clock:hover:before{opacity:1}.clock:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-elevated);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.message-section{padding:60px 0;text-align:center}.welcome-message{color:#718096;color:var(--text-secondary);font-size:1.3rem;font-weight:500;margin-bottom:12px;opacity:.8}.instruction-message{color:#4a5568;color:var(--text-accent);font-size:1rem;font-weight:400;opacity:.7}.typing-area{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.1);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:var(--shadow-primary);font-family:JetBrains Mono,monospace;font-size:1.4rem;line-height:2;margin:40px auto 0;max-width:1000px;overflow:hidden;padding:50px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.typing-area:before{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.typing-area:focus-within:before,.typing-area:hover:before{opacity:1}.typing-area:hover{border-color:#00f5d4;border-color:var(--accent-color);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-elevated);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.sample-text{color:#718096;color:var(--text-secondary);font-size:1rem;font-style:italic;margin-bottom:30px;opacity:.7}.Character{font-family:JetBrains Mono,monospace;font-size:1.4rem;transition:all .2s ease;white-space:pre}.Character-current{-webkit-animation:pulse 1.5s ease-in-out infinite;animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);border-radius:6px;box-shadow:0 0 20px rgba(0,245,212,.3);box-shadow:var(--glow-primary);color:#fff;padding:2px 6px}@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}.Character-out{color:#718096;color:var(--text-secondary);opacity:.5}.result-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);background:var(--card-bg);border:1px solid hsla(0,0%,100%,.2);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);box-shadow:var(--shadow-elevated);min-width:400px;overflow:hidden;padding:50px;position:relative;text-align:center}.modal-content:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-content h2,.modal-content:before{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent)}.modal-content h2{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:30px}.modal-content button{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);border:none;border-radius:16px;box-shadow:0 0 20px rgba(0,245,212,.3);box-shadow:var(--glow-primary);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-content button:hover{box-shadow:0 0 30px rgba(0,217,255,.4);box-shadow:var(--glow-secondary);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}@media (max-width:1024px){.navbar{text-align:center}.navbar,.statsBoxWithTime,.subNavbar{flex-direction:column;gap:30px}.typing-area{margin:30px 20px 0;padding:30px}}@media (max-width:768px){.navbar h1{font-size:2.5rem}.toggle-switch{gap:16px}.difficulty,.duration,.toggle-switch{flex-wrap:wrap;justify-content:center}.typing-area{font-size:1.2rem;padding:25px}.clock{font-size:2.5rem;min-width:150px}.stats-box p{font-size:2rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00f5d4,#00d9ff);background:var(--gradient-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d9ff;background:var(--accent-secondary)}html{scroll-behavior:smooth}
/*# sourceMappingURL=main.4775a830.css.map*/