#musicApp h1{font-size:clamp(1.7rem,3.1vw,2.75rem);line-height:1.3}#musicApp .hero{padding-top:28px;gap:22px}#musicApp .hero-lead{line-height:1.8}#musicApp .observatory-layout{grid-template-columns:minmax(0,1fr) 320px}
#musicCanvas{display:block;width:100%;height:auto;aspect-ratio:800/440;touch-action:none;cursor:grab}#musicCanvas:active{cursor:grabbing}#musicCanvas:focus-visible{outline:3px solid var(--mb-cyan);outline-offset:-4px}
#musicApp .bench-controls,#musicApp .edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}#musicApp .result-strip{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;color:var(--mb-amber);font-size:.78rem;margin-top:12px}
#musicApp .paper-editor{margin-top:24px;padding-top:22px;border-top:1px solid var(--mb-line)}#musicApp .paper-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}#musicApp #pageReadout,#musicApp #holesReadout{font-size:.75rem;color:var(--mb-amber)}
#musicApp .paper-grid{display:grid;grid-template-columns:42px repeat(var(--cols,8),minmax(0,1fr));gap:3px;padding:8px 4px;background:#e5d2a6;border:3px solid #8b6841;color:#342819}#musicApp .pitch-label,#musicApp .column-label{display:grid;place-items:center;font:12px/1.2 sans-serif;text-align:center}#musicApp .column-label{height:24px}#musicApp .hole{padding:0;min-width:0;min-height:44px;background:#f1e1bd;color:#736042;border:1px solid #bba271;font:24px sans-serif}#musicApp .hole[aria-pressed=true]{background:#dcc493;color:#283d3b}#musicApp .hole:hover{background:#fdf1d5}#musicApp .hole:focus-visible{outline:3px solid #146774;outline-offset:-3px}#musicApp .hole[data-playhead=true]{box-shadow:inset 0 -4px #b46129}
#musicApp input[type=range]{min-height:44px}#musicApp #soundButton,#musicApp #undoButton,#musicApp #resetButton{width:100%}#musicApp #resetButton{margin-top:22px}#musicApp .control-group{margin-top:22px;padding-top:20px;border-top:1px solid var(--mb-line)}#musicApp button:disabled{opacity:.45;cursor:not-allowed}#musicApp .canvas-help,#musicApp .control-hint,#musicApp .small-note{color:var(--mb-muted);font-size:.8rem;line-height:1.8}#musicApp .limits-section p{color:var(--mb-muted);font:.86rem/1.8 "Yu Gothic",Meiryo,sans-serif}#musicApp .site-footer{flex-wrap:wrap}
.skip-link{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-180%);background:#d4fbff;color:#07121b;padding:12px}.skip-link:focus{transform:translateY(0)}
@media(max-width:980px){#musicApp .observatory-layout{grid-template-columns:1fr}#musicApp .control-panel{display:block}}@media(max-width:600px){#musicCanvas{aspect-ratio:400/360}#musicApp .panel-heading h2{font-size:1.05rem}#musicApp .status-rack{padding:12px}#musicApp .paper-pages button{font-size:.8rem;padding:8px}#musicApp .bench-controls button{font-size:.8rem}}