@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&display=swap";.mnq-quiz-fit-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;overflow:visible}.mnq-quiz{--mnq-paper:#ececec;--mnq-paper-line:#dcdcdc;--mnq-ink:#222222;--mnq-ink-soft:#5a5a5a;--mnq-burgundy:#4073a2;--mnq-burgundy-dark:#2f5578;--mnq-gold:#ad9337;--mnq-green:#3f7d53;--mnq-green-bg:#e6f0e7;--mnq-terracotta:#c1502e;--mnq-terracotta-bg:#f7e7e0;--mnq-piano-ink:#201e27;box-sizing:border-box;position:relative;transition:transform .18s ease;width:100%;max-width:460px;margin:1.25rem auto;background:var(--mnq-paper);border:1px solid var(--mnq-paper-line);border-radius:10px;box-shadow:0 1px 3px rgb(34 34 34 / .08);padding:1.1rem 1rem 1.35rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--mnq-ink);-webkit-font-smoothing:antialiased}.mnq-quiz *,.mnq-quiz *:before,.mnq-quiz *:after{box-sizing:border-box}.mnq-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.1rem;flex-wrap:wrap}.mnq-top-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}.mnq-title{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;text-align:center;margin:0 0 1.1rem}.mnq-title-text{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600;font-size:1.6rem;letter-spacing:.015em;color:var(--mnq-burgundy-dark);text-shadow:0 1px 0 rgb(255 255 255 / .5)}.mnq-title-clef{font-size:2rem;font-weight:400;line-height:1;color:var(--mnq-gold)}.mnq-title-logo-img{display:block;height:auto;width:auto;max-width:min(90%,420px);max-height:70px;margin:0 auto}.mnq-score{font-family:Fraunces,Georgia,serif;font-size:1.35rem;color:var(--mnq-ink-soft);white-space:nowrap;margin:0}.mnq-score strong{color:var(--mnq-ink);font-weight:600}.mnq-stats{display:flex;align-items:center;gap:.9rem}.mnq-time{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:600;color:var(--mnq-burgundy);white-space:nowrap;margin:0;visibility:hidden;min-width:0}.mnq-time.is-visible{visibility:visible}.mnq-time.is-low{color:var(--mnq-terracotta)}.mnq-streak{font-family:Fraunces,Georgia,serif;font-size:.85rem;font-weight:700;color:var(--mnq-terracotta);white-space:nowrap;margin:0;opacity:0;transform:scale(.9);transition:opacity .15s ease,transform .15s ease}.mnq-streak.is-visible{opacity:1;transform:scale(1)}.mnq-settings{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--mnq-paper-line)}.mnq-clef-group{display:inline-flex;border:1px solid var(--mnq-gold);border-radius:5px;overflow:hidden}.mnq-clef-btn{appearance:none;border:none;background:#fff0;color:var(--mnq-burgundy-dark);font-family:inherit;font-size:.95rem;font-weight:600;padding:.7rem 1rem;min-height:44px;cursor:pointer;transition:background .15s ease,color .15s ease}.mnq-clef-btn+.mnq-clef-btn{border-left:1px solid var(--mnq-gold)}.mnq-toggle-group{border:none;border-radius:0;overflow:visible;flex-wrap:wrap;gap:.5rem}.mnq-toggle-group .mnq-clef-btn{border:1px solid var(--mnq-gold);border-radius:5px}.mnq-clef-btn[aria-pressed=true]{background:var(--mnq-burgundy);color:#fff}.mnq-clef-btn-symbol{font-size:1.5rem;line-height:1;font-weight:400;padding-top:.35rem;padding-bottom:.35rem}.mnq-accidentals-btn{display:inline-flex;align-items:center;justify-content:center;gap:.15rem}.mnq-btn-note-icon{display:block;height:22px;width:auto}.mnq-timer-dropdown{position:relative}.mnq-timer-dropdown-btn{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.mnq-timer-dropdown-panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:20;display:flex;flex-direction:column;gap:.15rem;width:100%;min-width:150px;background:#fff;border:1px solid var(--mnq-gold);border-radius:8px;box-shadow:0 4px 14px rgb(34 34 34 / .18);padding:.35rem}.mnq-timer-dropdown-panel[hidden]{display:none}.mnq-timer-option{appearance:none;border:none;background:#fff0;color:var(--mnq-burgundy-dark);font-family:inherit;font-size:.92rem;font-weight:600;text-align:left;padding:.6rem .7rem;min-height:40px;border-radius:5px;cursor:pointer;transition:background .15s ease,color .15s ease}.mnq-timer-option:hover{background:var(--mnq-terracotta-bg)}.mnq-timer-option[aria-pressed=true]{background:var(--mnq-burgundy);color:#fff}.mnq-timer-option:focus-visible{outline:2px solid var(--mnq-burgundy);outline-offset:-2px}.mnq-staff-outer{position:relative;margin-bottom:1.35rem}.mnq-staff-wrap{background:linear-gradient(135deg,#ffffff 0%,#ffffff 65%,#fafafa 100%);border:none;border-radius:16px;padding:.75rem .5rem;width:100%;box-shadow:0 10px 22px rgb(34 34 34 / .16),0 2px 6px rgb(34 34 34 / .08)}.mnq-staff-outer .mnq-staff-wrap{margin-bottom:0}.mnq-staff-wrap svg{display:block;width:100%;height:auto}.mnq-ledger-line{stroke:var(--mnq-ink);stroke-width:1.6}.mnq-stem{stroke:var(--mnq-ink);stroke-width:2;transition:stroke .15s ease}.mnq-stem.is-correct{stroke:var(--mnq-green)}.mnq-stem.is-incorrect{stroke:var(--mnq-terracotta)}.mnq-notehead{fill:var(--mnq-ink);transition:fill .15s ease}.mnq-notehead.is-correct{fill:var(--mnq-green)}.mnq-start-gate{display:none;position:absolute;inset:0;z-index:5;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#0c160ff0;border-radius:4px}.mnq-start-gate.is-visible{display:flex}.mnq-ready-btn{display:none;appearance:none;border:none;background:#22c55e;color:#fff;font-family:inherit;font-weight:700;font-size:1.15rem;letter-spacing:.03em;padding:.85rem 2.6rem;border-radius:999px;cursor:pointer;box-shadow:0 0 #22c55e8c;animation:mnq-ready-pulse 1.6s ease-out infinite}.mnq-ready-btn.is-visible{display:inline-block}.mnq-ready-btn:hover{background:#16a34a}.mnq-ready-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.mnq-start-gate-hint{display:none;color:#d7f5df;font-size:.8rem;letter-spacing:.02em}.mnq-start-gate-hint.is-visible{display:block}.mnq-countdown-number{display:none;font-family:Fraunces,Georgia,serif;font-weight:800;font-size:4.5rem;line-height:1;color:#39ff6a;text-shadow:0 0 12px rgb(57 255 106 / .85),0 0 30px rgb(57 255 106 / .5)}.mnq-countdown-number.is-visible{display:block;animation:mnq-countdown-pop .5s ease-out}@keyframes mnq-ready-pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 16px #fff0}to{box-shadow:0 0 #fff0}}@keyframes mnq-countdown-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.mnq-ready-btn,.mnq-countdown-number{animation:none}}@media(max-width:420px){.mnq-countdown-number{font-size:3.4rem}.mnq-ready-btn{font-size:1rem;padding:.7rem 2rem}}.mnq-notehead.is-incorrect{fill:var(--mnq-terracotta)}.mnq-accidental{fill:var(--mnq-ink)}.mnq-feedback{min-height:2.6em;text-align:center;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:2rem;margin-bottom:.9rem;visibility:hidden}.mnq-feedback.is-visible{visibility:visible}.mnq-feedback.is-correct{color:var(--mnq-green)}.mnq-feedback.is-incorrect{color:var(--mnq-terracotta)}.mnq-consent-overlay{position:absolute;inset:0;background:rgb(20 18 12 / .6);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:60;border-radius:10px}.mnq-consent-box{background:var(--mnq-paper);border:1px solid var(--mnq-gold);border-radius:10px;box-shadow:0 10px 28px rgb(34 34 34 / .28);padding:1.1rem 1.2rem;max-width:340px;width:100%}.mnq-consent-title{margin:0 0 .5rem;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.05rem;color:var(--mnq-ink)}.mnq-consent-body{margin:0 0 .9rem;font-size:.82rem;line-height:1.45;color:var(--mnq-ink-soft)}.mnq-consent-agree{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem;font-size:.85rem;font-weight:600;color:var(--mnq-ink);cursor:pointer;user-select:none}.mnq-consent-checkbox{width:17px;height:17px;flex:none;accent-color:var(--mnq-burgundy);cursor:pointer}.mnq-consent-btn{display:block;width:100%;padding:.55rem 1rem;border:1px solid var(--mnq-burgundy);border-radius:6px;background:var(--mnq-burgundy);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.mnq-consent-btn:hover{background:var(--mnq-burgundy-dark);border-color:var(--mnq-burgundy-dark)}.mnq-consent-btn:disabled{background:#b9b0a4;border-color:#b9b0a4;color:#f4f0ea;opacity:.75;cursor:not-allowed}.mnq-consent-btn:disabled:hover{background:#b9b0a4;border-color:#b9b0a4}.mnq-splash{display:flex;align-items:center;justify-content:center;min-height:220px;padding:2rem 0;opacity:1;transition:opacity .3s ease}.mnq-splash.is-hiding{opacity:0}.mnq-splash-logo{display:block;height:120px;width:auto;max-width:80%}.mnq-splash-title-card{height:auto;width:min(70%,280px);max-width:90%;border-radius:14px;box-shadow:0 10px 28px rgb(34 34 34 / .22)}.mnq-logo{display:block;height:36px;width:auto;margin:0;flex-shrink:0}.mnq-logo-bottom-wrap{margin:1.1rem auto 0;text-align:center}.mnq-logo-bottom-wrap .mnq-logo-bottom{margin:0 auto}.mnq-logo-img-wrap{position:relative;display:inline-block;overflow:hidden;cursor:pointer;border-radius:4px}.mnq-logo-img-wrap::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(115deg,#fff0 0%,#fff0 30%,rgb(255 255 255 / .9) 50%,#fff0 70%,#fff0 100%);transform:skewX(-18deg);pointer-events:none;-webkit-mask-image:var(--mnq-logo-mask);mask-image:var(--mnq-logo-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mnq-logo-img-wrap:hover::after{animation:mnqLogoShimmer 1s ease}.mnq-logo-img-wrap.mnq-logo-shimmer-auto::after{animation:mnqLogoShimmer 1.15s ease}@keyframes mnqLogoShimmer{0%{left:-60%}100%{left:130%}}@media (prefers-reduced-motion:reduce){.mnq-logo-img-wrap::after{display:none}}.mnq-piano-wrap{line-height:0}.mnq-piano-hidden .mnq-piano-wrap{display:none}.mnq-flash-x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(3rem,24vw,7rem);font-weight:800;line-height:1;color:var(--mnq-terracotta);opacity:0;pointer-events:none;z-index:30;text-shadow:0 2px 12px rgb(34 34 34 / .25)}.mnq-flash-x.is-active{animation:mnqFlashX .55s ease}@keyframes mnqFlashX{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.15)}35%{opacity:1;transform:scale(1)}75%{opacity:1}100%{opacity:0}}.mnq-piano,.mnq-piano *,.mnq-quiz img,.mnq-quiz svg{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}.mnq-piano{display:block;width:100%;height:auto;touch-action:manipulation;overflow:visible}.mnq-piano-trim{fill:var(--mnq-gold);opacity:.55;pointer-events:none}.mnq-piano-sheen{fill:#fff;opacity:.05;pointer-events:none}.mnq-key-rect{transition:fill .12s ease,stroke .12s ease}.mnq-key-white{cursor:pointer}.mnq-key-white .mnq-key-rect{stroke:var(--mnq-piano-ink);stroke-width:1.5}.mnq-key-crease{stroke:#d9cdb2;stroke-width:1;opacity:.7;pointer-events:none}.mnq-key-white:hover:not(.is-disabled) .mnq-key-rect{fill:#fff6e0}.mnq-key-white:active:not(.is-disabled) .mnq-key-rect{fill:#f3e8cf}.mnq-key-white.is-disabled{cursor:default}.mnq-key-white.is-correct .mnq-key-rect{fill:var(--mnq-green-bg);stroke:var(--mnq-green);stroke-width:2}.mnq-key-white.is-incorrect .mnq-key-rect{fill:var(--mnq-terracotta-bg);stroke:var(--mnq-terracotta);stroke-width:2}.mnq-key-label{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:15px;fill:var(--mnq-ink-soft);pointer-events:none;user-select:none}.mnq-quiz.mnq-labels-hidden .mnq-key-label{display:none}.mnq-key-white.is-correct .mnq-key-label{fill:var(--mnq-green);font-weight:600}.mnq-key-white.is-incorrect .mnq-key-label{fill:var(--mnq-terracotta);font-weight:600}.mnq-key-black{cursor:pointer}.mnq-key-gloss{fill:#fff;opacity:.16;pointer-events:none}.mnq-key-black:hover:not(.is-disabled) .mnq-key-rect{fill:#3a3648}.mnq-key-black.is-disabled{cursor:default}.mnq-key-black.is-correct .mnq-key-rect{fill:var(--mnq-green);stroke:var(--mnq-green-bg);stroke-width:2}.mnq-key-black.is-incorrect .mnq-key-rect{fill:var(--mnq-terracotta);stroke:var(--mnq-terracotta-bg);stroke-width:2}.mnq-key-white:focus-visible .mnq-key-rect,.mnq-key-black:focus-visible .mnq-key-rect{stroke:var(--mnq-burgundy);stroke-width:3}.mnq-clef-btn:focus-visible{outline:2px solid var(--mnq-burgundy);outline-offset:2px}.mnq-round-over{display:none;flex-direction:column;align-items:center;gap:.85rem;margin-top:1.1rem;padding:1.1rem 1rem;background:#fff;border:1px solid var(--mnq-gold);border-radius:6px;text-align:center}.mnq-round-over.is-visible{display:flex}.mnq-round-over-message{margin:0;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.05rem;color:var(--mnq-burgundy-dark)}.mnq-play-again-btn{appearance:none;border:none;background:var(--mnq-burgundy);color:#fff;font-family:inherit;font-weight:700;font-size:1.05rem;padding:.85rem 2rem;min-height:48px;box-shadow:0 1px 3px rgb(34 34 34 / .15);border-radius:7px;cursor:pointer;transition:background .15s ease}.mnq-play-again-btn:hover{background:var(--mnq-burgundy-dark)}.mnq-play-again-btn:focus-visible{outline:2px solid var(--mnq-burgundy-dark);outline-offset:2px}@media(prefers-reduced-motion:reduce){.mnq-answer-btn,.mnq-notehead{transition:none}}@media(max-width:420px){.mnq-quiz{margin:.6rem auto;padding:.9rem .75rem 1.15rem}.mnq-settings{flex-direction:column;align-items:stretch}.mnq-fullscreen-btn{font-size:.8rem;padding:.55rem .8rem}.mnq-title-text{font-size:1.2rem}.mnq-title-clef{font-size:1.5rem}.mnq-title-logo-img{max-width:85%;max-height:48px}}.mnq-copyright{max-width:480px;margin:.35rem auto 0;text-align:center;font-size:.75rem;color:var(--mnq-burgundy-dark,#2f5578);opacity:.7}.mnq-mode-select,.mnq-gate{display:flex;flex-direction:column;align-items:stretch;gap:.9rem;padding:1rem .25rem .5rem;text-align:center}.mnq-mode-title{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600;font-size:1.15rem;color:var(--mnq-burgundy-dark);margin:0 0 .25rem}.mnq-mode-btn{appearance:none;border:1px solid var(--mnq-gold);background:#fff;color:var(--mnq-burgundy-dark);font-family:inherit;font-weight:700;font-size:1.05rem;padding:1.05rem 1.2rem;min-height:52px;border-radius:8px;box-shadow:0 1px 3px rgb(34 34 34 / .08);cursor:pointer;transition:background .15s ease,color .15s ease}.mnq-mode-btn:hover{background:var(--mnq-burgundy);color:#fff}.mnq-mode-btn-practise{background:var(--mnq-burgundy);color:#fff;border-color:var(--mnq-burgundy)}.mnq-mode-btn-practise:hover{background:var(--mnq-burgundy-dark)}.mnq-mode-hint{display:block;font-weight:400;font-size:.72rem;opacity:.75;margin-top:.2rem}.mnq-gate-form{display:flex;flex-direction:column;gap:.6rem}.mnq-gate-input{appearance:none;border:1px solid var(--mnq-paper-line);background:#fff;color:var(--mnq-ink);font-family:inherit;font-size:1rem;padding:.75rem .85rem;min-height:44px;border-radius:6px}.mnq-gate-input:focus-visible{outline:2px solid var(--mnq-burgundy);outline-offset:1px}.mnq-gate-error{min-height:1.1em;margin:0;color:var(--mnq-terracotta);font-size:.8rem}.mnq-gate-back{appearance:none;border:none;background:#fff0;color:var(--mnq-ink-soft);font-family:inherit;font-size:.82rem;padding:.3rem;cursor:pointer;text-decoration:underline}.mnq-compete-bar{display:flex;flex-direction:column;gap:.5rem;margin:-.3rem 0 1rem;padding:.65rem .75rem;background:var(--mnq-green-bg);border:1px solid var(--mnq-green);border-radius:6px}.mnq-compete-who{margin:0;font-weight:600;font-size:.85rem;color:var(--mnq-burgundy-dark)}.mnq-compete-actions{display:flex;flex-wrap:wrap;gap:.5rem}.mnq-scoreboard-btn,.mnq-finish-btn{appearance:none;border:1px solid var(--mnq-burgundy);background:#fff;color:var(--mnq-burgundy-dark);font-family:inherit;font-weight:600;font-size:.9rem;padding:.6rem 1rem;min-height:42px;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.mnq-scoreboard-btn:hover,.mnq-finish-btn:hover{background:var(--mnq-burgundy);color:#fff}.mnq-finish-btn{display:none}.mnq-finish-btn.is-visible{display:inline-block}.mnq-score-submitted{margin:0;font-size:.78rem;color:var(--mnq-green);min-height:1em}.mnq-scoreboard-overlay{position:absolute;inset:0;background:#2b26208c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20;border-radius:6px}.mnq-scoreboard-panel{position:relative;width:100%;max-width:380px;max-height:85%;overflow-y:auto;background:var(--mnq-paper);border:1px solid var(--mnq-paper-line);border-radius:6px;padding:1.5rem 1.25rem 1.25rem}.mnq-scoreboard-close{position:absolute;top:.6rem;right:.6rem;appearance:none;border:none;background:#fff0;color:var(--mnq-ink-soft);font-size:1rem;line-height:1;padding:.3rem;cursor:pointer}.mnq-scoreboard-body{display:flex;flex-direction:column;gap:1rem;font-size:.85rem;color:var(--mnq-ink-soft)}.mnq-scoreboard-section{border-top:1px solid var(--mnq-paper-line);padding-top:.6rem}.mnq-scoreboard-section:first-child{border-top:none;padding-top:0}.mnq-scoreboard-heading{margin:0 0 .4rem;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:.95rem;color:var(--mnq-burgundy-dark)}.mnq-scoreboard-empty{margin:0;font-size:.8rem;font-style:italic}.mnq-scoreboard-list{list-style:decimal;margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}.mnq-scoreboard-list li{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;color:var(--mnq-ink)}.mnq-scoreboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnq-scoreboard-score{flex-shrink:0;font-weight:600;color:var(--mnq-burgundy-dark)}.mnq-gate-warning,.mnq-compete-warning{margin:0;font-size:.78rem;font-weight:600;color:var(--mnq-terracotta)}.mnq-gate-warning{text-align:center}.mnq-fullscreen-btn{appearance:none;border:1px solid var(--mnq-paper-line);background:#fff;color:var(--mnq-ink-soft);font-family:inherit;font-weight:600;font-size:.85rem;padding:.55rem .9rem;min-height:40px;border-radius:7px;box-shadow:0 1px 2px rgb(34 34 34 / .06);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.mnq-fullscreen-btn:hover{background:var(--mnq-burgundy);border-color:var(--mnq-burgundy);color:#fff}.mnq-exit-btn{appearance:none;border:1px solid var(--mnq-paper-line);background:#fff;color:var(--mnq-ink-soft);font-family:inherit;font-weight:600;font-size:.85rem;padding:.55rem .9rem;min-height:40px;border-radius:7px;box-shadow:0 1px 2px rgb(34 34 34 / .06);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.mnq-help-btn{appearance:none;border:1px solid var(--mnq-paper-line);background:#fff;color:var(--mnq-ink-soft);font-family:inherit;font-weight:700;font-size:.95rem;width:40px;height:40px;padding:0;border-radius:50%;box-shadow:0 1px 2px rgb(34 34 34 / .06);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.mnq-help-btn:hover{background:var(--mnq-gold);border-color:var(--mnq-gold);color:#fff}.mnq-help-overlay{position:absolute;inset:0;background:rgb(20 18 12 / .6);display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:65;border-radius:10px}.mnq-help-box{position:relative;background:var(--mnq-paper);border:1px solid var(--mnq-gold);border-radius:10px;box-shadow:0 10px 28px rgb(34 34 34 / .28);padding:1.2rem 1.3rem 1.3rem;max-width:420px;width:100%;max-height:80vh;overflow-y:auto}.mnq-help-close{appearance:none;position:absolute;top:.6rem;right:.6rem;border:none;background:#fff0;color:var(--mnq-ink-soft);font-size:1.1rem;line-height:1;width:32px;height:32px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mnq-help-close:hover{background:rgb(34 34 34 / .08);color:var(--mnq-ink)}.mnq-help-title{margin:0 1.8rem .5rem 0;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.1rem;color:var(--mnq-ink)}.mnq-help-body{margin:0 0 .9rem;font-size:.85rem;line-height:1.5;color:var(--mnq-ink-soft)}.mnq-help-subtitle{margin:0 0 .55rem;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:.95rem;color:var(--mnq-ink)}.mnq-help-list{margin:0}.mnq-help-list dt{font-weight:700;font-size:.82rem;color:var(--mnq-ink);margin-top:.7rem}.mnq-help-list dt:first-child{margin-top:0}.mnq-help-list dd{margin:.15rem 0 0;font-size:.8rem;line-height:1.45;color:var(--mnq-ink-soft)}.mnq-exit-btn:hover{background:var(--mnq-terracotta,#b3552f);border-color:var(--mnq-terracotta,#b3552f);color:#fff}.mnq-fullscreen-icon{display:inline-block;width:14px;height:14px}.mnq-settings-bar{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin-bottom:1rem}.mnq-settings-bar .mnq-settings{display:flex;width:100%}@media(min-width:641px){.mnq-settings-bar{flex-direction:row;align-items:center}}@media(max-width:640px){.mnq-settings-bar .mnq-settings{flex-direction:column;align-items:stretch;gap:.5rem}.mnq-settings-bar .mnq-clef-group{width:100%}.mnq-settings-bar .mnq-clef-btn{flex:1 1 0%;text-align:center;padding:.5rem .6rem;min-height:38px}}.mnq-mic-status{width:100%;min-height:1.1em;margin:.3rem 0 0;font-size:.78rem;color:var(--mnq-ink-soft);transition:color .15s ease}.mnq-mic-status.is-active{color:var(--mnq-green);font-weight:600}.mnq-mic-status.is-error{color:var(--mnq-terracotta);font-weight:600}@media(min-width:600px){.mnq-quiz{max-width:600px;padding:1.5rem 1.5rem 1.75rem}}@media(min-width:900px){.mnq-quiz{max-width:760px;padding:1.75rem 2rem 2rem}}@media(min-width:1200px){.mnq-quiz{max-width:880px;padding:2rem 2.25rem 2.25rem}}.mnq-quiz:fullscreen{zoom:1;position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;box-shadow:none;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:block;padding:clamp(.3rem,1.2vh,1rem) clamp(.5rem,3vw,2.5rem) calc(clamp(.3rem,1.2vh,1rem) + env(safe-area-inset-bottom,0px));background:var(--mnq-paper);font-size:clamp(12px,1.4vh + 0.55vw,17px)}.mnq-quiz:-webkit-full-screen{zoom:1;position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;box-shadow:none;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:block;padding:clamp(.3rem,1.2vh,1rem) clamp(.5rem,3vw,2.5rem) calc(clamp(.3rem,1.2vh,1rem) + env(safe-area-inset-bottom,0px));background:var(--mnq-paper);font-size:clamp(12px,1.4vh + 0.55vw,17px)}.mnq-quiz:-ms-fullscreen{zoom:1;position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;box-shadow:none;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:block;padding:clamp(.3rem,1.2vh,1rem) clamp(.5rem,3vw,2.5rem) calc(clamp(.3rem,1.2vh,1rem) + env(safe-area-inset-bottom,0px));background:var(--mnq-paper);font-size:clamp(12px,1.4vh + 0.55vw,17px)}.mnq-quiz.mnq-is-fullscreen{zoom:1;position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;box-shadow:none;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:block;padding:clamp(.3rem,1.2vh,1rem) clamp(.5rem,3vw,2.5rem) calc(clamp(.3rem,1.2vh,1rem) + env(safe-area-inset-bottom,0px));background:var(--mnq-paper);font-size:clamp(12px,1.4vh + 0.55vw,17px)}.mnq-quiz:fullscreen .mnq-piano-wrap{max-width:900px;width:100%;margin:0 auto}.mnq-quiz:-webkit-full-screen .mnq-piano-wrap{max-width:900px;width:100%;margin:0 auto}.mnq-quiz:-ms-fullscreen .mnq-piano-wrap{max-width:900px;width:100%;margin:0 auto}.mnq-quiz.mnq-is-fullscreen .mnq-piano-wrap{max-width:900px;width:100%;margin:0 auto}.mnq-quiz:fullscreen .mnq-staff-outer{max-width:560px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:clamp(.3rem,.9vh,.6rem)}.mnq-quiz:-webkit-full-screen .mnq-staff-outer{max-width:560px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:clamp(.3rem,.9vh,.6rem)}.mnq-quiz:-ms-fullscreen .mnq-staff-outer{max-width:560px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:clamp(.3rem,.9vh,.6rem)}.mnq-quiz.mnq-is-fullscreen .mnq-staff-outer{max-width:560px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:clamp(.3rem,.9vh,.6rem)}.mnq-quiz:fullscreen .mnq-staff-wrap{padding:clamp(.3rem,.9vh,.5rem) .4rem}.mnq-quiz:-webkit-full-screen .mnq-staff-wrap{padding:clamp(.3rem,.9vh,.5rem) .4rem}.mnq-quiz:-ms-fullscreen .mnq-staff-wrap{padding:clamp(.3rem,.9vh,.5rem) .4rem}.mnq-quiz.mnq-is-fullscreen .mnq-staff-wrap{padding:clamp(.3rem,.9vh,.5rem) .4rem}.mnq-quiz:fullscreen .mnq-logo{height:clamp(24px,4vh,40px);margin-bottom:0}.mnq-quiz:-webkit-full-screen .mnq-logo{height:clamp(24px,4vh,40px);margin-bottom:0}.mnq-quiz:-ms-fullscreen .mnq-logo{height:clamp(24px,4vh,40px);margin-bottom:0}.mnq-quiz.mnq-is-fullscreen .mnq-logo{height:clamp(24px,4vh,40px);margin-bottom:0}.mnq-quiz:fullscreen .mnq-splash{min-height:0;padding:1rem 0}.mnq-quiz:-webkit-full-screen .mnq-splash{min-height:0;padding:1rem 0}.mnq-quiz:-ms-fullscreen .mnq-splash{min-height:0;padding:1rem 0}.mnq-quiz.mnq-is-fullscreen .mnq-splash{min-height:0;padding:1rem 0}.mnq-quiz:fullscreen .mnq-splash-logo{height:clamp(56px,8vh,110px)}.mnq-quiz:-webkit-full-screen .mnq-splash-logo{height:clamp(56px,8vh,110px)}.mnq-quiz:-ms-fullscreen .mnq-splash-logo{height:clamp(56px,8vh,110px)}.mnq-quiz.mnq-is-fullscreen .mnq-splash-logo{height:clamp(56px,8vh,110px)}.mnq-quiz:fullscreen .mnq-splash-title-card{width:auto;height:clamp(90px,16vh,220px)}.mnq-quiz:-webkit-full-screen .mnq-splash-title-card{width:auto;height:clamp(90px,16vh,220px)}.mnq-quiz:-ms-fullscreen .mnq-splash-title-card{width:auto;height:clamp(90px,16vh,220px)}.mnq-quiz.mnq-is-fullscreen .mnq-splash-title-card{width:auto;height:clamp(90px,16vh,220px)}.mnq-quiz:fullscreen .mnq-top{margin-bottom:clamp(.15rem,.6vh,.4rem)}.mnq-quiz:-webkit-full-screen .mnq-top{margin-bottom:clamp(.15rem,.6vh,.4rem)}.mnq-quiz:-ms-fullscreen .mnq-top{margin-bottom:clamp(.15rem,.6vh,.4rem)}.mnq-quiz.mnq-is-fullscreen .mnq-top{margin-bottom:clamp(.15rem,.6vh,.4rem)}.mnq-quiz:fullscreen .mnq-title{margin-bottom:clamp(.15rem,.6vh,.4rem);gap:.35rem}.mnq-quiz:-webkit-full-screen .mnq-title{margin-bottom:clamp(.15rem,.6vh,.4rem);gap:.35rem}.mnq-quiz:-ms-fullscreen .mnq-title{margin-bottom:clamp(.15rem,.6vh,.4rem);gap:.35rem}.mnq-quiz.mnq-is-fullscreen .mnq-title{margin-bottom:clamp(.15rem,.6vh,.4rem);gap:.35rem}.mnq-quiz:fullscreen .mnq-title-text{font-size:clamp(.85rem,2vh,1.2rem)}.mnq-quiz:-webkit-full-screen .mnq-title-text{font-size:clamp(.85rem,2vh,1.2rem)}.mnq-quiz:-ms-fullscreen .mnq-title-text{font-size:clamp(.85rem,2vh,1.2rem)}.mnq-quiz.mnq-is-fullscreen .mnq-title-text{font-size:clamp(.85rem,2vh,1.2rem)}.mnq-quiz:fullscreen .mnq-title-clef{font-size:clamp(1rem,2.4vh,1.5rem)}.mnq-quiz:-webkit-full-screen .mnq-title-clef{font-size:clamp(1rem,2.4vh,1.5rem)}.mnq-quiz:-ms-fullscreen .mnq-title-clef{font-size:clamp(1rem,2.4vh,1.5rem)}.mnq-quiz.mnq-is-fullscreen .mnq-title-clef{font-size:clamp(1rem,2.4vh,1.5rem)}.mnq-quiz:fullscreen .mnq-title-logo-img{max-height:clamp(22px,3.6vh,42px)}.mnq-quiz:-webkit-full-screen .mnq-title-logo-img{max-height:clamp(22px,3.6vh,42px)}.mnq-quiz:-ms-fullscreen .mnq-title-logo-img{max-height:clamp(22px,3.6vh,42px)}.mnq-quiz.mnq-is-fullscreen .mnq-title-logo-img{max-height:clamp(22px,3.6vh,42px)}.mnq-quiz:fullscreen .mnq-fullscreen-btn{padding:clamp(.3rem,.8vh,.5rem) .6rem;min-height:clamp(28px,3.6vh,36px);font-size:clamp(.72rem,1.5vh,.82rem)}.mnq-quiz:-webkit-full-screen .mnq-fullscreen-btn{padding:clamp(.3rem,.8vh,.5rem) .6rem;min-height:clamp(28px,3.6vh,36px);font-size:clamp(.72rem,1.5vh,.82rem)}.mnq-quiz:-ms-fullscreen .mnq-fullscreen-btn{padding:clamp(.3rem,.8vh,.5rem) .6rem;min-height:clamp(28px,3.6vh,36px);font-size:clamp(.72rem,1.5vh,.82rem)}.mnq-quiz.mnq-is-fullscreen .mnq-fullscreen-btn{padding:clamp(.3rem,.8vh,.5rem) .6rem;min-height:clamp(28px,3.6vh,36px);font-size:clamp(.72rem,1.5vh,.82rem)}.mnq-quiz:fullscreen .mnq-score{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz:-webkit-full-screen .mnq-score{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz:-ms-fullscreen .mnq-score{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz.mnq-is-fullscreen .mnq-score{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz:fullscreen .mnq-time{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz:-webkit-full-screen .mnq-time{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz:-ms-fullscreen .mnq-time{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz.mnq-is-fullscreen .mnq-time{font-size:clamp(1.05rem,2.4vh,1.3rem)}.mnq-quiz:fullscreen .mnq-settings-bar{margin-bottom:clamp(.2rem,.6vh,.4rem);gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz:-webkit-full-screen .mnq-settings-bar{margin-bottom:clamp(.2rem,.6vh,.4rem);gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz:-ms-fullscreen .mnq-settings-bar{margin-bottom:clamp(.2rem,.6vh,.4rem);gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz.mnq-is-fullscreen .mnq-settings-bar{margin-bottom:clamp(.2rem,.6vh,.4rem);gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz:fullscreen .mnq-settings-bar .mnq-settings{gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz:-webkit-full-screen .mnq-settings-bar .mnq-settings{gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz:-ms-fullscreen .mnq-settings-bar .mnq-settings{gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz.mnq-is-fullscreen .mnq-settings-bar .mnq-settings{gap:clamp(.18rem,.5vh,.3rem)}.mnq-quiz:fullscreen .mnq-clef-btn{padding:clamp(.2rem,.55vh,.4rem) .6rem;min-height:clamp(24px,3.2vh,32px);font-size:clamp(.72rem,1.5vh,.85rem)}.mnq-quiz:-webkit-full-screen .mnq-clef-btn{padding:clamp(.2rem,.55vh,.4rem) .6rem;min-height:clamp(24px,3.2vh,32px);font-size:clamp(.72rem,1.5vh,.85rem)}.mnq-quiz:-ms-fullscreen .mnq-clef-btn{padding:clamp(.2rem,.55vh,.4rem) .6rem;min-height:clamp(24px,3.2vh,32px);font-size:clamp(.72rem,1.5vh,.85rem)}.mnq-quiz.mnq-is-fullscreen .mnq-clef-btn{padding:clamp(.2rem,.55vh,.4rem) .6rem;min-height:clamp(24px,3.2vh,32px);font-size:clamp(.72rem,1.5vh,.85rem)}.mnq-quiz:fullscreen .mnq-clef-btn-symbol{font-size:clamp(1rem,2.2vh,1.3rem);padding-top:.15rem;padding-bottom:.15rem}.mnq-quiz:-webkit-full-screen .mnq-clef-btn-symbol{font-size:clamp(1rem,2.2vh,1.3rem);padding-top:.15rem;padding-bottom:.15rem}.mnq-quiz:-ms-fullscreen .mnq-clef-btn-symbol{font-size:clamp(1rem,2.2vh,1.3rem);padding-top:.15rem;padding-bottom:.15rem}.mnq-quiz.mnq-is-fullscreen .mnq-clef-btn-symbol{font-size:clamp(1rem,2.2vh,1.3rem);padding-top:.15rem;padding-bottom:.15rem}.mnq-quiz:fullscreen .mnq-accidentals-btn .mnq-btn-note-icon{height:clamp(22px,3.6vh,30px)}.mnq-quiz:-webkit-full-screen .mnq-accidentals-btn .mnq-btn-note-icon{height:clamp(22px,3.6vh,30px)}.mnq-quiz:-ms-fullscreen .mnq-accidentals-btn .mnq-btn-note-icon{height:clamp(22px,3.6vh,30px)}.mnq-quiz.mnq-is-fullscreen .mnq-accidentals-btn .mnq-btn-note-icon{height:clamp(22px,3.6vh,30px)}.mnq-quiz:fullscreen .mnq-mic-status{margin-top:0;font-size:clamp(.68rem,1.5vh,.78rem)}.mnq-quiz:-webkit-full-screen .mnq-mic-status{margin-top:0;font-size:clamp(.68rem,1.5vh,.78rem)}.mnq-quiz:-ms-fullscreen .mnq-mic-status{margin-top:0;font-size:clamp(.68rem,1.5vh,.78rem)}.mnq-quiz.mnq-is-fullscreen .mnq-mic-status{margin-top:0;font-size:clamp(.68rem,1.5vh,.78rem)}.mnq-quiz:fullscreen .mnq-feedback{margin-bottom:.3rem;font-size:clamp(1.5rem,3.2vh,1.9rem);min-height:2.2em}.mnq-quiz:-webkit-full-screen .mnq-feedback{margin-bottom:.3rem;font-size:clamp(1.5rem,3.2vh,1.9rem);min-height:2.2em}.mnq-quiz:-ms-fullscreen .mnq-feedback{margin-bottom:.3rem;font-size:clamp(1.5rem,3.2vh,1.9rem);min-height:2.2em}.mnq-quiz.mnq-is-fullscreen .mnq-feedback{margin-bottom:.3rem;font-size:clamp(1.5rem,3.2vh,1.9rem);min-height:2.2em}.mnq-quiz:fullscreen .mnq-logo{height:clamp(18px,3vh,28px)}.mnq-quiz:-webkit-full-screen .mnq-logo{height:clamp(18px,3vh,28px)}.mnq-quiz:-ms-fullscreen .mnq-logo{height:clamp(18px,3vh,28px)}.mnq-quiz.mnq-is-fullscreen .mnq-logo{height:clamp(18px,3vh,28px)}@media(orientation:landscape) and (max-height:500px){.mnq-quiz:fullscreen{padding-top:.4rem;padding-bottom:.4rem}.mnq-quiz:-webkit-full-screen{padding-top:.4rem;padding-bottom:.4rem}.mnq-quiz:-ms-fullscreen{padding-top:.4rem;padding-bottom:.4rem}.mnq-quiz.mnq-is-fullscreen{padding-top:.4rem;padding-bottom:.4rem}}@media (orientation:landscape) and (max-height:600px),(min-width:900px){.mnq-quiz.mnq-game-screen{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);column-gap:1.25rem;row-gap:.5rem;align-items:start;grid-template-areas:"top top" "title title" "compete compete" "settings staff" "settings feedback" "logo piano" "roundover roundover"}.mnq-quiz.mnq-game-screen:fullscreen{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);column-gap:1.25rem;row-gap:.5rem;align-items:start;grid-template-areas:"top top" "title title" "compete compete" "settings staff" "settings feedback" "logo piano" "roundover roundover"}.mnq-quiz.mnq-game-screen:-webkit-full-screen{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);column-gap:1.25rem;row-gap:.5rem;align-items:start;grid-template-areas:"top top" "title title" "compete compete" "settings staff" "settings feedback" "logo piano" "roundover roundover"}.mnq-quiz.mnq-game-screen:-ms-fullscreen{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);column-gap:1.25rem;row-gap:.5rem;align-items:start;grid-template-areas:"top top" "title title" "compete compete" "settings staff" "settings feedback" "logo piano" "roundover roundover"}.mnq-quiz.mnq-game-screen.mnq-is-fullscreen{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);column-gap:1.25rem;row-gap:.5rem;align-items:start;grid-template-areas:"top top" "title title" "compete compete" "settings staff" "settings feedback" "logo piano" "roundover roundover"}.mnq-quiz.mnq-game-screen>.mnq-top{grid-area:top;margin-bottom:0;position:relative;z-index:2}.mnq-quiz.mnq-game-screen>.mnq-title{grid-area:title;margin-top:.35rem;margin-bottom:.4rem;position:relative;z-index:1}.mnq-quiz.mnq-game-screen .mnq-title-logo-img{max-height:64px}.mnq-quiz.mnq-game-screen>.mnq-compete-bar{grid-area:compete;margin:0}.mnq-quiz.mnq-game-screen>.mnq-settings-bar{grid-area:settings;flex-direction:column;align-items:stretch;margin-bottom:0}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-settings{flex-direction:column;align-items:stretch;gap:.5rem}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-clef-group,.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-difficulty-group{width:100%;flex-wrap:wrap;overflow:visible}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-toggle-group{width:100%;flex-wrap:wrap;overflow:visible;justify-content:flex-start}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-clef-btn{text-align:center;font-size:.8rem;padding:.4rem .55rem;min-height:34px;white-space:nowrap}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-clef-group:not(.mnq-toggle-group) .mnq-clef-btn{flex:1 1 0%;min-width:0}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-toggle-group .mnq-clef-btn{flex:0 0 auto}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-clef-btn-symbol{font-size:1.15rem;padding-top:.25rem;padding-bottom:.25rem}.mnq-quiz.mnq-game-screen>.mnq-settings-bar .mnq-accidentals-btn .mnq-btn-note-icon{height:20px}.mnq-quiz.mnq-game-screen>.mnq-staff-outer{grid-area:staff;margin-bottom:0;align-self:end}.mnq-quiz.mnq-game-screen>.mnq-feedback{grid-area:feedback;margin-bottom:0}.mnq-quiz.mnq-game-screen>.mnq-piano-wrap{grid-area:piano;align-self:end}.mnq-quiz.mnq-game-screen>.mnq-logo-bottom-wrap{grid-area:logo;margin:.5rem 0 0;width:80%;max-width:190px;align-self:end;justify-self:start}.mnq-quiz.mnq-game-screen>.mnq-logo-bottom-wrap .mnq-logo-bottom{height:auto;width:100%}.mnq-quiz.mnq-game-screen>.mnq-logo-bottom-wrap .mnq-logo-img-wrap{display:block;width:100%}.mnq-quiz.mnq-game-screen>.mnq-round-over{grid-area:roundover;margin-top:.5rem}}.mnq-access-gate{display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;padding:2.4rem 1.2rem}.mnq-access-title{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:600;font-size:1.35rem;color:var(--mnq-burgundy-dark);margin:0}.mnq-access-sub{font-size:.9rem;color:var(--mnq-ink-soft);margin:0 0 .3rem;max-width:340px}.mnq-access-choice-row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:340px}.mnq-access-choice-btn{appearance:none;border-radius:9px;font-family:inherit;font-weight:700;font-size:1rem;padding:.8rem 1.3rem;min-height:52px;flex:1 1 130px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.mnq-access-choice-btn:active{transform:scale(.97)}.mnq-access-choice-code{border:1px solid var(--mnq-burgundy);background:var(--mnq-burgundy);color:#fff}.mnq-access-choice-code:hover{background:var(--mnq-burgundy-dark);border-color:var(--mnq-burgundy-dark)}.mnq-access-choice-demo{border:1px solid var(--mnq-gold);background:#fff0;color:var(--mnq-burgundy-dark)}.mnq-access-choice-demo:hover{background:var(--mnq-gold);color:#fff}.mnq-access-back{appearance:none;align-self:flex-start;border:none;background:#fff0;color:var(--mnq-ink-soft);font-family:inherit;font-size:.8rem;font-weight:600;padding:.2rem .1rem;cursor:pointer;flex:0 0 100%;text-align:left}.mnq-access-back:hover{color:var(--mnq-ink);text-decoration:underline}.mnq-access-buy{display:inline-flex;align-items:center;justify-content:center;appearance:none;border:none;border-radius:7px;background:linear-gradient(135deg,var(--mnq-gold),#c99a2e);color:#fff;font-family:inherit;font-weight:700;font-size:.8rem;padding:.45rem 1.1rem;min-height:34px;cursor:pointer;text-decoration:none;box-shadow:0 2px 6px rgb(34 34 34 / .15)}.mnq-access-buy:hover{filter:brightness(1.06)}.mnq-access-caption{font-size:.72rem;line-height:1.5;color:var(--mnq-ink-soft);margin:.1rem 0 0;max-width:320px}.mnq-access-caption strong{color:var(--mnq-ink)}.mnq-access-form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:340px}.mnq-access-form[hidden],.mnq-access-choice-row[hidden]{display:none}.mnq-access-input{flex:1 1 180px;min-width:0;font-family:inherit;font-size:1rem;padding:.7rem .9rem;border:1px solid var(--mnq-paper-line);border-radius:8px;background:#fff;color:var(--mnq-ink);min-height:44px;text-align:center;letter-spacing:.04em}.mnq-access-input:focus{outline:2px solid var(--mnq-burgundy);outline-offset:1px}.mnq-access-submit{appearance:none;border:none;border-radius:8px;background:var(--mnq-burgundy);color:#fff;font-family:inherit;font-weight:600;font-size:.95rem;padding:.7rem 1.2rem;min-height:44px;cursor:pointer}.mnq-access-submit:disabled{opacity:.6;cursor:default}.mnq-access-error{min-height:1.2em;font-size:.85rem;color:var(--mnq-terracotta);margin:0}.mnq-clef-btn:disabled,.mnq-clef-btn.mnq-demo-locked{opacity:.4;cursor:not-allowed}.mnq-full-mode-btn{color:var(--mnq-terracotta)}.mnq-buy-btn{border:none!important;background:linear-gradient(135deg,var(--mnq-gold),#c99a2e)!important;color:#fff!important;text-decoration:none}.mnq-buy-btn:hover{filter:brightness(1.06)}@keyframes mnq-shimmer-sweep{0%{transform:translateX(-160%) skewX(-20deg)}55%,100%{transform:translateX(260%) skewX(-20deg)}}.mnq-shimmer{position:relative;overflow:hidden}.mnq-shimmer::after{content:"";position:absolute;top:0;left:0;width:35%;height:100%;background:linear-gradient(120deg,transparent,rgb(255 255 255 / .65),transparent);animation:mnq-shimmer-sweep 3.2s ease-in-out infinite;pointer-events:none}.mnq-welcome-flash{position:absolute;top:14px;left:50%;transform:translate(-50%,-10px);z-index:30;background:var(--mnq-burgundy);color:#fff;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1rem;padding:.6rem 1.3rem;border-radius:999px;box-shadow:0 4px 14px rgb(34 34 34 / .25);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;white-space:nowrap;max-width:88%;overflow:hidden;text-overflow:ellipsis}.mnq-welcome-flash.is-visible{opacity:1;transform:translate(-50%,0)}