.pm-quiz-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0B0B0B;z-index:9999;display:flex;flex-direction:column;font-family:'Montserrat',sans-serif;overflow:hidden}.pm-quiz-overlay.pm-quiz-hidden{display:none}.pm-quiz-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#1A1A1A;border-bottom:1px solid #2A2A2A;flex-shrink:0}.pm-quiz-close{background:none;border:none;color:gray;font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color 0.2s}.pm-quiz-close:hover{color:#D7BF81}.pm-quiz-progress-bar{flex:1;height:16px;background:#2A2A2A;border-radius:8px;overflow:hidden;position:relative}.pm-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#D7BF81,#E6D4A8);border-radius:8px;transition:width 0.5s cubic-bezier(.4,0,.2,1);position:relative}.pm-quiz-progress-fill::after{content:'';position:absolute;top:2px;left:4px;right:4px;height:4px;background:rgb(255 255 255 / .3);border-radius:2px}.pm-quiz-hearts{display:flex;align-items:center;gap:4px;padding-left:8px}.pm-quiz-heart{font-size:20px;color:#D7BF81;transition:transform 0.3s,opacity 0.3s}.pm-quiz-heart.pm-heart-empty{opacity:.3;filter:grayscale(1)}.pm-quiz-heart.pm-heart-lost{animation:pmHeartLost 0.5s ease}@keyframes pmHeartLost{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(.8);color:#f44}100%{transform:scale(1);opacity:.3}}.pm-quiz-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;overflow-y:auto;max-width:700px;margin:0 auto;width:100%}.pm-quiz-question{text-align:center;margin-bottom:40px;width:100%}.pm-quiz-question-text{font-size:1.8rem;font-weight:700;color:#FFF;line-height:1.4;margin-bottom:16px}.pm-quiz-question-image{max-width:300px;max-height:200px;border-radius:12px;margin:16px auto;display:block}.pm-quiz-audio-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#2A2A2A;border:2px solid #3A3A3A;border-radius:12px;color:#D7BF81;font-size:1rem;cursor:pointer;transition:all 0.2s;margin-bottom:16px}.pm-quiz-audio-btn:hover{background:#3A3A3A;border-color:#D7BF81}.pm-quiz-options{display:grid;gap:12px;width:100%}.pm-quiz-options.pm-options-grid{grid-template-columns:repeat(2,1fr)}.pm-quiz-options.pm-options-list{grid-template-columns:1fr}.pm-quiz-option{background:#1A1A1A;border:2px solid #3A3A3A;border-bottom:4px solid #3A3A3A;border-radius:12px;padding:16px 20px;cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;gap:12px;color:#FFF;font-size:1rem;font-weight:500;text-align:left;position:relative;user-select:none}.pm-quiz-option:hover{background:rgb(215 191 129 / .05);border-color:#D7BF81}.pm-quiz-option:active{border-bottom-width:2px;transform:translateY(2px)}.pm-quiz-option-number{width:32px;height:32px;border-radius:8px;border:2px solid #3A3A3A;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:gray;flex-shrink:0}.pm-quiz-option-text{flex:1}.pm-quiz-option-image{width:60px;height:60px;object-fit:cover;border-radius:8px}.pm-quiz-option.pm-option-selected{background:rgb(215 191 129 / .1);border-color:#D7BF81}.pm-quiz-option.pm-option-selected .pm-quiz-option-number{background:#D7BF81;border-color:#D7BF81;color:#0B0B0B}.pm-quiz-option.pm-option-correct{background:rgb(76 175 80 / .15);border-color:#4CAF50}.pm-quiz-option.pm-option-correct .pm-quiz-option-number{background:#4CAF50;border-color:#4CAF50;color:#FFF}.pm-quiz-option.pm-option-wrong{background:rgb(244 67 54 / .15);border-color:#F44336}.pm-quiz-option.pm-option-wrong .pm-quiz-option-number{background:#F44336;border-color:#F44336;color:#FFF}.pm-quiz-option.pm-option-disabled{pointer-events:none;opacity:.6}.pm-quiz-footer{padding:20px 24px;border-top:1px solid #2A2A2A;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:80px}.pm-quiz-footer-left{display:flex;align-items:center;gap:12px}.pm-quiz-skip-btn{padding:12px 24px;background:#fff0;border:2px solid #3A3A3A;border-radius:12px;color:gray;font-size:.95rem;font-weight:600;cursor:pointer;transition:all 0.2s}.pm-quiz-skip-btn:hover{border-color:gray;color:#CCC}.pm-quiz-check-btn{padding:14px 36px;background:#3A3A3A;border:none;border-bottom:4px solid #2A2A2A;border-radius:12px;color:gray;font-size:1rem;font-weight:700;cursor:not-allowed;transition:all 0.2s;text-transform:uppercase;letter-spacing:.5px}.pm-quiz-check-btn.pm-btn-active{background:#D7BF81;border-bottom-color:#BEA86E;color:#0B0B0B;cursor:pointer}.pm-quiz-check-btn.pm-btn-active:hover{background:#E6D4A8}.pm-quiz-check-btn.pm-btn-active:active{border-bottom-width:2px;transform:translateY(2px)}.pm-quiz-check-btn.pm-btn-correct{background:#4CAF50;border-bottom-color:#388E3C;color:#FFF;cursor:pointer}.pm-quiz-check-btn.pm-btn-wrong{background:#F44336;border-bottom-color:#C62828;color:#FFF;cursor:pointer}.pm-quiz-feedback{display:none;padding:20px 24px;border-top:1px solid;flex-shrink:0}.pm-quiz-feedback.pm-feedback-correct{display:flex;background:rgb(76 175 80 / .1);border-color:#4CAF50}.pm-quiz-feedback.pm-feedback-wrong{display:flex;background:rgb(244 67 54 / .1);border-color:#F44336}.pm-quiz-feedback-icon{font-size:2rem;margin-right:16px;flex-shrink:0}.pm-quiz-feedback-content{flex:1}.pm-quiz-feedback-title{font-size:1.2rem;font-weight:700;margin-bottom:4px}.pm-feedback-correct .pm-quiz-feedback-title{color:#4CAF50}.pm-feedback-wrong .pm-quiz-feedback-title{color:#F44336}.pm-quiz-feedback-explanation{font-size:.9rem;color:#CCC;line-height:1.5}.pm-quiz-complete{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;flex:1}.pm-quiz-complete.pm-quiz-active{display:flex}.pm-quiz-complete-icon{font-size:5rem;margin-bottom:24px;animation:pmBounceIn 0.6s ease}@keyframes pmBounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.pm-quiz-complete-title{font-size:2.5rem;font-weight:800;color:#D7BF81;margin-bottom:12px}.pm-quiz-complete-subtitle{font-size:1.1rem;color:gray;margin-bottom:40px}.pm-quiz-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;width:100%;max-width:500px}.pm-quiz-stat{background:#1A1A1A;border:2px solid #2A2A2A;border-radius:12px;padding:20px;text-align:center}.pm-quiz-stat-value{font-size:2rem;font-weight:800;color:#D7BF81;margin-bottom:4px}.pm-quiz-stat-label{font-size:.8rem;color:gray;text-transform:uppercase;letter-spacing:.5px}.pm-quiz-continue-btn{padding:18px 60px;background:linear-gradient(135deg,#D7BF81,#BEA86E);border:none;border-bottom:4px solid #A89558;border-radius:16px;color:#0B0B0B;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all 0.2s;text-transform:uppercase;letter-spacing:1px}.pm-quiz-continue-btn:hover{background:linear-gradient(135deg,#E6D4A8,#D7BF81);transform:translateY(-2px);box-shadow:0 8px 24px rgb(215 191 129 / .3)}.pm-quiz-continue-btn:active{border-bottom-width:2px;transform:translateY(2px)}.pm-hearts-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);z-index:10001;align-items:center;justify-content:center}.pm-hearts-modal.pm-modal-visible{display:flex}.pm-hearts-modal-card{background:#1A1A1A;border:2px solid #D7BF81;border-radius:20px;padding:40px;text-align:center;max-width:400px;width:90%}.pm-hearts-modal-icon{font-size:4rem;margin-bottom:16px;color:#D7BF81;opacity:.5}.pm-hearts-modal-title{font-size:1.5rem;font-weight:700;color:#D7BF81;margin-bottom:12px}.pm-hearts-modal-text{color:#CCC;margin-bottom:24px;line-height:1.6}.pm-hearts-modal-actions{display:flex;flex-direction:column;gap:12px}.pm-hearts-refill-btn{padding:14px 24px;background:#D7BF81;border:none;border-bottom:4px solid #BEA86E;border-radius:12px;color:#0B0B0B;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.2s}.pm-hearts-refill-btn:hover{background:#E6D4A8}.pm-hearts-quit-btn{padding:12px 24px;background:#fff0;border:2px solid #3A3A3A;border-radius:12px;color:gray;font-weight:600;cursor:pointer;transition:all 0.2s}.pm-hearts-quit-btn:hover{border-color:gray;color:#CCC}.pm-xp-toast{position:fixed;top:80px;right:24px;background:#D7BF81;color:#0B0B0B;padding:12px 24px;border-radius:12px;font-weight:700;font-size:1.1rem;z-index:10002;animation:pmXpSlide 2s ease forwards;pointer-events:none}@keyframes pmXpSlide{0%{transform:translateY(-20px);opacity:0}15%{transform:translateY(0);opacity:1}75%{transform:translateY(0);opacity:1}100%{transform:translateY(-40px);opacity:0}}@media (max-width:600px){.pm-quiz-question-text{font-size:1.3rem}.pm-quiz-options.pm-options-grid{grid-template-columns:1fr}.pm-quiz-body{padding:24px 16px}.pm-quiz-stats-grid{grid-template-columns:1fr;gap:12px}.pm-quiz-complete-title{font-size:1.8rem}.pm-quiz-header{padding:12px 16px}.pm-quiz-footer{padding:16px;flex-direction:column;gap:12px}.pm-quiz-check-btn{width:100%}}.pm-quiz-locked-section{position:relative;border-color:#333!important}.pm-quiz-locked-overlay{display:flex;flex-direction:column;align-items:center}.pm-quiz-locked-icon{margin-bottom:16px;animation:pmLockPulse 2s ease-in-out infinite}@keyframes pmLockPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.pm-quiz-locked-section h3{color:#D7BF81!important}.pm-quiz-locked-section p{color:#999!important;margin-bottom:24px!important}.pm-quiz-locked-options{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:480px;margin-bottom:28px}.pm-quiz-locked-option-fake{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgb(26 26 26 / .6);border:2px solid #2A2A2A;border-radius:12px;pointer-events:none;opacity:.35;filter:blur(1px);user-select:none}.pm-quiz-locked-option-num{width:28px;height:28px;border-radius:8px;border:2px solid #3A3A3A;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#555;flex-shrink:0}.pm-quiz-locked-option-text{font-size:.88rem;color:#555}.pm-quiz-locked-hover-tooltip{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(11 11 11 / .95);border:1.5px solid #D7BF81;border-radius:12px;padding:14px 24px;color:#D7BF81;font-size:.88rem;font-weight:600;white-space:nowrap;z-index:10;align-items:center;gap:8px;box-shadow:0 8px 32px rgb(0 0 0 / .5);pointer-events:none}.pm-quiz-locked-options:hover .pm-quiz-locked-hover-tooltip{display:flex}.pm-quiz-locked-options:hover .pm-quiz-locked-option-fake{opacity:.15}.pm-quiz-locked-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pm-quiz-locked-btns .pm-locked-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:12px;font-weight:700;font-size:.9rem;transition:all 0.2s;cursor:pointer;border:none;font-family:'Montserrat',sans-serif}.pm-quiz-locked-btns .pm-locked-btn-primary{background:linear-gradient(135deg,#D7BF81,#C4A94F);color:#0B0B0B;box-shadow:0 4px 16px rgb(215 191 129 / .2)}.pm-quiz-locked-btns .pm-locked-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgb(215 191 129 / .3)}.pm-quiz-locked-btns .pm-locked-btn-secondary{background:#fff0;border:1.5px solid #444;color:#FFF}.pm-quiz-locked-btns .pm-locked-btn-secondary:hover{border-color:#D7BF81;color:#D7BF81}@media (max-width:600px){.pm-quiz-locked-options{grid-template-columns:1fr}.pm-quiz-locked-hover-tooltip{white-space:normal;text-align:center}}.pm-quiz-staff-visual{width:100%;max-width:360px;margin:0 auto 16px;background:rgb(255 255 255 / .03);border:1px solid rgb(215 191 129 / .15);border-radius:12px;padding:16px 12px}.pm-quiz-staff-visual svg{display:block;width:100%;height:auto}.pm-ear-piano-area{display:flex!important;flex-direction:column;align-items:center;gap:12px}.pm-ear-piano-wrapper{width:100%;max-width:440px;overflow-x:auto;padding:12px;background:rgb(255 255 255 / .03);border:1px solid rgb(215 191 129 / .15);border-radius:12px}.pm-ear-piano-wrapper svg{display:block;margin:0 auto}.pm-ear-piano-key{cursor:pointer;transition:fill 0.15s}.pm-ear-piano-key:hover{opacity:.85}.pm-ear-piano-selected{font-family:'Montserrat',sans-serif;font-size:14px;color:#aaa;text-align:center}.pm-ear-piano-notes{color:#D7BF81;font-weight:600}@media (max-width:480px){.pm-quiz-staff-visual{max-width:100%;padding:10px 6px}.pm-ear-piano-wrapper{max-width:100%;padding:8px}}@media (prefers-reduced-motion:reduce){.pm-quiz-container *,.pm-quiz-option,.pm-quiz-feedback{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important}}