.typing-practice-container{color:#1f2937;background:#f9fafb;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:background .3s,color .3s;display:flex}.dark .typing-practice-container{color:#e5e7eb;background:#1a202c}.time-snippet_container{justify-content:flex-end;width:100%;padding:10px;display:flex}.time-snippet{border-radius:4px;padding:10px;font-family:Arial,sans-serif;font-size:1.2rem}.typing-practice-header{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.typing-practice-subtext{margin-bottom:2rem;font-size:1.2rem}.length-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:5px;padding:.5rem 1rem;font-size:1rem}.length-button:hover{background-color:#1e40af}.text-length-slider{text-align:center;flex-direction:column;align-items:center;margin-top:.5rem;margin-bottom:.5rem;display:flex}.slider-controls{align-items:center;gap:1rem;display:flex}.refresh-text-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #d1d5db;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.refresh-text-btn:hover{color:#374151;background:#f3f4f6;border-color:#9ca3af}.text-length-label{text-align:center;width:100%;margin-bottom:.5rem;font-size:1rem}.slider{-webkit-appearance:none;background:#e5e7eb;border-radius:5px;outline:none;width:250px;height:6px;transition:background .3s}.slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border-radius:50%;width:20px;height:20px;transition:background .3s}.slider::-webkit-slider-thumb:hover{background:#1e40af}.slider::-moz-range-thumb{cursor:pointer;background:#2563eb;border-radius:50%;width:20px;height:20px;transition:background .3s}.slider::-moz-range-thumb:hover{background:#1e40af}.display-text{color:#000;white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:none;user-select:none;caret-color:#0000;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;width:70%;margin-bottom:1rem;padding:10px;font-size:1.5rem}.correct-text{color:#059669}.remaining-text{color:#9ca3af}.mistake{color:#dc2626}.input-box{color:#1f2937;resize:none;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;max-width:600px;height:100px;margin-bottom:2rem;padding:1rem;font-size:1.2rem;line-height:1.5;overflow:auto}.dark .input-box{color:#e5e7eb;background-color:#1f2937;border:2px solid #374151}.input-error{border-color:#dc2626}.progress-bar{background:#e5e7eb;border-radius:5px;width:100%;max-width:600px;height:10px;margin-bottom:1rem;overflow:hidden}.progress{background:#2563eb;height:100%;transition:width .3s}.reset-button,.new-text-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;margin:.5rem;padding:.5rem 1rem;font-size:1rem}.reset-button:hover,.new-text-button:hover{background:#1e40af}.overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-content{text-align:center;color:#000;background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px #0000001a}.congratulations-trophy-logo-image{justify-content:center;align-items:center;width:auto;height:10rem;margin:0 auto;padding:2rem;display:flex}.overlay-content p{margin:.5rem 0;font-size:1.2rem}.graph-container{text-align:center;color:#000;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-width:800px;margin:2rem auto 4rem;padding:1rem;box-shadow:0 4px 6px #0000001a}.graphs{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.graph{color:#000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:calc(50% - 1rem);padding:1rem;box-shadow:0 4px 6px #0000001a}@media (max-width:768px){.typing-practice-container{padding:1rem}.display-text{width:90%;font-size:1.2rem}.input-box{width:90%;height:80px;font-size:1rem}.progress-bar{max-width:90%}.slider-controls{flex-direction:column;gap:.5rem}.graph-container{padding:.5rem}.graphs{flex-wrap:wrap;justify-content:center;gap:.5rem}.graph{flex:100%;padding:.5rem}}