.fifths-on-keyboard-widget[data-v-5b15f8c7]{width:100%}.interaction-hint[data-v-5b15f8c7]{margin-top:.5rem;text-align:center;color:#64748b;font-size:.82rem;font-weight:500;letter-spacing:.01em;transition:opacity .14s ease}.interaction-hint.is-hidden[data-v-5b15f8c7]{opacity:0;visibility:hidden}.dark{color:#cbd5e1eb}.interval-fan-widget[data-v-241bad5a]{width:100%;display:grid;gap:1rem;-webkit-user-select:none;user-select:none;touch-action:manipulation}.content-row[data-v-241bad5a]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.fans-row[data-v-241bad5a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.speed-panel[data-v-241bad5a]{display:grid;justify-items:center;align-content:center;gap:.45rem;min-width:94px}.fan-panel[data-v-241bad5a]{display:grid;justify-items:center;gap:.75rem}.fan-stage[data-v-241bad5a]{position:relative;width:min(100%,240px);aspect-ratio:1 / 1}.fan-circle[data-v-241bad5a]{position:absolute;inset:0;border:2px solid color-mix(in srgb,var(--fan-color) 72%,black 28%);border-radius:9999px;background:color-mix(in srgb,var(--fan-color) 6%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--fan-color) 22%,transparent)}.fan-hit-line[data-v-241bad5a]{position:absolute;left:50%;top:50%;width:2px;height:46%;transform:translate(-50%);transform-origin:50% 0%;border-radius:999px;background:#ef4444d9;box-shadow:0 0 6px #ef444466;pointer-events:none}.fan-arm-wrap[data-v-241bad5a]{position:absolute;inset:0}.fan-arm[data-v-241bad5a]{position:absolute;left:50%;top:50%;width:3px;height:46%;transform:translate(-50%);transform-origin:50% 0%;border-radius:999px;background:var(--fan-color)}.fan-hub[data-v-241bad5a]{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:9999px;background:var(--fan-color)}.fan-label[data-v-241bad5a]{font-size:.8rem;color:color-mix(in srgb,var(--fan-color) 58%,rgb(30 41 59) 42%);letter-spacing:.02em}.keyboard-wrap[data-v-241bad5a]{width:100%}.speed-label[data-v-241bad5a]{font-size:.78rem;letter-spacing:.03em;color:#334155;text-transform:uppercase}.speed-panel[data-v-241bad5a] .knob-value{background:transparent!important;border:none!important;box-shadow:none!important;padding:0;border-radius:0;font-family:inherit;letter-spacing:normal;color:#334155}.mute-toggle[data-v-241bad5a]{appearance:none;border:none;background:transparent;padding:0;margin:0;color:#475569;font:inherit;font-size:.76rem;line-height:1.1;cursor:pointer;opacity:.82}.mute-toggle[data-v-241bad5a]:hover{opacity:1}.mute-toggle[data-v-241bad5a]:focus-visible{outline:1px solid rgb(100 116 139 / .7);outline-offset:2px;border-radius:2px}@media(max-width:640px){.content-row[data-v-241bad5a]{grid-template-columns:1fr;justify-items:center}.fans-row[data-v-241bad5a]{width:100%;gap:.7rem}.speed-panel[data-v-241bad5a]{min-width:auto}.fan-stage[data-v-241bad5a]{width:min(100%,180px)}.fan-label[data-v-241bad5a]{font-size:.74rem}}.dark{border-color:color-mix(in srgb,var(--fan-color) 84%,white 16%);background:color-mix(in srgb,var(--fan-color) 12%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--fan-color) 44%,transparent)}.dark{background:color-mix(in srgb,var(--fan-color) 86%,white 14%);box-shadow:0 0 8px color-mix(in srgb,var(--fan-color) 50%,transparent)}.dark{background:#f87171f5;box-shadow:0 0 8px #f871718c}.dark{color:color-mix(in srgb,var(--fan-color) 76%,rgb(226 232 240) 24%)}.dark{color:#cbd5e1}.dark{background:transparent!important;border:none!important;box-shadow:none!important;color:#cbd5e1}.dark{color:#94a3b8}.melodic-harmonic-widget[data-v-ad207116]{width:100%;margin:0 auto;padding:0}.columns[data-v-ad207116]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.interval-column[data-v-ad207116]{width:100%;min-height:250px;background:transparent;color:inherit;cursor:pointer;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:background-color .15s ease}.interval-column[data-v-ad207116]:hover,.interval-column[data-v-ad207116]:focus-visible{background:#94a3b817;outline:none}.column-tag[data-v-ad207116]{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#475569f2}.melodic-harmonic-widget.is-dark .column-tag[data-v-ad207116]{color:#cbd5e1e6}.notes-stage[data-v-ad207116]{width:100%;flex:1;display:grid;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;padding:16px 0}.note-circle[data-v-ad207116]{width:clamp(29px,4vw,36px);aspect-ratio:1;border-radius:999px;display:grid;place-items:center;font-size:clamp(.56rem,1vw,.66rem);font-weight:700;letter-spacing:.02em;transform:translate(var(--note-offset, 0px)) scale(1);transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .18s ease}.note-circle.is-playing[data-v-ad207116]{transform:translate(var(--note-offset, 0px)) scale(1.18)}.note-g[data-v-ad207116]{grid-row:1}.note-c[data-v-ad207116]{grid-row:2}@media(max-width:760px){.columns[data-v-ad207116]{gap:8px}.interval-column[data-v-ad207116]{min-height:220px;padding:10px 8px}}.orchestra-strings-widget[data-v-0e5a5c21]{width:100%;user-select:none;-webkit-user-select:none;touch-action:manipulation}.instrument-grid[data-v-0e5a5c21]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.instrument-column[data-v-0e5a5c21]{min-width:0;display:flex;flex-direction:column;gap:8px}.instrument-label[data-v-0e5a5c21]{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#475569f2;text-align:center}.strings-stack[data-v-0e5a5c21]{display:flex;flex-direction:column;gap:7px}.string-row[data-v-0e5a5c21]{width:100%;min-height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 10px;cursor:pointer}.string-row[data-v-0e5a5c21]:focus-visible{outline:none}.string-line[data-v-0e5a5c21]{width:100%;height:2px;background:linear-gradient(90deg,#94a3b873,#64748bf2,#94a3b873);border-radius:999px}.string-line-left[data-v-0e5a5c21],.string-line-right[data-v-0e5a5c21]{justify-self:stretch}.string-note[data-v-0e5a5c21]{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#475569f2}.string-row.is-active .string-line[data-v-0e5a5c21]{background:linear-gradient(90deg,#06b6d466,#0891b2fa,#06b6d466)}.string-row.is-active .string-note[data-v-0e5a5c21]{color:#0891b2fa}@media(max-width:760px){.instrument-grid[data-v-0e5a5c21]{gap:8px}.instrument-label[data-v-0e5a5c21]{font-size:.66rem;letter-spacing:.05em}.string-row[data-v-0e5a5c21]{min-height:42px;padding:7px 8px}.string-note[data-v-0e5a5c21]{font-size:.66rem}}