:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f2f1f8;background:#10101a}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:24px 16px 50px}header,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}header{justify-content:space-between}a{color:#c5a1ff}h1{font-size:clamp(32px,6vw,52px);letter-spacing:-.04em;margin:12px 0}h2{font-size:22px}p{line-height:1.6;color:#b9b6ca}.eyebrow{font-size:14px;color:#b587ff;letter-spacing:.14em}section{background:#1b1a2a;border:1px solid #333147;border-radius:22px;padding:24px;margin-top:20px}button,input,select{font:inherit;border:1px solid #51475e;border-radius:12px;padding:12px;color:inherit;background:#292538;max-width:100%}button{cursor:pointer}button:hover{background:#47345f}button:disabled{opacity:.45;cursor:default}#start,#sync{background:#763dd0}label{display:grid;gap:8px;margin:16px 0}#error{color:#ffb0ae}#ready{color:#a9e4c3}#metrics{font-size:28px}.note{font-size:14px}svg{display:block;width:100%;background:#121521;border-radius:16px;touch-action:none;margin:16px 0}article{border-top:1px solid #393247;padding:16px 0}article strong{display:block;margin-bottom:8px}footer{margin-top:32px;color:#9e98ae;font-size:14px}#checkpoints{overflow-wrap:anywhere}@media(max-width:500px){section{padding:18px}.actions button{flex:1}}