.exam-intonation-popup-backdrop,.exam-pron-popup-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:70;animation:speechace-popup-fade .18s ease-out}.exam-intonation-popup-backdrop.is-anchored,.exam-pron-popup-backdrop.is-anchored{background:transparent;backdrop-filter:none;display:block;padding:0}.exam-intonation-popup.placement-bottom,.exam-intonation-popup.placement-left,.exam-intonation-popup.placement-right,.exam-intonation-popup.placement-top,.exam-pron-popup.placement-bottom,.exam-pron-popup.placement-left,.exam-pron-popup.placement-right,.exam-pron-popup.placement-top{position:fixed;margin:0;width:420px;max-height:calc(100vh - 24px);overflow-y:auto}.exam-intonation-popup.placement-bottom:before,.exam-pron-popup.placement-bottom:before{content:"";position:absolute;top:-7px;left:var(--arrow-offset,50%);transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:#fff;border-left:1px solid #f1f5f9;border-top:1px solid #f1f5f9}.exam-intonation-popup.placement-top:before,.exam-pron-popup.placement-top:before{content:"";position:absolute;bottom:-7px;left:var(--arrow-offset,50%);transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:#fafbfc;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.exam-intonation-popup,.exam-pron-popup{width:420px;max-width:100%;background:#fff;border-radius:16px;box-shadow:0 24px 60px -20px rgba(15,23,42,.35);overflow:hidden;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;border:1px solid #f1f5f9;animation:speechace-popup-rise .22s cubic-bezier(.32,.72,.34,1.05)}.exam-intonation-popup__head,.exam-pron-popup__head{padding:14px 16px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f1f5f9}.exam-pron-popup__head{background:linear-gradient(180deg,#fff7ed,#fff)}.exam-intonation-popup__head{background:linear-gradient(180deg,#f5f3ff,#fff)}.exam-intonation-popup__title,.exam-pron-popup__title{flex:1;min-width:0}.exam-intonation-popup__eyebrow,.exam-pron-popup__eyebrow{font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:2px}.exam-pron-popup__eyebrow{color:#f97316}.exam-intonation-popup__eyebrow{color:#7c3aed}.exam-intonation-popup__title h3,.exam-pron-popup__title h3{margin:0;font-size:21px;font-weight:700;letter-spacing:-.02em;color:#0b1528;line-height:1.05}.exam-intonation-popup__ipa,.exam-pron-popup__ipa{font-family:JetBrains Mono,Menlo,monospace;font-size:11px;color:#64748b;margin-top:4px}.exam-intonation-popup__ring,.exam-pron-popup__ring{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:#f1f5f9}.exam-intonation-popup__ring:before,.exam-pron-popup__ring:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff}.exam-intonation-popup__ring b,.exam-pron-popup__ring b{position:relative;font-size:14px;font-weight:700;color:#0b1528}.exam-intonation-popup__close,.exam-pron-popup__close{width:28px;height:28px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.exam-pron-popup__close:hover{border-color:#f97316;color:#f97316}.exam-intonation-popup__close:hover{border-color:#7c3aed;color:#7c3aed}.exam-intonation-popup__controls,.exam-pron-popup__controls{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.exam-intonation-popup__lang-btn,.exam-intonation-popup__user-btn,.exam-pron-popup__lang-btn,.exam-pron-popup__user-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 10px;font-size:11px;border:1px solid #e5e7eb;background:#fff;color:#0b1528;transition:background .15s,color .15s,border-color .15s}.exam-pron-popup__lang-btn:hover{border-color:#f97316;color:#f97316}.exam-intonation-popup__lang-btn:hover{border-color:#7c3aed;color:#7c3aed}.exam-intonation-popup__user-btn,.exam-pron-popup__user-btn{margin-left:auto;color:#fff;background:#f97316;border-color:#f97316}.exam-intonation-popup__user-btn{background:#7c3aed;border-color:#7c3aed}.exam-pron-popup__user-btn:hover{background:#ea580c;border-color:#ea580c}.exam-intonation-popup__user-btn:hover{background:#6d28d9;border-color:#6d28d9}.exam-pron-popup__tbl-head{padding:8px 16px 6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#94a3b8}.exam-pron-popup__row,.exam-pron-popup__tbl-head{display:grid;grid-template-columns:1fr 90px 50px 90px;gap:8px}.exam-pron-popup__row{padding:10px 16px;border-top:1px solid #f1f5f9;align-items:center}.exam-pron-popup__row.is-mismatch{background:linear-gradient(90deg,rgba(220,38,38,.04),transparent 60%)}.exam-pron-popup__syl{font-weight:700;font-size:14px;color:#0b1528}.exam-pron-popup__syl-ipa{font-family:JetBrains Mono,Menlo,monospace;font-size:12px;color:#475569}.exam-pron-popup__syl-score{font-family:JetBrains Mono,Menlo,monospace;font-weight:700;text-align:right}.exam-pron-popup__tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;white-space:nowrap}.exam-pron-popup__tag.is-ok{background:#dcfce7;color:#16a34a}.exam-pron-popup__tag.is-near{background:#fef3c7;color:#d97706}.exam-pron-popup__tag.is-bad{background:#fee2e2;color:#dc2626}.exam-pron-popup__empty{padding:30px 20px;text-align:center;color:#64748b;font-size:13px}.exam-intonation-popup__foot,.exam-pron-popup__foot{padding:9px 16px;background:#fafbfc;border-top:1px solid #f1f5f9;font-size:11px;color:#64748b;font-weight:700;display:flex;justify-content:center}.exam-intonation-popup__tabs{display:flex;gap:6px;padding:10px 16px 0}.exam-intonation-popup__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;cursor:pointer;font-family:inherit;font-weight:700;font-size:12px;padding:6px 14px;border-radius:999px;border:1px solid #ede9fe;background:#faf5ff;color:#7c3aed;transition:background .15s,color .15s,border-color .15s}.exam-intonation-popup__tab.is-active{background:#7c3aed;border-color:#7c3aed;color:#fff}.exam-intonation-popup__curve-summary{margin:6px 4px 2px;text-align:center;font-size:11px;font-weight:700;color:#64748b}.exam-intonation-popup__curve-wrap{padding:6px 14px 10px;border-bottom:1px solid #f1f5f9;background:#fff}.exam-intonation-popup__legend{display:flex;gap:14px;font-size:10px;font-weight:700;color:#64748b;letter-spacing:.04em;padding:8px 4px 4px;text-transform:uppercase}.exam-intonation-popup__legend span{display:inline-flex;gap:4px;align-items:center}.exam-intonation-popup__legend i{width:14px;height:2px;border-radius:1px;display:inline-block}.exam-intonation-popup__legend .l-target{background:#7c3aed}.exam-intonation-popup__legend .l-actual{background:#0b1528}.exam-intonation-popup__legend .legend-spacer{margin-left:auto;color:#dc2626}.exam-intonation-popup__svg{display:block;width:100%;height:96px}.exam-intonation-popup__syl-labels{display:grid;grid-auto-flow:column;gap:0;padding:4px 28px 8px}.exam-intonation-popup__syl-labels span{text-align:center;font-size:11px;font-weight:700;color:#475569;font-family:JetBrains Mono,Menlo,monospace}.exam-intonation-popup__syl-labels span.mismatch{color:#dc2626}.exam-intonation-popup__tbl-head{padding:8px 16px 6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#94a3b8}.exam-intonation-popup__row,.exam-intonation-popup__tbl-head{display:grid;grid-template-columns:1fr 74px 74px 90px;gap:6px}.exam-intonation-popup__row{padding:9px 16px;border-top:1px solid #f1f5f9;align-items:center}.exam-intonation-popup__row.is-mismatch{background:linear-gradient(90deg,rgba(220,38,38,.04),transparent 60%)}.exam-intonation-popup__syl{font-weight:700;font-size:14px;color:#0b1528}.exam-intonation-popup__stress-cell{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#0b1528}.exam-intonation-popup__stress-mark{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1.5px solid #e5e7eb;background:#fff;font-weight:700;font-size:10px;color:#94a3b8;flex-shrink:0}.exam-intonation-popup__stress-mark.lv-1.is-target{border-color:#7c3aed;background:#7c3aed;color:#fff}.exam-intonation-popup__stress-mark.lv-1.is-actual{border-color:#0b1528;background:#0b1528;color:#fff}.exam-intonation-popup__stress-mark.lv-1.mismatch{border-color:#dc2626;background:#dc2626;color:#fff}.exam-intonation-popup__stress-mark.lv-0{border-style:dashed}.exam-intonation-popup__tag{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}.exam-intonation-popup__tag.is-ok{background:#dcfce7;color:#16a34a}.exam-intonation-popup__tag.is-bad{background:#fee2e2;color:#dc2626}.exam-intonation-popup__empty{padding:28px 22px;text-align:center;color:#475569}.exam-intonation-popup__empty p{margin:0 0 6px;font-size:13px;line-height:1.55}.exam-intonation-popup__hint{color:#94a3b8;font-size:11px!important;font-style:italic}@keyframes speechace-popup-fade{0%{opacity:0}to{opacity:1}}@keyframes speechace-popup-rise{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.exam-intonation-popup-backdrop,.exam-intonation-popup-backdrop.is-anchored,.exam-pron-popup-backdrop,.exam-pron-popup-backdrop.is-anchored{display:flex;align-items:flex-end;justify-content:stretch;padding:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}.exam-intonation-popup,.exam-intonation-popup.placement-bottom,.exam-intonation-popup.placement-center,.exam-intonation-popup.placement-left,.exam-intonation-popup.placement-right,.exam-intonation-popup.placement-top,.exam-pron-popup,.exam-pron-popup.placement-bottom,.exam-pron-popup.placement-center,.exam-pron-popup.placement-left,.exam-pron-popup.placement-right,.exam-pron-popup.placement-top{
    /* !important: ghi đè inline style (position/top/left fixed) mà component set
       cho desktop — nếu không, mobile vẫn dính fixed top/left → không thành sheet. */position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;margin:0;width:100%;max-width:100%;max-height:78vh;border-radius:20px 20px 0 0;border-bottom:none;box-shadow:0 -8px 40px rgba(15,23,42,.3);overflow-y:auto;padding-bottom:max(14px,env(safe-area-inset-bottom));transform:none;animation:examSheetUp .32s cubic-bezier(.32,.72,0,1)}.exam-intonation-popup.placement-bottom:before,.exam-intonation-popup.placement-top:before,.exam-pron-popup.placement-bottom:before,.exam-pron-popup.placement-top:before{display:none}.exam-intonation-popup-backdrop.is-closing .exam-intonation-popup,.exam-pron-popup-backdrop.is-closing .exam-pron-popup{animation:examSheetDown .28s cubic-bezier(.32,.72,0,1) forwards}.exam-intonation-popup-backdrop.is-closing,.exam-pron-popup-backdrop.is-closing{animation:examSheetFadeOut .28s ease forwards}}@keyframes examSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes examSheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes examSheetFadeOut{0%{opacity:1}to{opacity:0}}.exam-errpopup-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);animation:speechace-popup-fade .18s ease-out}.exam-errpopup-backdrop.is-anchored{background:transparent;backdrop-filter:none;display:block;padding:0}.exam-errpopup{width:320px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 36px -8px rgba(15,23,42,.28);padding:12px 14px;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;animation:speechace-popup-rise .2s cubic-bezier(.32,.72,.34,1.05)}.exam-errpopup.placement-bottom,.exam-errpopup.placement-left,.exam-errpopup.placement-right,.exam-errpopup.placement-top{position:fixed;margin:0;max-height:calc(100vh - 24px);overflow-y:auto}.exam-errpopup.placement-bottom:before,.exam-errpopup.placement-top:before{content:"";position:absolute;left:var(--arrow-offset,50%);transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:#fff}.exam-errpopup.placement-bottom:before{top:-6px;border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0}.exam-errpopup.placement-top:before{bottom:-6px;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}@media (max-width:640px){.exam-errpopup-backdrop,.exam-errpopup-backdrop.is-anchored{display:flex;align-items:flex-end;justify-content:stretch;padding:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}.exam-errpopup,.exam-errpopup.placement-bottom,.exam-errpopup.placement-center,.exam-errpopup.placement-left,.exam-errpopup.placement-right,.exam-errpopup.placement-top{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;margin:0;width:100%;max-width:100%;max-height:78vh;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px rgba(15,23,42,.3);padding-bottom:max(16px,env(safe-area-inset-bottom));transform:none;animation:examSheetUp .32s cubic-bezier(.32,.72,0,1)}.exam-errpopup.placement-bottom:before,.exam-errpopup.placement-top:before{display:none}.exam-errpopup-backdrop.is-closing .exam-errpopup{animation:examSheetDown .28s cubic-bezier(.32,.72,0,1) forwards}.exam-errpopup-backdrop.is-closing{animation:examSheetFadeOut .28s ease forwards}}[data-css-theme=dark] .exam-errpopup,[data-css-theme=dark] .exam-intonation-popup,[data-css-theme=dark] .exam-pron-popup{background:#1a2030;border-color:#2b3444;color:#e8eefc;--exam-ring-track:#333a46;box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}[data-css-theme=dark] .exam-errpopup.placement-bottom:before,[data-css-theme=dark] .exam-errpopup.placement-top:before,[data-css-theme=dark] .exam-intonation-popup.placement-bottom:before,[data-css-theme=dark] .exam-intonation-popup.placement-top:before,[data-css-theme=dark] .exam-pron-popup.placement-bottom:before,[data-css-theme=dark] .exam-pron-popup.placement-top:before{background:#1a2030;border-color:#2b3444}[data-css-theme=dark] .exam-pron-popup__head{background:linear-gradient(180deg,#241a0c,#1a2030);border-bottom-color:#2b3444}[data-css-theme=dark] .exam-intonation-popup__head{background:linear-gradient(180deg,#1f1636,#1a2030);border-bottom-color:#2b3444}[data-css-theme=dark] .exam-intonation-popup__eyebrow{color:#a78bfa}[data-css-theme=dark] .exam-intonation-popup__title h3,[data-css-theme=dark] .exam-pron-popup__title h3{color:#e8eefc}[data-css-theme=dark] .exam-intonation-popup__ipa,[data-css-theme=dark] .exam-pron-popup__ipa{color:#93a2be}[data-css-theme=dark] .exam-intonation-popup__ring,[data-css-theme=dark] .exam-pron-popup__ring{background:#333a46}[data-css-theme=dark] .exam-intonation-popup__ring:before,[data-css-theme=dark] .exam-pron-popup__ring:before{background:#1a2030}[data-css-theme=dark] .exam-intonation-popup__ring b,[data-css-theme=dark] .exam-pron-popup__ring b{color:#e8eefc}[data-css-theme=dark] .exam-intonation-popup__close,[data-css-theme=dark] .exam-pron-popup__close{background:#1a2030;border-color:#333a46;color:#93a2be}[data-css-theme=dark] .exam-intonation-popup__controls,[data-css-theme=dark] .exam-pron-popup__controls{background:#12161f;border-bottom-color:#2b3444}[data-css-theme=dark] .exam-intonation-popup__lang-btn,[data-css-theme=dark] .exam-pron-popup__lang-btn{background:#232a38;border-color:#333a46;color:#e8eefc}[data-css-theme=dark] .exam-intonation-popup__tbl-head,[data-css-theme=dark] .exam-pron-popup__tbl-head{color:#8a92a2}[data-css-theme=dark] .exam-intonation-popup__row,[data-css-theme=dark] .exam-pron-popup__row{border-top-color:#2b3444}[data-css-theme=dark] .exam-intonation-popup__syl,[data-css-theme=dark] .exam-pron-popup__syl{color:#e8eefc}[data-css-theme=dark] .exam-pron-popup__syl-ipa{color:#b7bdc9}[data-css-theme=dark] .exam-pron-popup__empty{color:#93a2be}[data-css-theme=dark] .exam-intonation-popup__tag.is-ok,[data-css-theme=dark] .exam-pron-popup__tag.is-ok{background:#16271f;color:#34d399}[data-css-theme=dark] .exam-pron-popup__tag.is-near{background:#2a2312;color:#fbbf24}[data-css-theme=dark] .exam-intonation-popup__tag.is-bad,[data-css-theme=dark] .exam-pron-popup__tag.is-bad{background:#2c1519;color:#fb7185}[data-css-theme=dark] .exam-intonation-popup__foot,[data-css-theme=dark] .exam-pron-popup__foot{background:#12161f;border-top-color:#2b3444;color:#93a2be}[data-css-theme=dark] .exam-intonation-popup__tab{background:#1f1636;border-color:#3a2d5c;color:#c4b5fd}[data-css-theme=dark] .exam-intonation-popup__curve-summary{color:#93a2be}[data-css-theme=dark] .exam-intonation-popup__curve-wrap{background:#1a2030;border-bottom-color:#2b3444}[data-css-theme=dark] .exam-intonation-popup__legend{color:#93a2be}[data-css-theme=dark] .exam-intonation-popup__legend .l-actual{background:#e8eefc}[data-css-theme=dark] .exam-intonation-popup__syl-labels span{color:#b7bdc9}[data-css-theme=dark] .exam-intonation-popup__syl-labels span.mismatch{color:#fb7185}[data-css-theme=dark] .exam-intonation-popup__stress-cell{color:#e8eefc}[data-css-theme=dark] .exam-intonation-popup__stress-mark{background:#232a38;border-color:#333a46;color:#8a92a2}[data-css-theme=dark] .exam-intonation-popup__stress-mark.lv-1.is-actual{background:#e8eefc;border-color:#e8eefc;color:#0b1528}[data-css-theme=dark] .exam-intonation-popup__empty{color:#b7bdc9}[data-css-theme=dark] .exam-errpopup{color:#e8eefc}