@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-34cdd98a],[data-v-34cdd98a]::backdrop,[data-v-34cdd98a]:after,[data-v-34cdd98a]:before{--tw-duration:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.melody-player[data-v-34cdd98a]{border-radius:calc(var(--ui-radius)*4);gap:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*5);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.5s;background:var(--piano-bg-secondary);border:1px solid var(--piano-border);display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s}.melody-player.playing[data-v-34cdd98a]{border-color:#c6a75e4d;box-shadow:0 0 20px #c6a75e26,0 0 40px #c6a75e0d}.player-header[data-v-34cdd98a]{align-items:center;display:flex;gap:calc(var(--spacing,.25rem)*2)}.header-icon[data-v-34cdd98a]{color:var(--piano-gold);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.header-label[data-v-34cdd98a]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);--tw-tracking:var(--tracking-wide,.025em);color:var(--piano-gold);letter-spacing:var(--tracking-wide,.025em);text-transform:uppercase}.melody-selector[data-v-34cdd98a]{display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*1.5);max-height:calc(var(--spacing,.25rem)*48);overflow-y:auto;padding-right:calc(var(--spacing,.25rem)*1);scrollbar-color:var(--piano-border)transparent;scrollbar-width:thin}.melody-option[data-v-34cdd98a]{align-items:center;border-radius:calc(var(--ui-radius)*2);gap:calc(var(--spacing,.25rem)*2);justify-content:space-between;padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);text-align:left;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;background:0 0;border:1px solid #0000;color:var(--piano-text-secondary);cursor:pointer;display:flex;transition-duration:.2s}.melody-option[data-v-34cdd98a]:hover{background:#c6a75e0d;border-color:#c6a75e26}.melody-option.active[data-v-34cdd98a]{background:#c6a75e1a;border-color:#c6a75e4d;color:var(--piano-text-primary)}.melody-option.playing[data-v-34cdd98a]{border-color:var(--piano-gold)}.melody-option-title[data-v-34cdd98a]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);overflow:hidden}.melody-option-composer[data-v-34cdd98a]{color:var(--piano-text-secondary);flex-shrink:0;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.melody-info[data-v-34cdd98a]{display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*1)}.melody-title[data-v-34cdd98a]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-semibold,600);color:var(--piano-text-primary);font-weight:var(--font-weight-semibold,600)}.melody-composer[data-v-34cdd98a]{color:var(--piano-gold);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.melody-description[data-v-34cdd98a]{color:var(--piano-text-secondary);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));margin-top:calc(var(--spacing,.25rem)*1)}.note-sequencer[data-v-34cdd98a]{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.25rem)*.5);padding-block:calc(var(--spacing,.25rem)*1)}.note-dot[data-v-34cdd98a]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.15s;background:var(--piano-border);border-radius:3.40282e+38px;height:6px;transition-duration:.15s;width:6px}.note-dot.played[data-v-34cdd98a]{background:#c6a75e66}.note-dot.active[data-v-34cdd98a]{background:var(--piano-gold);box-shadow:0 0 6px #c6a75e99;transform:scale(1.4)}.progress-container[data-v-34cdd98a]{width:100%}.progress-track[data-v-34cdd98a]{background:var(--piano-border);border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*1);overflow:hidden;width:100%}.progress-bar-fill[data-v-34cdd98a]{background:var(--piano-gold);border-radius:3.40282e+38px;height:100%;transition:width .15s linear}.player-controls[data-v-34cdd98a]{gap:calc(var(--spacing,.25rem)*3)}.control-btn[data-v-34cdd98a],.player-controls[data-v-34cdd98a]{align-items:center;display:flex;justify-content:center}.control-btn[data-v-34cdd98a]{transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.2s;border:none;border-radius:3.40282e+38px;cursor:pointer;transition-duration:.2s}.play-btn[data-v-34cdd98a]{background:var(--piano-gold);color:#0b0b0b;height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12)}.play-btn[data-v-34cdd98a]:hover{background:var(--piano-gold-light);transform:scale(1.05)}.play-btn.bounce[data-v-34cdd98a]{animation:bounce-subtle-34cdd98a 2s ease-in-out infinite}.stop-btn[data-v-34cdd98a]{background:var(--piano-border);color:var(--piano-text-secondary);height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*9)}.stop-btn[data-v-34cdd98a]:hover{background:#c6a75e33;color:var(--piano-text-primary)}.control-icon[data-v-34cdd98a]{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}.control-icon-sm[data-v-34cdd98a]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}@keyframes bounce-subtle-34cdd98a{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.melody-compact[data-v-34cdd98a]{align-items:center;border-radius:calc(var(--ui-radius)*3);gap:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));--tw-duration:.5s;background:var(--piano-bg-secondary);border:1px solid var(--piano-border);display:flex;transition-duration:.5s}.melody-compact.playing[data-v-34cdd98a]{border-color:#c6a75e4d;box-shadow:0 0 12px #c6a75e1a}.compact-play-btn[data-v-34cdd98a]{height:calc(var(--spacing,.25rem)*9);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:calc(var(--spacing,.25rem)*9);--tw-duration:.2s;align-items:center;background:var(--piano-gold);border:none;border-radius:3.40282e+38px;color:#0b0b0b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition-duration:.2s}.compact-play-btn[data-v-34cdd98a]:hover{background:var(--piano-gold-light);transform:scale(1.05)}.compact-play-icon[data-v-34cdd98a]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.compact-info[data-v-34cdd98a]{align-items:baseline;display:flex;flex:1;gap:calc(var(--spacing,.25rem)*2);min-width:calc(var(--spacing,.25rem)*0)}.compact-title[data-v-34cdd98a]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-medium,500);color:var(--piano-text-primary);font-weight:var(--font-weight-medium,500);overflow:hidden}.compact-composer[data-v-34cdd98a]{color:var(--piano-text-secondary);flex-shrink:0;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.compact-progress-bar[data-v-34cdd98a]{background:var(--piano-border);border-radius:3.40282e+38px;flex-shrink:0;height:calc(var(--spacing,.25rem)*1);overflow:hidden;width:calc(var(--spacing,.25rem)*20)}.compact-progress-fill[data-v-34cdd98a]{background:var(--piano-gold);border-radius:3.40282e+38px;height:100%;transition:width .15s linear}.compact-stop-btn[data-v-34cdd98a]{height:calc(var(--spacing,.25rem)*7);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));width:calc(var(--spacing,.25rem)*7);--tw-duration:.2s;align-items:center;background:var(--piano-border);border:none;border-radius:3.40282e+38px;color:var(--piano-text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;transition-duration:.2s}.compact-stop-btn[data-v-34cdd98a]:hover{background:#c6a75e33;color:var(--piano-text-primary)}.compact-stop-icon[data-v-34cdd98a]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}