:root{--level-strong:var(--accent);--level-relStrong:#c98a2e;--level-relStrong2:#d9b26a;--level-weak:var(--muted);--level-sub:var(--line);--note-fill:#e6dcc8;--voice-1:#2f6f9f;--glyph-font:"Noto Music", "Apple Symbols", "Segoe UI Symbol", serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--level-relStrong:#e0a54a;--level-relStrong2:#b8975a;--note-fill:#3a352b;--voice-1:#6aa9d8}}.glyph-text,.glyph-buttons button{font-family:var(--glyph-font), system-ui, sans-serif}.glyph-buttons button{min-width:44px;font-size:24px;line-height:1}.row-gap{margin-left:12px}.signature{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;min-width:2.2ch;font-size:34px;font-weight:700;line-height:1;display:inline-flex}.signature span+span{border-top:3px solid var(--ink);padding-top:2px}.kind{font-size:20px;font-weight:600}.beat-strip{gap:10px;margin-top:8px;display:flex}.beat-group{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);flex:1 1 0;min-width:0;padding:6px 8px 8px}.beat-pair{border:1px dashed var(--muted);border-radius:var(--radius);gap:6px;min-width:0;padding:4px;display:flex}.group-head{min-height:24px;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:4px;font-size:12px;display:flex}.group-remove{min-height:22px;padding:0 8px;line-height:1}.cells{align-items:flex-end;gap:4px;height:88px;display:flex}.cell{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;display:flex}.cell-bar{background:var(--level);opacity:.45;transform-origin:bottom;border-radius:3px;transition:opacity 60ms linear,transform 60ms linear;display:block}.cell-count{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:12px}.cell.on .cell-bar{opacity:1;transform:scaleY(1.08)}.cell.on .cell-count{color:var(--ink);font-weight:700}.level-strong{--level:var(--level-strong)}.level-relStrong{--level:var(--level-relStrong)}.level-relStrong2{--level:var(--level-relStrong2)}.level-weak{--level:var(--level-weak)}.level-sub{--level:var(--level-sub)}.level-strong .cell-bar{height:64px}.level-relStrong .cell-bar{height:48px}.level-relStrong2 .cell-bar{height:40px}.level-weak .cell-bar{height:30px}.level-sub .cell-bar{height:16px}.lights .cells{height:120px}.lights .level-strong .cell-bar{height:96px}.lights .level-relStrong .cell-bar{height:72px}.lights .level-relStrong2 .cell-bar{height:60px}.lights .level-weak .cell-bar{height:46px}.lights .level-sub .cell-bar{height:24px}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.swatch{background:var(--level);border-radius:3px;width:12px;height:12px;display:inline-block}.voice-label{min-width:72px;font-weight:600}.voice-0{color:var(--accent)}.voice-1{color:var(--voice-1)}.figure-poly{margin-top:8px}.tempo-name{min-width:6ch;font-style:italic}.figure-score{height:120px;margin-top:16px}.pattern-fill{margin:8px 0 12px}.tap-row{align-items:stretch}.tap-pad{touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:280px;min-height:96px;font-size:17px;font-weight:600}.tap-pad:active{background:var(--active);color:var(--active-ink)}.tap-result{flex:260px;align-content:start;gap:6px;display:grid}.tap-result button{justify-self:start}@media (width<=720px){.beat-strip{overflow-x:auto}.beat-group{min-width:96px}.row-gap{margin-left:0}}