:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#10121a;color:#f4f3fa}*{box-sizing:border-box}body{margin:0}main{max-width:560px;margin:auto;padding:36px 22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#ada0f8;font-weight:700}h1{font-size:42px;letter-spacing:-2px;margin:12px 0}h1 span{font-size:13px;color:#9cf2cc;margin-left:12px;vertical-align:middle}p,footer{color:#a3a5b5;line-height:1.5}section{background:#1b1e2a;border:1px solid #303344;border-radius:20px;padding:22px;margin:28px 0}h2{font-size:23px;margin:0 0 10px}label{display:block;font-size:13px;margin:22px 0 8px}input{width:100%;border:1px solid #44445a;border-radius:12px;background:#10121a;color:white;padding:16px;font-size:32px;letter-spacing:12px;text-align:center;font-family:monospace}button{font:inherit;cursor:pointer;background:#b6a4ff;color:#171122;border:0;border-radius:12px;padding:16px;font-weight:650;min-height:52px}form button{width:100%;margin-top:14px}.live{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:10px;letter-spacing:1px;color:#b6a4ff}.quiet{background:transparent;color:#bcb9ce;padding:0 8px;font-size:12px}.stop{background:#502831;color:#ffd2d9;width:100%;margin-top:18px}progress{width:100%;accent-color:#b6a4ff;height:5px}.track{width:100%;display:grid;grid-template-columns:24px 1fr 14px;text-align:left;align-items:center;gap:12px;background:#252838;color:#f4f3fa;margin-top:10px;overflow-wrap:anywhere}.track.active{outline:1px solid #b6a4ff;background:#373049}.number{font:12px monospace;color:#b6a4ff}footer{font-size:12px;text-align:center}button:focus-visible,input:focus-visible{outline:3px solid #9cf2cc;outline-offset:3px}#hint{font-size:12px}[hidden]{display:none!important}