.ks-slot{cursor:pointer;outline:none}.ks-slot rect{fill:#b9362e;fill-opacity:.05;stroke:#b9362e;stroke-width:2px;stroke-dasharray:7 6;animation:1.8s ease-in-out infinite ks-breathe}:is(.ks-slot:hover rect,.ks-slot:focus-visible rect){fill-opacity:.12}@keyframes ks-breathe{50%{fill-opacity:.13;stroke-opacity:.55}}.ks-fly{fill:#b9362e;pointer-events:none;animation:.7s cubic-bezier(.5,0,.3,1) both ks-fly}@keyframes ks-fly{0%{opacity:1;transform:none}80%{opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.ks-once .engraved-row__key.is-dropping{animation-delay:.6s}.ks-ring{fill:none;stroke:#b9362e;stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none;animation:.9s ease-out both ks-ring}@keyframes ks-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.ks-order{font:600 22px var(--font,sans-serif);gap:10px;display:inline-flex}.ks-order b{color:#c4bfb5;border-radius:8px;place-items:center;width:28px;height:32px;font-weight:600;display:inline-grid}.ks-order b.is-in{color:#292a33;background:0 0}.ks-order b.is-new{animation:.5s cubic-bezier(.3,1.6,.5,1) .3s both ks-pop}@keyframes ks-pop{0%{color:#c4bfb5;transform:scale(.4)}to{transform:none}}.acc-scene .engraved-row.ks-ask{height:calc(var(--scene-h) - 40px)}.ks-sign-letter{fill:#678956;font:700 22px var(--font,sans-serif);text-anchor:middle;animation:.35s both engraved-appear}.ks-ring.is-sign{stroke:#678956}.lesson-shell .ks-letters{gap:4px}.lesson-shell .ks-letters button{min-width:40px;padding:8px}.lesson-shell.key-sig-lesson .lesson-bubble:has(.ks-letters) .lesson-actions{gap:6px}.lesson-shell.key-sig-lesson .lesson-bubble:has(.ks-letters) .measures-secondary{padding:8px 14px}.ks-sign-icon{fill:currentColor;width:16px;height:28px;display:block}.lesson-shell .ks-signs button{place-items:center;min-width:64px;display:grid}@media (prefers-reduced-motion:reduce){.ks-slot rect,.ks-order b.is-new,.ks-sign-letter{animation:none}.ks-fly,.ks-ring{opacity:0;animation:none}}