*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;background:#f4f6fb;color:#111}nav{background:#14213d;padding:1rem}nav a{color:#fff;font-weight:700}main{max-width:900px;margin:auto;padding:1rem}.tag{font-size:1.15rem}.panel{background:#fff;border:2px solid #23395d;border-radius:12px;padding:1rem;margin:1rem 0}label,select,button{font-size:1rem;margin:.35rem}.command{font-size:2rem;font-weight:800;text-align:center;padding:1.2rem;border:3px solid #111;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.controls button,#start,#pause{min-height:58px;font-weight:700;border:2px solid #111;border-radius:10px;cursor:pointer}.controls button:focus,#start:focus,#pause:focus{outline:5px solid #000;outline-offset:3px}.log{max-height:180px;overflow:auto;border-top:1px solid #777;margin-top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:500px){.command{font-size:1.55rem}.controls{grid-template-columns:1fr}}