*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;color:#d1d0c5;font-family:Roboto Mono,monospace;font-size:15px;line-height:1.6;margin:0}.app-container{max-width:900px;margin:0 auto;padding:20px 30px}h1{font-size:22px;font-weight:600;margin-bottom:10px;color:#fff}.timer{font-size:14px;color:#e05555;margin-bottom:15px}.typing-container{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:22px;line-height:42px;font-weight:400;max-height:300px;overflow:hidden}.word{display:flex}.word span.correct{color:#52d17a}.word span.incorrect{color:#e05555}.word span.extra{color:#f39c12}.controls{display:flex;gap:12px;margin-bottom:20px}button{background:#1a1a1a;color:#d1d0c5;border:none;padding:6px 14px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}button:hover{background:#333}button.active{background:#ffd83d;color:#111;font-weight:500}