:root{font-family:Segoe UI,Malgun Gothic,sans-serif;color:#17263a;background:#f1f5f9;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{padding:34px max(24px,5vw);background:#142940;color:#fff}h1{font-size:30px;margin:12px 0}header p{color:#c0d2e4}.badge{font-size:11px;letter-spacing:2px;color:#69dcc7}main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;padding:26px 4vw}.panel{background:#fff;padding:22px;border:1px solid #dce4ec;border-radius:12px;align-self:start}h2{font-size:18px;margin:0 0 20px}label{display:block;font-size:13px;margin-bottom:16px}input:not([type=checkbox]){width:100%;margin-top:8px;padding:12px;border:1px solid #bbc9d8;border-radius:6px;font:inherit}button{padding:12px;border:0;border-radius:6px;background:#176a65;color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.45;cursor:default}#stop{background:#9d3434}.buttons{display:flex;gap:8px;flex-wrap:wrap}.note{font-size:12px;color:#52657b;line-height:1.7}#status{padding:12px;background:#edf7f5;border-radius:6px;font-size:14px;overflow-wrap:anywhere}.heading{display:flex;justify-content:space-between;gap:12px}.toggle{white-space:nowrap}#empty{padding:90px 12px;text-align:center;background:#eef2f7;color:#65768a;border-radius:8px}#screen{width:100%;height:auto;display:block;background:#0d1927;outline:3px solid transparent}#screen[hidden]{display:none}#screen:focus{outline-color:#20a990}footer{padding:12px 4vw 30px;color:#69798a;font-size:12px}@media(max-width:850px){main{grid-template-columns:1fr}}