body{font-family:Quicksand,sans-serif}.keyboard{display:grid;gap:6px;background:#fff;padding:24px;border-radius:18px;box-shadow:0 6px 20px rgba(0,0,0,.1);margin-top:20px}.key,.row{display:flex}.key{flex:none;width:50px;height:50px;align-items:center;justify-content:center;background:#e5f7f5;border-radius:12px;color:#444;font-size:14px;transition:all .15s ease;box-shadow:0 2px 5px rgba(0,0,0,.08)}.key.active{background:#90e0d8;color:#fff;transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}.wide{width:100px}.xwide{width:130px}.space{width:280px}.reset-btn{margin-top:15px;padding:5px 15px;border:none;border-radius:14px;background:#90e0d8;color:#fff;font-size:15px;cursor:pointer;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:background .2s}.reset-btn:hover{background:#7fc6c1}