*{box-sizing:border-box}body{margin:0;background:#191a18;color:#e9e8df;font:14px system-ui,sans-serif}main{max-width:1120px;margin:40px auto;padding:24px}a{color:#d4eb9c}header,.heading,.toolbar,.editor{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between;margin:24px 0}h1{font-size:36px;letter-spacing:-1.5px;margin:8px 0}h2{font-size:14px;margin:0;margin-right:auto}small,.hint{color:#a8aba0}p{line-height:1.6}section,details{border-top:1px solid #3b3d34;padding:18px 0}.heading{margin-bottom:14px}button,select,.file,input{font:inherit;color:inherit;background:#292c25;border:1px solid #4b5041;border-radius:5px;padding:8px}button,.file,summary{cursor:pointer}button:hover{border-color:#c4e793}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #d3ed9a;outline-offset:3px}input[type=number]{width:76px}input[type=range]{width:90px}input[type=checkbox]{accent-color:#c4e793}.file input{display:block;max-width:190px;padding:0;border:0;font-size:11px;margin-top:4px}.badge{border:1px solid #626c4b;color:#d4eb9c;padding:8px;border-radius:20px}#status{color:#d4eb9c;min-height:23px}#pads{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}.pad{height:78px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.pad b{font-size:11px;color:#b0bc99}.pad[aria-pressed=true]{border-color:#d4eb9c;background:#39432c}.pad.hit{background:#6b7e46}.scroll{overflow-x:auto}.seq-row{display:grid;grid-template-columns:100px repeat(16,minmax(30px,1fr));gap:4px;margin:4px 0;min-width:700px;align-items:center}.step{height:26px;padding:0;font-size:10px}.step:nth-child(4n+2){border-left:2px solid #a1ac8b}.step[aria-pressed=true]{background:#b9d78a;color:#18200c}.step.current{outline:2px solid #f2d99b}#song{min-width:240px}details p{max-width:850px}@media(max-width:650px){main{margin:12px auto;padding:16px}#pads{grid-template-columns:repeat(3,1fr)}h1{font-size:29px}}