.kb[data-astro-cid-ajfjfvto] .key[data-astro-cid-ajfjfvto]{position:absolute;top:0;border:0;padding:0;cursor:pointer;transition:background .08s,transform .08s}.kb[data-astro-cid-ajfjfvto] .white[data-astro-cid-ajfjfvto]{height:100%;background:#fff;border:1px solid var(--color-border);border-radius:0 0 8px 8px;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:6px;gap:1px}.kb[data-astro-cid-ajfjfvto] .black[data-astro-cid-ajfjfvto]{height:60%;background:#23232f;border-radius:0 0 5px 5px;z-index:2;box-shadow:0 2px 3px #00000040}.kb[data-astro-cid-ajfjfvto] .white[data-astro-cid-ajfjfvto].hl{background:var(--color-violet-glow)}.kb[data-astro-cid-ajfjfvto] .black[data-astro-cid-ajfjfvto].hl{background:#6d4fd8}.kb[data-astro-cid-ajfjfvto] .white[data-astro-cid-ajfjfvto].on{background:#ddd6fe;transform:translateY(1px)}.kb[data-astro-cid-ajfjfvto] .black[data-astro-cid-ajfjfvto].on{background:#7c3aed;transform:translateY(1px)}.kb[data-astro-cid-ajfjfvto] .lab[data-astro-cid-ajfjfvto]{font-size:10px;line-height:1.1;color:var(--color-ink-500);pointer-events:none;font-family:Pretendard,sans-serif}.kb[data-astro-cid-ajfjfvto] .lab-en[data-astro-cid-ajfjfvto]{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--color-ink-300)}.kb[data-astro-cid-ajfjfvto] .mid-c[data-astro-cid-ajfjfvto]{position:absolute;top:42%;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:50%;background:var(--color-violet);pointer-events:none}.piano-widget[data-astro-cid-ajfjfvto][data-labels=kr] .lab-en[data-astro-cid-ajfjfvto],.piano-widget[data-astro-cid-ajfjfvto][data-labels=en] .lab-kr[data-astro-cid-ajfjfvto],.piano-widget[data-astro-cid-ajfjfvto][data-labels=none] .lab[data-astro-cid-ajfjfvto]{display:none}.piano-widget[data-astro-cid-ajfjfvto]:focus-visible{box-shadow:0 0 0 2px var(--color-violet-light)}.staffread-widget[data-astro-cid-3zj6xq5v] .mus{font-family:SL Music,Noto Music,serif}.staffread-widget[data-astro-cid-3zj6xq5v] .ans-btn{padding:8px 0;border-radius:10px;border:1px solid var(--color-border);background:#fff;font-size:13px;font-weight:700;color:var(--color-ink-700);transition:border-color .1s,background .1s}.staffread-widget[data-astro-cid-3zj6xq5v] .ans-btn:hover{border-color:var(--color-violet)}.staffread-widget[data-astro-cid-3zj6xq5v] .ans-btn.ok{background:#dcfce7;border-color:#22c55e}.staffread-widget[data-astro-cid-3zj6xq5v] .ans-btn.no{background:#fee2e2;border-color:#ef4444}.rhythm-widget[data-astro-cid-vkaqf7dh] .blk{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;font-size:10px;font-weight:700;line-height:1.15;text-align:center;overflow:hidden;transition:transform .08s,filter .08s}.rhythm-widget[data-astro-cid-vkaqf7dh] .blk.note{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.rhythm-widget[data-astro-cid-vkaqf7dh] .blk.rest{background:#fff;color:var(--color-ink-300);border:1.5px dashed var(--color-ink-300)}.rhythm-widget[data-astro-cid-vkaqf7dh] .blk.on{filter:brightness(1.3);transform:scaleY(1.06)}.rhythm-widget[data-astro-cid-vkaqf7dh] .dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-family:Space Grotesk,Pretendard,sans-serif;border:2px solid var(--color-border);color:var(--color-ink-300);transition:all .06s}.rhythm-widget[data-astro-cid-vkaqf7dh] .dot.S{width:42px;height:42px}.rhythm-widget[data-astro-cid-vkaqf7dh] .dot.M{width:38px;height:38px}.rhythm-widget[data-astro-cid-vkaqf7dh] .dot.on{background:var(--color-violet);border-color:var(--color-violet);color:#fff}.drum-widget[data-astro-cid-5yabnhci] .cell[data-astro-cid-5yabnhci]{aspect-ratio:1 / 1.25;border-radius:4px;background:var(--color-surface-2);border:1px solid var(--color-border);cursor:pointer;transition:background .06s,transform .06s}.drum-widget[data-astro-cid-5yabnhci] .cell[data-astro-cid-5yabnhci].beat{border-color:#c9c3ee}.drum-widget[data-astro-cid-5yabnhci] .cell[data-astro-cid-5yabnhci].x{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:transparent}.drum-widget[data-astro-cid-5yabnhci] .cell[data-astro-cid-5yabnhci].o{background:#b9aef2;border-color:transparent}.drum-widget[data-astro-cid-5yabnhci] .cell[data-astro-cid-5yabnhci].now{outline:2px solid #f59e0b;outline-offset:-1px}.drum-widget[data-astro-cid-5yabnhci] .cell[data-astro-cid-5yabnhci].x.now,.drum-widget[data-astro-cid-5yabnhci] .cell[data-astro-cid-5yabnhci].o.now{transform:scale(1.12)}.melody-widget[data-astro-cid-6zh33wej] .mc[data-astro-cid-6zh33wej]{border-radius:3px;background:var(--color-surface-2);border:1px solid var(--color-border);cursor:pointer}.melody-widget[data-astro-cid-6zh33wej] .mc[data-astro-cid-6zh33wej].bt{border-left-color:#c9c3ee}.melody-widget[data-astro-cid-6zh33wej] .mc[data-astro-cid-6zh33wej].bar{margin-left:3px}.melody-widget[data-astro-cid-6zh33wej] .mc[data-astro-cid-6zh33wej].x{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:transparent}.melody-widget[data-astro-cid-6zh33wej] .mc[data-astro-cid-6zh33wej].now{outline:2px solid #f59e0b;outline-offset:-1px}.ckb[data-astro-cid-v4i27dhy] .ck[data-astro-cid-v4i27dhy]{position:absolute;top:0}.ckb[data-astro-cid-v4i27dhy] .white[data-astro-cid-v4i27dhy]{height:100%;background:#fff;border:1px solid var(--color-border);border-radius:0 0 6px 6px;z-index:1}.ckb[data-astro-cid-v4i27dhy] .black[data-astro-cid-v4i27dhy]{height:60%;background:#23232f;border-radius:0 0 4px 4px;z-index:2}.ckb[data-astro-cid-v4i27dhy] .white[data-astro-cid-v4i27dhy].hl{background:#c4b5fd}.ckb[data-astro-cid-v4i27dhy] .black[data-astro-cid-v4i27dhy].hl{background:#7c3aed}.ckb[data-astro-cid-v4i27dhy] .ck[data-astro-cid-v4i27dhy].bass{box-shadow:inset 0 -6px #2563eb}.ckb[data-astro-cid-v4i27dhy] .ck[data-astro-cid-v4i27dhy].on{filter:brightness(.9)}.prog-widget[data-astro-cid-rkq7bykb] .slot{border-radius:10px;border:1.5px solid var(--color-border);background:#fff;padding:6px 2px;text-align:center;cursor:pointer;transition:all .08s}.prog-widget[data-astro-cid-rkq7bykb] .slot .rn{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--color-ink-300)}.prog-widget[data-astro-cid-rkq7bykb] .slot .nm{font-size:14px;font-weight:800;color:var(--color-ink-700);font-family:Space Grotesk,Pretendard,sans-serif;line-height:1.2}.prog-widget[data-astro-cid-rkq7bykb] .slot .fn{font-size:9px;font-weight:700;margin-top:1px}.prog-widget[data-astro-cid-rkq7bykb] .slot.sel{border-color:var(--color-violet);box-shadow:0 0 0 2px var(--color-violet-glow)}.prog-widget[data-astro-cid-rkq7bykb] .slot.now{background:var(--color-violet-glow);border-color:var(--color-violet);transform:translateY(-2px)}.prog-widget[data-astro-cid-rkq7bykb] .pk{position:absolute;top:0}.prog-widget[data-astro-cid-rkq7bykb] .pk.w{height:100%;background:#fff;border:1px solid var(--color-border);border-radius:0 0 5px 5px;z-index:1}.prog-widget[data-astro-cid-rkq7bykb] .pk.b{height:60%;background:#23232f;border-radius:0 0 3px 3px;z-index:2}.prog-widget[data-astro-cid-rkq7bykb] .pk.w.hl{background:#c4b5fd}.prog-widget[data-astro-cid-rkq7bykb] .pk.b.hl{background:#7c3aed}.arr-widget[data-astro-cid-xdxqfarq] .part[data-astro-cid-xdxqfarq][aria-pressed=true]{background:var(--color-violet-glow);border-color:var(--color-violet-light)}.arr-widget[data-astro-cid-xdxqfarq] .part[data-astro-cid-xdxqfarq][aria-pressed=true] .led[data-astro-cid-xdxqfarq]{background:var(--color-violet)}.arr-widget[data-astro-cid-xdxqfarq] .part[data-astro-cid-xdxqfarq][aria-pressed=false] .led[data-astro-cid-xdxqfarq]{background:var(--color-border)}.arr-widget[data-astro-cid-xdxqfarq] .part[data-astro-cid-xdxqfarq][aria-pressed=false]{opacity:.55}.arr-widget[data-astro-cid-xdxqfarq] .part[data-astro-cid-xdxqfarq]:disabled{cursor:default}.arr-widget[data-astro-cid-xdxqfarq] .part[data-astro-cid-xdxqfarq].hit .led[data-astro-cid-xdxqfarq]{box-shadow:0 0 0 4px #7c3aed40}.arr-widget[data-astro-cid-xdxqfarq] .sec[data-astro-cid-xdxqfarq].on{outline:2px solid var(--color-violet);outline-offset:-1px}