*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#333;overflow-x:hidden}.typeshala{width:100%;max-width:1000px;overflow:hidden;padding:25px;margin:20px}.typeshala.np{font-family:Mangal,Noto Sans Devanagari,sans-serif}.header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid rgba(0,0,0,.1)}h1{color:#2c3e50;margin-bottom:20px;font-size:2.2rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}.language-switch,.row-selector,.difficulty-selector{display:flex;flex-wrap:wrap;gap:8px;background:#ffffffb3;padding:12px;border-radius:15px;box-shadow:0 4px 10px #0000001a}button{padding:10px 16px;border:none;border-radius:50px;background:#3498db;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 3px 8px #00000026;font-size:.9rem;white-space:nowrap}button:hover{background:#2980b9;transform:translateY(-3px);box-shadow:0 5px 15px #0003}button.active{background:#2c3e50;box-shadow:0 0 15px #2c3e5066;transform:translateY(-2px)}.stats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:25px 0;background:#ffffffe6;padding:15px;border-radius:15px;box-shadow:0 5px 15px #0000001a;font-size:.95rem}.stats div{background:#e0e7ff;padding:8px 14px;border-radius:30px;min-width:130px;text-align:center}.stats strong{color:#2c3e50;font-size:1.1rem}.typing-preview{background:#fff;padding:25px;border-radius:15px;margin:25px 0;font-size:1.7rem;line-height:1.6;text-align:center;min-height:150px;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 25px #0000001a;border:3px solid #e0e7ff;font-family:Courier New,monospace}.completed-text,.remaining-text{color:#7f8c8d;white-space:pre-wrap;word-break:break-all}.completed-text{display:none}.remaining-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-char{background:#3498db;color:#fff;padding:0 10px;border-radius:6px;font-weight:700;animation:pulse 1.5s infinite;margin:0 2px}.correct{color:#27ae60;font-weight:700}.incorrect{color:#e74c3c;text-decoration:underline;background:#e74c3c1a;border-radius:3px}@keyframes pulse{0%{opacity:.7;box-shadow:0 0 #3498dbb3}70%{opacity:1;box-shadow:0 0 0 10px #3498db00}to{opacity:.7;box-shadow:0 0 #3498db00}}.keyboard{background:#34495e;padding:18px;border-radius:15px;box-shadow:0 15px 40px #0000004d;margin:25px 0}.keyboard-row{display:flex;justify-content:center;margin-bottom:8px;gap:5px}.keyboard-row.active-row{position:relative}.keyboard-row.number{margin-bottom:18px}.keyboard-row.home,.keyboard-row.bottom{margin:18px 0}.key{position:relative;min-width:45px;height:45px;background:linear-gradient(145deg,#2c3e50,#1a2530);color:#fff;display:flex;justify-content:center;align-items:center;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0000004d;-webkit-user-select:none;user-select:none;font-weight:700;flex:1}.key:hover{background:linear-gradient(145deg,#3498db,#2980b9);transform:translateY(-3px)}.key.active{background:linear-gradient(145deg,#e74c3c,#c0392b);transform:scale(1.1);z-index:10;box-shadow:0 0 15px #e74c3c99}.key.modifier{background:linear-gradient(145deg,#1a2530,#0d1218);font-size:.85rem}.key.active-modifier{background:linear-gradient(145deg,#3498db,#2980b9)}.key.space{min-width:180px}.finger{position:absolute;bottom:-22px;width:25px;height:40px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="30" r="20" fill="rgba(231, 76, 60, 0.8)"/></svg>') no-repeat;background-size:contain;opacity:0;transition:opacity .3s ease}.key.active .finger{opacity:1;animation:float 1.5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.instructions{background:#fff;padding:16px;border-radius:15px;margin-top:20px;font-size:.95rem;line-height:1.6;box-shadow:0 5px 15px #0000001a}.instructions p{margin-bottom:10px}@media (max-width: 768px){.typeshala{padding:18px}h1{font-size:1.9rem}button{padding:8px 14px;font-size:.82rem}.stats{gap:10px;padding:12px}.stats div{min-width:110px;padding:6px 10px;font-size:.88rem}.typing-preview{font-size:1.4rem;padding:18px;min-height:130px}.key{min-width:28px;height:38px;font-size:.85rem;border-radius:6px}.key.space{min-width:140px}.keyboard{padding:14px}.keyboard-row{gap:4px;margin-bottom:7px}.instructions{font-size:.88rem;padding:14px}}@media (max-width: 480px){.typeshala{padding:12px}h1{font-size:1.5rem}.controls{flex-direction:column;gap:12px}.language-switch,.row-selector,.difficulty-selector{width:100%;justify-content:center}button{padding:7px 12px;font-size:.78rem;flex:1}.stats{flex-direction:column;align-items:center;gap:8px}.stats div{width:100%;min-width:auto}.typing-preview{font-size:1.2rem;padding:14px;min-height:110px}.key{min-width:18px;height:32px;font-size:.7rem}.key.modifier{font-size:.65rem}.key.space{min-width:90px}.keyboard{padding:10px}.keyboard-row{gap:3px}.instructions{padding:12px;font-size:.85rem}}