*{box-sizing:border-box}body{margin:0;background:#0c0e18;color:#eee9df;font:16px/1.4 system-ui,-apple-system,Roboto,sans-serif}
main{max-width:620px;margin:0 auto;padding:14px 14px 60px}header{display:flex;align-items:center;gap:12px}header a{color:#e5be74;text-decoration:none;font-weight:700}
h1{font-size:21px;margin:8px 0;color:#e5be74}h2{font-size:17px;margin:4px 0 8px;color:#f0d69f}
.card{background:#181d2b;border:1px solid #444b58;border-radius:16px;padding:14px;margin:12px 0}
button,.b{background:#282f3d;color:#f5d79e;border:1px solid #997d4b;border-radius:12px;padding:10px 14px;font:inherit;font-weight:700;min-height:44px;cursor:pointer;text-decoration:none;display:inline-block}
button.g,.b.g{background:#dbb66f;color:#151922;border-color:#dbb66f}button.on{background:#dbb66f;color:#151922}button:disabled{opacity:.45}
.big{display:block;width:100%;font-size:19px;min-height:58px;margin:8px 0}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}label{color:#c8cad0;font-size:14px}
select,input[type=number],input[type=text],textarea{background:#0f1320;color:#eee9df;border:1px solid #444b58;border-radius:10px;padding:9px;font:inherit}
input[type=range]{accent-color:#dbb66f;width:100%}small,.mut{color:#a9adb7;font-size:13px}.st{color:#b4e4ba;font-size:14px;min-height:20px}
.chord{font-size:46px;font-weight:850;color:#e5be74;text-align:center;letter-spacing:1px}.foot{text-align:center;color:#a9adb7;font-size:13px;margin-top:24px}.foot b{color:#e5be74}
.warn{color:#f0b46a}