.checklist-row[data-astro-cid-zkhman43]{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.checklist-row[data-astro-cid-zkhman43]:last-child{margin-bottom:0}.checklist-label[data-astro-cid-zkhman43]{color:var(--text-secondary);font-size:.875rem}.checklist-progress[data-astro-cid-zkhman43]{font-family:var(--font-mono);white-space:nowrap;border-radius:2px;padding:.2rem .55rem;font-size:.75rem}.checklist-progress[data-astro-cid-zkhman43][data-state=pending]{color:var(--text-muted);background:var(--bg-base);border:1px solid var(--border)}.checklist-progress[data-astro-cid-zkhman43][data-state=normal]{color:var(--accent);background:var(--accent-dim);border:1px solid #c8ff0033}.checklist-progress[data-astro-cid-zkhman43][data-state=attention]{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}#midi-permission-prompt[data-astro-cid-xederydz],#midi-requesting[data-astro-cid-xederydz],#midi-unsupported[data-astro-cid-xederydz],#midi-permission-denied[data-astro-cid-xederydz],#midi-no-devices[data-astro-cid-xederydz],#midi-device-ready[data-astro-cid-xederydz],#midi-device-row[data-astro-cid-xederydz],#midi-skeleton[data-astro-cid-xederydz],#midi-connected[data-astro-cid-xederydz]{display:none}[data-astro-cid-xederydz][data-midi-state=permission-prompt] #midi-permission-prompt[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=permission-prompt] #midi-skeleton[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=requesting] #midi-requesting[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=unsupported] #midi-unsupported[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=permission-denied] #midi-permission-denied[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=no-devices] #midi-no-devices[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=no-devices] #midi-skeleton[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=device-ready] #midi-device-ready[data-astro-cid-xederydz]{display:block}[data-astro-cid-xederydz][data-midi-state=device-ready] #midi-device-row[data-astro-cid-xederydz]{display:flex}[data-astro-cid-xederydz][data-midi-state=device-ready] #midi-skeleton[data-astro-cid-xederydz]{display:block}[data-astro-cid-xederydz][data-midi-state=connected] #midi-device-row[data-astro-cid-xederydz]{display:flex}[data-astro-cid-xederydz][data-midi-state=connected] #midi-connected[data-astro-cid-xederydz]{display:block}[data-astro-cid-xederydz][data-midi-state=device-ready] .skeleton-select-fake[data-astro-cid-xederydz],[data-astro-cid-xederydz][data-midi-state=connected] .skeleton-select-fake[data-astro-cid-xederydz],#midi-connect-btn[data-astro-cid-xederydz]{display:none}[data-astro-cid-xederydz][data-midi-state=device-ready] #midi-connect-btn[data-astro-cid-xederydz]{display:inline-block}#midi-clear-btn[data-astro-cid-xederydz]{display:none}[data-astro-cid-xederydz][data-midi-state=connected] #midi-clear-btn[data-astro-cid-xederydz]{display:inline-block}.midi-spinner[data-astro-cid-xederydz]{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite midi-spin}@keyframes midi-spin{to{transform:rotate(360deg)}}.piano-wrap[data-astro-cid-xederydz]{border:1px solid var(--border);background:var(--bg-base);border-radius:2px;flex-direction:row;gap:0;margin-bottom:1rem;display:flex;overflow-x:auto}.piano-row[data-astro-cid-xederydz]{flex-shrink:0;display:flex;position:relative}@media (width<=1024px){.piano-wrap[data-astro-cid-xederydz]{flex-direction:column}.piano-row[data-astro-cid-xederydz]{overflow-x:auto}}.piano-key{cursor:default;border:none;flex-shrink:0;position:relative}.piano-key:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.piano-key[data-key-type=white]{z-index:1;background:#f8f8f6;border-bottom:2px solid #999;border-right:1px solid #bbb;border-radius:0 0 3px 3px;width:28px;height:100px}.piano-key[data-key-type=black]{z-index:2;background:#222;border:1px solid #111;border-radius:0 0 2px 2px;width:16px;height:62px;position:absolute;top:0}.piano-key[data-key-type=white][data-active=true]{background:var(--accent)}.piano-key[data-key-type=black][data-active=true]{background:var(--accent);opacity:.9}.key-octave-label{text-align:center;font-family:var(--font-mono);color:#888;pointer-events:none;font-size:.55rem;position:absolute;bottom:4px;left:0;right:0}.midi-stats[data-astro-cid-xederydz]{background:var(--bg-raised);border:1px solid var(--border);border-radius:2px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:0;padding:.6rem .75rem;display:flex}.midi-log-header[data-astro-cid-xederydz]{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-raised);z-index:1;grid-template-columns:90px 60px 70px 50px 80px 1fr;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.72rem;display:grid;position:sticky;top:0}.midi-log-row{font-family:var(--font-mono);color:var(--text-secondary);grid-template-columns:90px 60px 70px 50px 80px 1fr;align-items:center;gap:.5rem;padding:.3rem .75rem;font-size:.78rem;display:grid}.midi-log-row:nth-child(2n){background:var(--bg-raised)}.midi-log-row:nth-child(odd){background:var(--bg-base)}.log-kind-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:2px;padding:.15rem .4rem;font-size:.72rem;font-weight:700;display:inline-block}.log-kind-noteon{background:rgba(var(--accent-rgb,100, 200, 100), .15);color:var(--accent)}.log-kind-noteoff{color:var(--text-muted);background:0 0}.log-kind-cc,.log-kind-pitchbend{color:var(--text-secondary);background:var(--bg-raised)}.log-kind-unknown{color:var(--text-muted);background:0 0}.log-ghost-flag{color:#f44;font-size:.72rem;font-weight:700}.midi-action-btn[data-astro-cid-xederydz]{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:var(--accent-on);cursor:pointer;border:none;border-radius:2px;flex-shrink:0;padding:.6rem 1.25rem;font-size:.8rem;font-weight:600;transition:opacity 80ms}.midi-action-btn[data-astro-cid-xederydz]:hover{opacity:.85}.midi-action-btn[data-astro-cid-xederydz]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.midi-action-btn--secondary[data-astro-cid-xederydz]{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border)}.accent-dot[data-astro-cid-xederydz]{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}