@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-c05f811a],[data-v-c05f811a]::backdrop,[data-v-c05f811a]:after,[data-v-c05f811a]:before{--tw-duration:initial;--tw-font-weight:initial}}}.audio-player[data-v-c05f811a]{align-items:center;background:var(--piano-bg-card,var(--piano-bg-secondary));border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*3);display:flex;gap:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4)}.audio-player.unavailable[data-v-c05f811a]{opacity:.6}.play-btn[data-v-c05f811a]{height:calc(var(--spacing,.25rem)*10);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)*10);--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}.play-btn[data-v-c05f811a]:hover:not(.disabled){background:var(--piano-gold-light);transform:scale(1.05)}.play-btn.disabled[data-v-c05f811a]{cursor:not-allowed;opacity:.4}.play-icon[data-v-c05f811a]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.player-center[data-v-c05f811a]{flex:1;flex-direction:column;gap:calc(var(--spacing,.25rem)*1.5)}.player-center[data-v-c05f811a],.player-info[data-v-c05f811a]{display:flex;min-width:calc(var(--spacing,.25rem)*0)}.player-info[data-v-c05f811a]{align-items:baseline;gap:calc(var(--spacing,.25rem)*2)}.player-title[data-v-c05f811a]{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}.unavailable-text[data-v-c05f811a]{color:var(--piano-text-secondary);font-style:italic}.player-composer[data-v-c05f811a]{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))}.progress-bar[data-v-c05f811a]{background:var(--piano-border);border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*1);overflow:hidden;width:100%}.progress-bar.clickable[data-v-c05f811a]{cursor:pointer}.progress-fill[data-v-c05f811a]{background:var(--piano-gold);border-radius:3.40282e+38px;height:100%;transition:width .1s linear}.player-time[data-v-c05f811a]{color:var(--piano-text-secondary);flex-shrink:0;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.audio-compact[data-v-c05f811a]{border-radius:calc(var(--ui-radius)*2);gap:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*2)}.audio-compact .play-btn[data-v-c05f811a]{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7)}.audio-compact .play-icon[data-v-c05f811a]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.audio-compact .player-title[data-v-c05f811a]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.audio-compact .player-composer[data-v-c05f811a],.audio-compact .player-time[data-v-c05f811a]{font-size:10px}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}