.container-word{max-width:800px;margin:40px auto;padding:24px;background:#fff;border-radius:14px;box-shadow:0 8px 28px #00000014}section{margin-bottom:30px}section div{margin-bottom:14px}section label{display:block;margin-bottom:6px;font-weight:600;color:#333}section input[type=text],section input[type=number],section select{width:100%;padding:10px 12px;font-size:16px;border:1.5px solid #cfd2d7;border-radius:8px;background:#fafafa;transition:.2s}section input:focus,section select:focus{border-color:#2f7df4;background:#fff;box-shadow:0 0 0 3px #2f7df426;outline:none}section button{padding:10px 20px;background-color:#2b662d;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .25s,transform .15s}section button:hover{background-color:#3f8f42;transform:translateY(-2px)}textarea{width:100%;height:150px;font-size:16px;line-height:1.5;padding:14px;box-sizing:border-box;border:2px solid #cfd2d7;border-radius:10px;resize:none;background:#fafafa;transition:.2s}textarea:focus{border-color:#2f7df4;background:#fff;box-shadow:0 0 0 3px #2f7df41f;outline:none}.typing-display{max-height:300px;font-size:16px;overflow-y:auto;white-space:pre-wrap;font-family:monospace;line-height:1.6em;padding:14px;border:1.5px solid #333;border-radius:8px;background-color:#151515;color:#e0e0e0;margin-bottom:20px}.correct{color:#58d46b}.incorrect{color:#ff5757}.pending{color:#999}.stats{display:flex;gap:30px;font-weight:700;font-size:16px;margin-bottom:20px;color:#222}.buttons button{padding:10px 20px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:.25s;margin-right:10px}.buttons button:hover{opacity:.92;transform:translateY(-2px)}#clearBtn{background-color:#b93535;color:#fff}#clearBtn:hover{background-color:#da4747}.buttons button:nth-child(2){background-color:#2f7df4;color:#fff}.buttons button:nth-child(2):hover{background-color:#1f68d2}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;justify-content:center;align-items:center;z-index:1000}.modal-content{animation:fadeIn .3s ease}.modal-content label{font-weight:500}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.horizontal-row{display:flex;gap:20px;align-items:flex-end;margin-bottom:12px}.horizontal-row div{flex:1}input[type=checkbox]{width:20px;height:20px;transform:scale(1.35);margin-right:10px;accent-color:#2f7df4}