.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 .2s}.pm-quiz-close:hover{color:var(--pm-gold, #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,var(--pm-gold, #D7BF81),var(--pm-gold-bright, #E6D4A8));border-radius:8px;transition:width .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:#ffffff4d;border-radius:2px}.pm-quiz-hearts{display:flex;align-items:center;gap:4px;padding-left:8px}.pm-quiz-heart{font-size:20px;color:var(--pm-gold, #D7BF81);transition:transform .3s,opacity .3s}.pm-quiz-heart.pm-heart-empty{opacity:.3;filter:grayscale(1)}.pm-quiz-heart.pm-heart-lost{animation:pmHeartLost .5s ease}@keyframes pmHeartLost{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(.8);color:#f44}to{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:var(--pm-gold, #D7BF81);font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:16px}.pm-quiz-audio-btn:hover{background:#3a3a3a;border-color:var(--pm-gold, #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{appearance:none;-webkit-appearance:none;font-family:inherit;width:100%;background:#1a1a1a;border:2px solid #3A3A3A;border-bottom:4px solid #3A3A3A;border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .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:#d7bf810d;border-color:var(--pm-gold, #D7BF81)}.pm-quiz-option:focus-visible{outline:2px solid var(--pm-gold, #D7BF81);outline-offset:2px}.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:#d7bf811a;border-color:var(--pm-gold, #D7BF81)}.pm-quiz-option.pm-option-selected .pm-quiz-option-number{background:var(--pm-gold, #D7BF81);border-color:var(--pm-gold, #D7BF81);color:#0b0b0b}.pm-quiz-option.pm-option-correct{background:#4caf5026;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:#f4433626;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:transparent;border:2px solid #3A3A3A;border-radius:12px;color:gray;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .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 .2s;text-transform:uppercase;letter-spacing:.5px}.pm-quiz-check-btn.pm-btn-active{background:var(--pm-gold, #D7BF81);border-bottom-color:var(--pm-gold-dark, #BEA86E);color:#0b0b0b;cursor:pointer}.pm-quiz-check-btn.pm-btn-active:hover{background:var(--pm-gold-bright, #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:#4caf501a;border-color:#4caf50}.pm-quiz-feedback.pm-feedback-wrong{display:flex;background:#f443361a;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 .6s ease}@keyframes pmBounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.pm-quiz-complete-title{font-size:2.5rem;font-weight:800;color:var(--pm-gold, #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:var(--pm-gold, #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,var(--pm-gold, #D7BF81),var(--pm-gold-dark, #BEA86E));border:none;border-bottom:4px solid #A89558;border-radius:16px;color:#0b0b0b;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.pm-quiz-continue-btn:hover{background:linear-gradient(135deg,var(--pm-gold-bright, #E6D4A8),var(--pm-gold, #D7BF81));transform:translateY(-2px);box-shadow:0 8px 24px #d7bf814d}.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:#000c;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 var(--pm-gold, #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:var(--pm-gold, #D7BF81);opacity:.5}.pm-hearts-modal-title{font-size:1.5rem;font-weight:700;color:var(--pm-gold, #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:var(--pm-gold, #D7BF81);border:none;border-bottom:4px solid var(--pm-gold-dark, #BEA86E);border-radius:12px;color:#0b0b0b;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.pm-hearts-refill-btn:hover{background:var(--pm-gold-bright, #E6D4A8)}.pm-hearts-quit-btn{padding:12px 24px;background:transparent;border:2px solid #3A3A3A;border-radius:12px;color:gray;font-weight:600;cursor:pointer;transition:all .2s}.pm-hearts-quit-btn:hover{border-color:gray;color:#ccc}.pm-xp-toast{position:fixed;top:80px;right:24px;background:var(--pm-gold, #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}to{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%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.pm-quiz-locked-section h3{color:var(--pm-gold, #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:#1a1a1a99;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:#0b0b0bf2;border:1.5px solid var(--pm-gold, #D7BF81);border-radius:12px;padding:14px 24px;color:var(--pm-gold, #D7BF81);font-size:.88rem;font-weight:600;white-space:nowrap;z-index:10;align-items:center;gap:8px;box-shadow:0 8px 32px #00000080;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 .2s;cursor:pointer;border:none;font-family:Montserrat,sans-serif}.pm-quiz-locked-btns .pm-locked-btn-primary{background:linear-gradient(135deg,var(--pm-gold, #D7BF81),#C4A94F);color:#0b0b0b;box-shadow:0 4px 16px #d7bf8133}.pm-quiz-locked-btns .pm-locked-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d7bf814d}.pm-quiz-locked-btns .pm-locked-btn-secondary{background:transparent;border:1.5px solid #444;color:#fff}.pm-quiz-locked-btns .pm-locked-btn-secondary:hover{border-color:var(--pm-gold, #D7BF81);color:var(--pm-gold, #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:#ffffff08;border:1px solid rgba(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:#ffffff08;border:1px solid rgba(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 .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:var(--pm-gold, #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:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}