:root{font-family:ui-monospace,monospace;background:#10121c;color:#e9e4d2}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#10121c,#252048)}main{max-width:650px;padding:3rem}h1{font-size:clamp(2rem,8vw,4.5rem);line-height:.95;margin:.25rem 0 1rem;color:#ffda59;text-shadow:5px 5px #e74772}.eyebrow{color:#72d6c9}.intro{line-height:1.6}#instrument{display:grid;gap:1.4rem;background:#191b2a;border:3px solid #72d6c9;padding:1.5rem;box-shadow:8px 8px #e74772}label{display:grid;gap:.5rem;color:#ffda59}select,input,button{font:inherit;padding:.5rem}input{accent-color:#e74772}.buttons{display:flex;gap:1rem;flex-wrap:wrap}button{background:#ffda59;color:#10121c;border:0;font-weight:bold;cursor:pointer}button:hover,button:focus{outline:3px solid #72d6c9}#status{min-height:1.5em;color:#72d6c9}kbd{border:1px solid #e9e4d2;padding:.1rem .25rem}