:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#0b111c;color:#e5ecf5}*{box-sizing:border-box}body{margin:auto;max-width:1050px;padding:28px 20px}header{padding:16px 0 24px}small{letter-spacing:.15em;color:#84a0bb}h1{font-size:42px;letter-spacing:.05em;margin:14px 0}h1 span{font-weight:300;color:#6ee0c2}header p,.hint{color:#9caec1}section{background:#131e2d;border:1px solid #26374a;padding:22px;border-radius:18px;margin-bottom:18px}h2{font-size:19px;margin-top:0}.toolbar,.fields{display:flex;flex-wrap:wrap;gap:12px;align-items:center}label{display:grid;gap:8px;margin:8px 0}button,input,select{font:inherit;border-radius:9px;padding:11px;border:1px solid #3a5066;background:#1b2b3d;color:inherit;max-width:100%}button{cursor:pointer}button:hover{border-color:#6ee0c2}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6ee0c2}#start{background:#6ee0c2;color:#102722;font-weight:700}#panic{color:#ffb8b8}#pads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.pad{height:105px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;border-bottom:4px solid #48769a}.pad.active{background:#4a806f;transform:translateY(2px)}.pad.chosen{outline:2px solid #6ee0c2}.pad small{font-size:12px}#offline{color:#6ee0c2;font-size:14px}.hint,details,footer{font-size:13px;line-height:1.8}#monitor{white-space:pre-wrap;color:#8bdac7}#library div{padding:9px;border-bottom:1px solid #26374a}footer{text-align:center;color:#8193a8}input[type=range]{padding:0}input[type=file]{font-size:13px}@media(max-width:500px){body{padding:16px 10px}section{padding:15px}#pads{gap:7px}.pad{height:85px;padding:9px;font-size:13px}h1{font-size:32px}.fields label{width:100%}}