.piano-wrapper[data-v-ee5b18cc]{display:flex;gap:2rem;width:100%;max-width:1300px;margin:0 auto;padding:2rem}.song-library[data-v-ee5b18cc]{flex:0 0 300px;background:var(--bg-surface);border-radius:2rem;border:1px solid var(--glass-border-base);padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;height:600px}.library-header[data-v-ee5b18cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.library-header h3[data-v-ee5b18cc]{font-size:1.1rem;color:var(--text-primary);margin:0}.sync-status[data-v-ee5b18cc]{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted);background:#ffffff0d;padding:.2rem .6rem;border-radius:1rem;border:1px solid var(--glass-border-base)}.status-dot[data-v-ee5b18cc]{width:6px;height:6px;border-radius:50%;background:#4caf50;box-shadow:0 0 5px #4caf50}.syncing .status-dot[data-v-ee5b18cc]{background:var(--c-imperial-gold);box-shadow:0 0 5px var(--c-imperial-gold);animation:pulse-ee5b18cc 1.5s infinite}@keyframes pulse-ee5b18cc{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.stop-btn[data-v-ee5b18cc]{background:var(--c-cinnabar-red);color:#fff;border:none;padding:.4rem .8rem;border-radius:.5rem;font-size:.75rem;cursor:pointer;transition:all .3s}.stop-btn[data-v-ee5b18cc]:hover{opacity:.8}.resume-btn[data-v-ee5b18cc]{background:var(--c-jade-green);color:#fff;border:none;padding:.4rem .8rem;border-radius:.5rem;font-size:.75rem;cursor:pointer;transition:all .3s;animation:pulse-green-ee5b18cc 2s infinite}@keyframes pulse-green-ee5b18cc{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.song-list[data-v-ee5b18cc]{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.song-card[data-v-ee5b18cc]{background:#ffffff08;border:1px solid var(--glass-border-base);border-radius:1rem;padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.song-card[data-v-ee5b18cc]:hover{background:#ffffff14;transform:translate(5px);border-color:var(--c-imperial-gold-dim)}.song-card.active[data-v-ee5b18cc]{background:#fbc02d1a;border-color:var(--c-imperial-gold)}.song-info[data-v-ee5b18cc]{display:flex;flex-direction:column}.song-title[data-v-ee5b18cc]{font-size:1rem;font-weight:600;color:var(--text-primary)}.song-subtitle[data-v-ee5b18cc]{font-size:.75rem;color:var(--text-muted)}.play-indicator[data-v-ee5b18cc]{color:var(--c-imperial-gold)}.playing-bars[data-v-ee5b18cc]{display:flex;align-items:flex-end;gap:2px;height:16px}.playing-bars i[data-v-ee5b18cc]{width:3px;background:var(--c-imperial-gold);border-radius:1px;animation:barBounce-ee5b18cc .8s ease-in-out infinite}.playing-bars i[data-v-ee5b18cc]:nth-child(2){animation-delay:.2s}.playing-bars i[data-v-ee5b18cc]:nth-child(3){animation-delay:.4s}@keyframes barBounce-ee5b18cc{0%,to{height:4px}50%{height:16px}}.piano-container[data-v-ee5b18cc]{flex:1;padding:2rem;background:var(--bg-surface);border-radius:2rem;border:1px solid var(--glass-border-base);box-shadow:0 20px 50px #00000080;outline:none;color:var(--text-primary);user-select:none}.piano-header[data-v-ee5b18cc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.piano-title h2[data-v-ee5b18cc]{font-size:1.8rem;font-weight:800;color:var(--c-imperial-gold);margin:0}.piano-subtitle[data-v-ee5b18cc]{font-size:.9rem;color:var(--text-muted);letter-spacing:.1em}.piano-controls[data-v-ee5b18cc]{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.control-group[data-v-ee5b18cc]{display:flex;flex-direction:column;gap:.5rem}.control-group label[data-v-ee5b18cc]{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.premium-select[data-v-ee5b18cc]{background:#ffffff0d;border:1px solid var(--glass-border-base);color:var(--text-primary);padding:.4rem .8rem;border-radius:.5rem;font-size:.85rem;outline:none;cursor:pointer;transition:all .3s}.premium-select[data-v-ee5b18cc]:hover{background:#ffffff1a;border-color:var(--c-imperial-gold-dim)}input[type=range][data-v-ee5b18cc]{-webkit-appearance:none;width:80px;background:transparent}input[type=range][data-v-ee5b18cc]::-webkit-slider-runnable-track{width:100%;height:4px;background:#ffffff1a;border-radius:2px}input[type=range][data-v-ee5b18cc]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:var(--c-imperial-gold);cursor:pointer;margin-top:-5px;box-shadow:0 0 10px #fbc02d66}.octave-stepper[data-v-ee5b18cc]{display:flex;align-items:center;background:#ffffff0d;border-radius:.5rem;padding:.2rem}.octave-stepper button[data-v-ee5b18cc]{background:transparent;border:none;color:var(--text-primary);padding:.3rem .8rem;cursor:pointer;transition:all .2s}.octave-stepper button[data-v-ee5b18cc]:hover:not(:disabled){background:#ffffff1a}.octave-stepper button[data-v-ee5b18cc]:disabled{opacity:.3;cursor:not-allowed}.octave-stepper span[data-v-ee5b18cc]{min-width:30px;text-align:center;font-weight:700;font-family:monospace}.toggle-group[data-v-ee5b18cc]{display:flex;background:#ffffff0d;border-radius:.5rem;padding:.2rem}.toggle-group button[data-v-ee5b18cc]{background:transparent;border:none;color:var(--text-muted);padding:.3rem .8rem;font-size:.8rem;cursor:pointer;border-radius:.3rem;transition:all .3s}.toggle-group button.active[data-v-ee5b18cc]{background:var(--c-imperial-gold);color:#000;font-weight:600}.piano-keyboard-wrapper[data-v-ee5b18cc]{background:#000;padding:.5rem;border-radius:.8rem;position:relative;overflow-x:auto}.piano-keyboard[data-v-ee5b18cc]{display:flex;height:250px;position:relative}.piano-key[data-v-ee5b18cc]{position:relative;flex:1;min-width:40px;cursor:pointer;transition:background .1s,transform .05s}.piano-key.white[data-v-ee5b18cc]{background:linear-gradient(to bottom,#eee,#fff);border:1px solid #ccc;border-radius:0 0 5px 5px;z-index:1}.piano-key.white[data-v-ee5b18cc]:hover{background:#f0f0f0}.piano-key.white.active[data-v-ee5b18cc]{background:linear-gradient(to bottom,#fff 0%,var(--c-imperial-gold) 100%);transform:translateY(4px);box-shadow:0 2px 2px #0000001a}.piano-key.white.pulse[data-v-ee5b18cc]{animation:keyPulseWhite-ee5b18cc .15s ease-out}@keyframes keyPulseWhite-ee5b18cc{0%{background:var(--c-imperial-gold);transform:translateY(4px) scale(.98)}to{background:linear-gradient(to bottom,#fff 0%,var(--c-imperial-gold) 100%);transform:translateY(4px) scale(1)}}.piano-key.black[data-v-ee5b18cc]{background:linear-gradient(to bottom,#333,#000);border:1px solid #000;border-radius:0 0 3px 3px;height:60%;width:28px;margin-left:-14px;margin-right:-14px;z-index:2}.piano-key.black[data-v-ee5b18cc]:hover{background:#222}.piano-key.black.active[data-v-ee5b18cc]{background:linear-gradient(to bottom,#000,#d32f2f);transform:translateY(2px)}.piano-key.black.pulse[data-v-ee5b18cc]{animation:keyPulseBlack-ee5b18cc .15s ease-out}@keyframes keyPulseBlack-ee5b18cc{0%{background:#ff5252;transform:translateY(2px) scale(.95)}to{background:linear-gradient(to bottom,#000,#d32f2f);transform:translateY(2px) scale(1)}}.key-label[data-v-ee5b18cc]{position:absolute;bottom:10px;left:0;right:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.white .note-name[data-v-ee5b18cc]{color:#888;font-size:.75rem;font-weight:600}.white .shortcut[data-v-ee5b18cc]{color:#bbb;font-size:.7rem;font-weight:400}.black .note-name[data-v-ee5b18cc]{color:#555;font-size:.65rem}.black .shortcut[data-v-ee5b18cc]{color:#777;font-size:.6rem}.piano-footer[data-v-ee5b18cc]{margin-top:2rem;text-align:center;color:var(--text-muted);font-size:.85rem;display:flex;flex-direction:column;gap:.5rem}.premium-badge[data-v-ee5b18cc]{color:var(--c-imperial-gold);font-weight:700;background:#fbc02d1a;padding:.2rem .6rem;border-radius:2rem;font-size:.8rem;border:1px solid var(--c-imperial-gold-dim)}.piano-footer span[data-v-ee5b18cc]{color:var(--text-primary);font-family:monospace;padding:0 .3rem;font-weight:600}@media(max-width:1024px){.piano-wrapper[data-v-ee5b18cc]{flex-direction:column;padding:1rem;gap:1.5rem}.song-library[data-v-ee5b18cc]{flex:none;width:100%;height:auto;max-height:250px;padding:1.2rem;border-radius:1.5rem}.piano-container[data-v-ee5b18cc]{padding:1.2rem;border-radius:1.5rem}.piano-header[data-v-ee5b18cc]{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.piano-title h2[data-v-ee5b18cc]{font-size:1.4rem}.piano-controls[data-v-ee5b18cc]{width:100%;gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.control-group[data-v-ee5b18cc]{width:100%}.premium-select[data-v-ee5b18cc],.octave-stepper[data-v-ee5b18cc],.toggle-group[data-v-ee5b18cc]{width:100%;justify-content:space-between}input[type=range][data-v-ee5b18cc]{width:100%}}@media(max-width:640px){.piano-keyboard[data-v-ee5b18cc]{height:200px}.piano-key[data-v-ee5b18cc]{min-width:35px}.piano-key.black[data-v-ee5b18cc]{width:24px;margin-left:-12px;margin-right:-12px}.key-label .shortcut[data-v-ee5b18cc]{display:none}.piano-footer[data-v-ee5b18cc]{font-size:.75rem;margin-top:1.5rem}}.music-page-container[data-astro-cid-klhljcvd]{flex:1;padding-top:120px;padding-bottom:80px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-header[data-astro-cid-klhljcvd]{text-align:center;max-width:800px;margin-bottom:4rem;padding:0 2rem}.page-header[data-astro-cid-klhljcvd] h1[data-astro-cid-klhljcvd]{font-size:3.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,var(--c-imperial-gold),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-header[data-astro-cid-klhljcvd] p[data-astro-cid-klhljcvd]{font-size:1.2rem;color:var(--text-secondary);line-height:1.6}.bg-glow[data-astro-cid-klhljcvd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;background:radial-gradient(circle,rgba(251,192,45,.05) 0%,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none}.piano-section[data-astro-cid-klhljcvd]{width:100%;max-width:1400px;padding:0 2rem;opacity:0;animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .5s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.music-page-container[data-astro-cid-klhljcvd]{padding-top:100px;padding-bottom:40px}.page-header[data-astro-cid-klhljcvd]{margin-bottom:2rem;padding:0 1.5rem}.page-header[data-astro-cid-klhljcvd] h1[data-astro-cid-klhljcvd]{font-size:2.2rem}.page-header[data-astro-cid-klhljcvd] p[data-astro-cid-klhljcvd]{font-size:1rem}.piano-section[data-astro-cid-klhljcvd]{padding:0 1rem}}