body{background:#000;color:#fff;height:100vh;display:flex;justify-content:center;padding:20px;font-family:Courier New,Courier,monospace}#heading{text-align:center;font-size:24px;margin-bottom:20px;padding:20px}#right-cor{text-align:right;margin-right:40px;margin-top:-70px}#left-cor{text-align:left;margin-left:40px;margin-top:40px}#reset-btn{background-color:#cf00d6;border:none;color:#fff;padding:3px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 3px;cursor:pointer;border-radius:8px}textarea{width:100%;font-family:Courier New,Courier,monospace;height:100px;font-size:16px;padding:14px}textarea::placeholder{color:#777;opacity:1;animation:breathePlaceholder 5s ease-in-out infinite}.container{width:100%;max-width:800px;display:flex;flex-direction:column;gap:20px}#text-area::placeholder{color:#a19e9e;animation:breathePlaceholder 2.5s ease-in-out infinite}#texts-content{width:100%;height:100px;overflow-y:auto;padding:14px;border:1px solid #ccc;background-color:#222}#input-area{width:100%;height:100px;padding:14px;resize:vertical;border:1px solid #ccc;background-color:#222}body{background-color:#000;color:#fff;font-family:Courier New,Courier,monospace;margin:0;padding:0}.container{max-width:800px;margin:30px auto;padding:20px;display:flex;flex-direction:column;gap:20px}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #555}.header h1{font-size:28px;color:#e0e0e0;margin-bottom:7px;margin-top:-20px;margin-left:30%}.theme-btn{background-color:#cf00d6;color:#fff;border:none;padding:6px 12px;font-size:14px;border-radius:6px;cursor:pointer}.theme-toggle{display:flex;align-items:center;gap:10px;margin-bottom:25px}.paragraph-box{background-color:#1e1e1e;padding:18px;border-radius:8px;border:1px solid #555;line-height:1.6;font-size:16px;overflow-y:auto;height:150px;width:76%;margin-left:9%}.typing-area{border-radius:8px;height:100px;padding:14px;font-size:16px;width:96%;resize:none;background-color:#222;color:#fff;border:1px solid #555;font-family:Courier New,Courier,monospace}.typing-area::placeholder{color:#777;animation:breathePlaceholder 5s ease-in-out infinite}.correct{color:#90ee90}.incorrect{color:red;text-decoration:underline}.stats-box{display:flex;justify-content:space-between;background-color:#1e1e1e;padding:12px;border-radius:8px;border:1px solid #555}.stat{flex:1;text-align:center}.stat p{margin:0;font-size:14px;color:#ccc}.stat span{font-size:18px;font-weight:700;color:#abe900}.timer{text-align:center;font-size:16px;color:orange}.buttons-container{display:flex;justify-content:center;gap:15px}.buttons-container button{background-color:#cf00d6;color:#fff;border:none;padding:8px 16px;font-size:14px;border-radius:8px;cursor:pointer;transition:background .3s ease}.buttons-container button:hover{background-color:#a000a8}.buttons-container .active{background-color:#0af}.light{background-color:#fff;color:#000}.light .header h1{color:#000}.light .theme-btn{background-color:#333;color:#fff}.light .paragraph-box,.light .typing-area,.light .stats-box,.light .stat p{background-color:#868585;color:#000;border:1px solid #000000}.light .typing-area::placeholder{color:#000;animation:breathePlaceholder 5s ease-in-out infinite}.light .correct{color:green}.light .incorrect{color:red}@media (max-width: 768px){body{overflow-x:hidden}.container{padding:10px;overflow-x:hidden}.header h1{margin-top:10px;font-size:20px;margin-left:70px}.buttons-container{display:flex;justify-content:center;gap:15px;margin-left:-20px}.buttons-container button{padding:6px 5px;font-size:12px;margin-left:0}.stats-box{height:40px;width:83%;margin-left:1px}.typing-area{font-size:13px;overflow-y:auto;height:100px;width:82%;margin-left:1%}.paragraph-box{font-size:13px;overflow-y:auto;height:100px;width:81%;margin-left:1%}}@keyframes breathePlaceholder{0%,to{opacity:.3}50%{opacity:1}}