.fifths-on-keyboard-widget[data-v-b177a305]{width:100%}.interaction-hint[data-v-b177a305]{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-b177a305]{opacity:0;visibility:hidden}.dark{color:#cbd5e1eb}.interval-fan-widget[data-v-1c5e0c3a]{width:100%;display:grid;gap:1rem;-webkit-user-select:none;user-select:none;touch-action:manipulation}.content-row[data-v-1c5e0c3a]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.fans-row[data-v-1c5e0c3a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.speed-panel[data-v-1c5e0c3a]{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-content:center;gap:.68rem;min-width:94px}.speed-panel[data-v-1c5e0c3a] .knob{margin-bottom:.58rem}.speed-knob-wrap[data-v-1c5e0c3a]{position:relative;width:72px;height:72px;display:grid;place-items:center;margin-bottom:.2rem;isolation:isolate;border-radius:9999px}.speed-knob-wrap[data-v-1c5e0c3a]:before{content:"";position:absolute;inset:-6px;border-radius:9999px;border:1px solid rgb(255 255 255 / .82);filter:drop-shadow(0 0 4px rgb(255 255 255 / .45));opacity:0;pointer-events:none;transition:opacity .18s ease}.speed-knob-hint[data-v-1c5e0c3a]:before{opacity:.38;animation:speed-knob-hint-pulse-1c5e0c3a 1.8s ease-in-out infinite}.fan-panel[data-v-1c5e0c3a]{display:grid;justify-items:center;gap:.75rem}.fan-stage[data-v-1c5e0c3a]{position:relative;width:min(100%,240px);aspect-ratio:1 / 1}.fan-circle[data-v-1c5e0c3a]{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-1c5e0c3a]{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-1c5e0c3a]{position:absolute;inset:0}.fan-arm[data-v-1c5e0c3a]{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-1c5e0c3a]{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-1c5e0c3a]{font-size:.8rem;color:color-mix(in srgb,var(--fan-color) 58%,rgb(30 41 59) 42%);letter-spacing:.02em}.keyboard-wrap[data-v-1c5e0c3a]{width:100%}.speed-label[data-v-1c5e0c3a]{font-size:.94rem;letter-spacing:.03em;color:#334155;text-transform:uppercase}.speed-panel[data-v-1c5e0c3a] .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-1c5e0c3a]{appearance:none;border:none;background:transparent;padding:0;margin:calc(.72rem + 15px) 0 0;color:#475569;font:inherit;font-size:.91rem;line-height:1.1;cursor:pointer;opacity:.82;display:block;width:100%;text-align:center}.mute-toggle[data-v-1c5e0c3a]:hover{opacity:1}.mute-toggle[data-v-1c5e0c3a]:focus-visible{outline:1px solid rgb(100 116 139 / .7);outline-offset:2px;border-radius:2px}@keyframes speed-knob-hint-pulse-1c5e0c3a{0%{opacity:.24;border-width:.9px}50%{opacity:.68;border-width:1.5px}to{opacity:.24;border-width:.9px}}@media(max-width:640px){.content-row[data-v-1c5e0c3a]{grid-template-columns:1fr;justify-items:center}.fans-row[data-v-1c5e0c3a]{width:100%;gap:.7rem}.speed-panel[data-v-1c5e0c3a]{min-width:auto}.fan-stage[data-v-1c5e0c3a]{width:min(100%,180px)}.fan-label[data-v-1c5e0c3a]{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:#e2e8f0!important}.dark{color:#e2e8f0!important;opacity:1}.dark{color:#f1f5f9!important}.dark{background:transparent!important;border:none!important;box-shadow:none!important;color:#cbd5e1}.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}}