*{box-sizing:border-box}body{margin:0;background:#101219;color:#e7eaf0;font:16px system-ui,sans-serif;line-height:1.6}main{max-width:760px;margin:7vh auto;padding:28px}h1{font-size:42px;letter-spacing:-1.5px;margin:0 0 28px}label{display:block;color:#adb6c8;margin-bottom:8px}textarea{display:block;width:100%;resize:vertical;min-height:180px;border:1px solid #384354;border-radius:10px;background:#1b202c;color:#f4f6fb;font:18px monospace;padding:18px}textarea:focus,button:focus-visible{outline:2px solid #a7f17a;outline-offset:3px}.controls{display:flex;gap:12px}button{border:0;border-radius:8px;padding:12px 30px;font:600 17px system-ui;cursor:pointer;background:#a7f17a;color:#132010}#stop{background:#343d50;color:#edf0f7}button:disabled{opacity:.4;cursor:default}#count,.note{color:#a7b0c3;font-size:14px}#status{min-height:26px}progress{width:100%;accent-color:#a7f17a;height:8px}.note{margin-top:28px}footer{font:11px monospace;color:#8490a6;margin-top:40px}@media(max-width:480px){main{margin:18px auto;padding:20px}h1{font-size:36px}}