:root{font-family:Arial,sans-serif;color:#132a32;background:#f6f4ee;font-size:17px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:18px;background:#132a32;color:white;padding:18px}header img{width:52px;height:73px;object-fit:contain;background:white}header p{margin:6px 0 0;font-size:14px}main{max-width:850px;margin:auto;padding:18px}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{color:#075c50;background:#e1eee7;padding:12px;border-radius:8px;text-decoration:none}h1{font-size:29px;line-height:1.12;margin:10px 0 14px}p{line-height:1.5}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:24px 0 0}.controls{background:white;border:1px solid #cdd8d2;border-radius:14px;padding:14px;display:grid;gap:14px}button,select,input[type=number]{font:inherit;min-height:48px;border-radius:8px;border:1px solid #96aba2;padding:10px}button{background:#e1eee7;color:#113e33;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#play{background:#08775f;color:white;flex:1}.transport,.bars{display:flex;gap:10px}.bars label{width:50%}.bars input{width:100%;display:block}select{max-width:100%;margin-left:8px}.toggles{display:grid;gap:15px}.toggles label{display:flex;align-items:center;gap:8px}input[type=checkbox]{width:23px;height:23px;accent-color:#08775f}#status,#range{background:#e1eee7;padding:12px;border-radius:8px;font-size:15px}#score{background:white;min-height:80px;border-radius:8px}.at-selection div{background:rgba(32,158,106,.16)!important}.at-cursor-bar{background:rgba(32,158,106,.12)}.at-cursor-beat{background:#08775f;width:3px!important}.foot,details p{font-size:14px;color:#476158}details{margin:24px 0}summary{cursor:pointer;padding:12px}input[type=file]{max-width:100%}:focus-visible{outline:3px solid #c7791b;outline-offset:3px}