.sing-star-container[data-v-372fc058]{background:linear-gradient(135deg,#0a0a1a,#1a1a3a 25%,#2a2a4a,#1a1a3a 75%,#0a0a2a);border-radius:20px;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.sing-star-container[data-v-372fc058]:before{background:radial-gradient(circle at 20% 30%,rgba(168,85,247,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,215,0,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sing-star-title[data-v-372fc058]{background:linear-gradient(45deg,gold,#a855f7,#00bfff,gold);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;font-size:3rem;font-weight:900;-webkit-text-fill-color:transparent;animation:rainbow-glow-372fc058 3s ease-in-out infinite;letter-spacing:.1em;text-shadow:0 0 30px rgba(255,215,0,.5)}.sing-star-subtitle[data-v-372fc058]{color:#a855f7;font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-shadow:0 0 10px rgba(168,85,247,.5);text-transform:uppercase}.sing-star-status[data-v-372fc058]{border:2px solid;border-radius:25px;font-size:1.1rem;font-weight:700;letter-spacing:.1em;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase}.status-idle[data-v-372fc058]{background:linear-gradient(45deg,#4c1d95,#6366f1);border-color:#6366f1;box-shadow:0 0 20px #6366f180;color:#fff}.status-recording[data-v-372fc058]{animation:pulse-recording-372fc058 1.5s ease-in-out infinite;background:linear-gradient(45deg,#fbbf24,#f59e0b);border-color:#fbbf24;box-shadow:0 0 20px #fbbf2480;color:#fff}.status-playing[data-v-372fc058]{background:linear-gradient(45deg,#10b981,#34d399);border-color:#10b981;box-shadow:0 0 20px #10b98180;color:#fff}.status-finished[data-v-372fc058]{background:linear-gradient(45deg,gold,#ffed4e);border-color:gold;box-shadow:0 0 30px #ffd700cc;color:#1a1a1a}.sing-star-chart-container[data-v-372fc058]{background:linear-gradient(135deg,#0a0a2a,#1a1a3a);border:2px solid #a855f7;border-radius:15px;box-shadow:0 0 30px #a855f74d;margin:2rem 0;padding:1rem;position:relative}.sing-star-label[data-v-372fc058]{color:#a855f7;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-shadow:0 0 10px rgba(168,85,247,.8);text-transform:uppercase}.sing-star-score-display[data-v-372fc058]{text-align:right}.score-line[data-v-372fc058]{font-family:Courier New,monospace;font-size:1rem;font-weight:700}.score-perfect[data-v-372fc058]{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.score-good[data-v-372fc058]{color:#00bfff;margin-left:1rem;text-shadow:0 0 10px rgba(0,191,255,.8)}.score-miss[data-v-372fc058]{color:#ff453a;margin-left:1rem;text-shadow:0 0 10px rgba(255,69,58,.8)}.score-label[data-v-372fc058]{color:#a855f7;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-top:.25rem;text-transform:uppercase}.sing-star-instructions[data-v-372fc058]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1acc;border-radius:15px;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.instructions-content[data-v-372fc058]{color:#fff;max-width:500px;padding:2rem;text-align:center}.instruction-icon[data-v-372fc058]{animation:float-372fc058 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.instruction-title[data-v-372fc058]{color:gold;font-size:2rem;font-weight:900;letter-spacing:.1em;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,215,0,.5);text-transform:uppercase}.instruction-text[data-v-372fc058]{color:#e5e7eb;font-size:1.1rem;line-height:1.6}.sing-star-feedback[data-v-372fc058]{background:linear-gradient(135deg,#1a1a3a,#2a2a4a);border:2px solid #a855f7;border-radius:20px;box-shadow:0 0 30px #a855f733;margin:2rem 0;padding:2rem}.feedback-display[data-v-372fc058]{align-items:center;display:flex;gap:3rem;justify-content:center}.feedback-item[data-v-372fc058]{text-align:center}.feedback-value[data-v-372fc058]{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-transform:uppercase}.note-display[data-v-372fc058]{color:#fff;text-shadow:0 0 15px hsla(0,0%,100%,.8)}.accuracy-perfect[data-v-372fc058]{color:gold;text-shadow:0 0 20px rgba(255,215,0,.8)}.accuracy-good[data-v-372fc058]{color:#00bfff;text-shadow:0 0 20px rgba(0,191,255,.8)}.accuracy-miss[data-v-372fc058]{color:#ff453a;text-shadow:0 0 20px rgba(255,69,58,.8)}.feedback-label[data-v-372fc058]{color:#a855f7;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.feedback-divider[data-v-372fc058]{background:linear-gradient(180deg,transparent,#a855f7,transparent);box-shadow:0 0 10px #a855f780;height:4rem;width:2px}.sing-star-progress[data-v-372fc058]{margin-top:2rem}.progress-track[data-v-372fc058]{background:linear-gradient(90deg,#1a1a3a,#2a2a4a);border:1px solid #a855f7;border-radius:10px;box-shadow:inset 0 0 10px #00000080;height:10px;overflow:hidden;width:100%}.progress-fill[data-v-372fc058]{border-radius:10px;height:100%;position:relative;transition:width .3s ease}.fill-perfect[data-v-372fc058]{background:linear-gradient(90deg,gold,#ffed4e);box-shadow:0 0 15px #ffd700cc}.fill-good[data-v-372fc058]{background:linear-gradient(90deg,#00bfff,#87ceeb);box-shadow:0 0 15px #00bfffcc}.fill-miss[data-v-372fc058]{background:linear-gradient(90deg,#ff453a,#ff6b6b);box-shadow:0 0 15px #ff453acc}.progress-shine[data-v-372fc058]{animation:shine-372fc058 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);height:50%;left:0;position:absolute;right:0;top:0}.progress-markers[data-v-372fc058]{color:#a855f7;display:flex;font-size:.8rem;font-weight:600;justify-content:space-between;margin-top:.5rem}.sing-star-final-score[data-v-372fc058]{background:linear-gradient(135deg,#1a1a3a,#2a2a4a);border:3px solid gold;border-radius:25px;box-shadow:0 0 50px #ffd70080;margin:2rem 0;padding:3rem;text-align:center}.final-score-content[data-v-372fc058]{margin-bottom:2rem}.final-score-value[data-v-372fc058]{background:linear-gradient(45deg,gold,#ffed4e,gold);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:5rem;font-weight:900;-webkit-text-fill-color:transparent;animation:golden-glow-372fc058 2s ease-in-out infinite;margin-bottom:1rem;text-shadow:0 0 30px rgba(255,215,0,.8)}.final-score-text[data-v-372fc058]{color:#fff;font-size:2rem;font-weight:700;letter-spacing:.1em;text-shadow:0 0 20px hsla(0,0%,100%,.5);text-transform:uppercase}.score-breakdown[data-v-372fc058]{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.score-card[data-v-372fc058]{background:linear-gradient(135deg,#2a2a4a,#3a3a5a);border:2px solid;border-radius:15px;padding:1.5rem;text-align:center}.score-card.perfect[data-v-372fc058]{border-color:gold;box-shadow:0 0 20px #ffd7004d}.score-card.good[data-v-372fc058]{border-color:#00bfff;box-shadow:0 0 20px #00bfff4d}.score-card.miss[data-v-372fc058]{border-color:#ff453a;box-shadow:0 0 20px #ff453a4d}.score-number[data-v-372fc058]{font-size:3rem;font-weight:900;margin-bottom:.5rem}.score-card.perfect .score-number[data-v-372fc058]{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8)}.score-card.good .score-number[data-v-372fc058]{color:#00bfff;text-shadow:0 0 15px rgba(0,191,255,.8)}.score-card.miss .score-number[data-v-372fc058]{color:#ff453a;text-shadow:0 0 15px rgba(255,69,58,.8)}.score-type[data-v-372fc058]{color:#e5e7eb;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.performance-breakdown[data-v-372fc058]{margin-top:2rem}.performance-label[data-v-372fc058]{color:#a855f7;font-size:.9rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-align:center;text-transform:uppercase}.performance-bar[data-v-372fc058]{border:2px solid #a855f7;border-radius:10px;box-shadow:0 0 20px #a855f74d;display:flex;height:12px;overflow:hidden;width:100%}.performance-segment[data-v-372fc058]{height:100%;transition:width .5s ease}.perfect-segment[data-v-372fc058]{background:linear-gradient(90deg,gold,#ffed4e)}.good-segment[data-v-372fc058]{background:linear-gradient(90deg,#00bfff,#87ceeb)}.miss-segment[data-v-372fc058]{background:linear-gradient(90deg,#ff453a,#ff6b6b)}.sing-star-controls[data-v-372fc058]{display:flex;justify-content:center;margin:2rem 0}.sing-star-button[data-v-372fc058]{align-items:center;background:linear-gradient(45deg,#a855f7,#8b5cf6);border:2px solid #a855f7;border-radius:20px;box-shadow:0 0 20px #a855f766;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;letter-spacing:.1em;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.sing-star-button[data-v-372fc058]:hover{background:linear-gradient(45deg,#9333ea,#7c3aed);box-shadow:0 5px 30px #a855f799;transform:translateY(-2px)}.sing-star-button[data-v-372fc058]:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-icon[data-v-372fc058]{font-size:1.5rem}.start-button[data-v-372fc058]{background:linear-gradient(45deg,#10b981,#34d399);border-color:#10b981;box-shadow:0 0 20px #10b98166}.start-button[data-v-372fc058]:hover{background:linear-gradient(45deg,#059669,#10b981);box-shadow:0 5px 30px #10b98199}.stop-button[data-v-372fc058]{background:linear-gradient(45deg,#ff453a,#ff6b6b);border-color:#ff453a;box-shadow:0 0 20px #ff453a66}.stop-button[data-v-372fc058]:hover{background:linear-gradient(45deg,#dc2626,#ef4444);box-shadow:0 5px 30px #ff453a99}.restart-button[data-v-372fc058]{background:linear-gradient(45deg,gold,#ffed4e);border-color:gold;box-shadow:0 0 20px #ffd70066;color:#1a1a1a}.restart-button[data-v-372fc058]:hover{background:linear-gradient(45deg,#f59e0b,#fbbf24);box-shadow:0 5px 30px #ffd70099}.sing-star-mic-info[data-v-372fc058]{color:#a855f7;font-size:1rem;font-weight:600;margin-top:1rem;text-align:center;text-shadow:0 0 10px rgba(168,85,247,.5)}canvas[data-v-372fc058]{background:transparent}@keyframes rainbow-glow-372fc058{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes golden-glow-372fc058{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse-recording-372fc058{0%,to{opacity:1}50%{opacity:.7}}@keyframes float-372fc058{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shine-372fc058{0%{transform:translate(-100%)}to{transform:translate(100%)}}