@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Quicksand:wght@500;600;700;800&display=swap";:root{--inter-font-family:"Plus Jakarta Sans", "Outfit", "Inter", system-ui, -apple-system, sans-serif;--inter-font-heading:"Outfit", "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--inter-font-body:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--inter-font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--inter-font-friendly:"Quicksand", "Plus Jakarta Sans", sans-serif;--inter-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--inter-blue:#1d4ed8;--inter-blue-hover:#1e40af;--inter-blue-light:#eff6ff;--inter-blue-border:#bfdbfe;--inter-blue-border-active:#93c5fd;--inter-blue-glow:#1d4ed859;--inter-blue-glow-subtle:#1d4ed826;--inter-blue-glow-strong:#1d4ed873;--inter-canvas-bg:#edf5fe;--inter-canvas-gradient:linear-gradient(180deg, #edf5fe 0%, #e6f1fc 50%, #edf5fe 100%);--inter-card-bg:#fff;--inter-card-border:#e2e8f0;--inter-card-border-hover:#cbd5e1;--inter-card-shadow:0 10px 32px #0f172a0d;--inter-text-main:#0f172a;--inter-text-navy:#1e3a8a;--inter-text-slate:#1e293b;--inter-text-muted:#64748b;--inter-text-disabled:#94a3b8;--inter-white:#fff;--inter-green:#22c55e;--inter-green-dark:#16a34a;--inter-green-glow:#16a34a4d;--inter-lime-progress:#78d824;--inter-purple:#8b5cf6;--inter-purple-dark:#6d28d9;--inter-orange:#ea580c;--inter-pink:#f43f5e;--inter-gold:#fbbf24;--inter-gold-dark:#d97706;--inter-hint-bg:#fef9c3;--inter-hint-border:#fef08a;--inter-hint-text:#854d0e;--inter-hint-glow:#eab3081f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{width:100%;min-height:100%;overflow-x:hidden}body{width:100%;min-height:100vh;color:var(--inter-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.4;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.quiz-page-wrapper{box-sizing:border-box;background-color:#f4f6fb;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-bottom:70px;display:flex}.top-header-bar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;width:100%;display:flex;box-shadow:0 1px 3px #00000005}.top-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;padding:10px 24px;display:flex}.quiz-icon-box{color:#fff;background:#5046e4;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #5046e440}.quiz-brand-icon{width:17px;height:17px}.quiz-title-group{flex-direction:column;gap:1px;display:flex}.quiz-main-title{color:#0f172a;font-size:16px;font-weight:700;line-height:1.2}.quiz-sub-title{color:#64748b;font-size:12px;font-weight:500}.quiz-header-right,.quiz-score-group{align-items:center;gap:12px;display:flex}.quiz-score-texts{text-align:right;flex-direction:column;gap:1px;display:flex}.quiz-score-val{color:#0f172a;font-size:14.5px;font-weight:700;line-height:1.2}.quiz-score-count{color:#64748b;font-size:11.5px;font-weight:500}.fullscreen-toggle-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:700;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.fullscreen-toggle-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 2px 6px #4f46e526}.fullscreen-toggle-btn.active{color:#fff;background:#4f46e5;border-color:#4338ca;box-shadow:0 2px 8px #4f46e559}.fullscreen-icon{flex-shrink:0;width:13.5px;height:13.5px;transition:transform .2s}.fullscreen-toggle-btn:hover .fullscreen-icon{transform:scale(1.1)}.fullscreen-btn-label{letter-spacing:.3px}.quiz-dots-btn{color:#94a3b8;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.quiz-dots-btn:hover{color:#0f172a;background:#e2e8f0}.quiz-icon-inline{width:14px;height:14px}.top-header-bar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;width:100%;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.top-header-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1100px;padding:10px 24px;display:flex}.bottom-bar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1100px;padding:0 24px;display:flex}@media (width<=1023px){.top-header-inner{padding:10px 20px}.quiz-main-title{font-size:15px}.quiz-sub-title{font-size:11.5px}.quiz-score-val{font-size:13.5px}.quiz-score-count{font-size:11px}.bottom-bar-inner{padding:0 20px}.nav-prev-btn,.nav-next-btn{padding:7px 14px;font-size:12.5px}.q-dot{width:25px;height:25px;font-size:10.5px}}@media (width<=767px){.top-header-inner{gap:10px;padding:8px 16px}.quiz-brand{gap:10px}.quiz-icon-box{width:30px;height:30px}.quiz-brand-icon{width:16px;height:16px}.quiz-main-title{font-size:14px}.quiz-sub-title{display:none}.quiz-header-right{gap:8px}.quiz-score-texts{align-items:flex-end}.quiz-score-val{font-size:12.5px;font-weight:800}.quiz-score-count{font-size:10px}.fullscreen-toggle-btn{padding:5px 9px;font-size:11px}.fixed-bottom-bar{height:52px}.bottom-bar-inner{gap:8px;padding:0 12px}.questions-nav-label{display:none}.questions-nav-group{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;justify-content:center;overflow-x:auto}.questions-nav-group::-webkit-scrollbar{display:none}.nav-prev-btn,.nav-next-btn{border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px}.q-dot{width:24px;height:24px;font-size:10.5px}}@media (width<=640px){.nav-prev-btn .nav-btn-text,.nav-next-btn .nav-btn-text{display:none!important}.nav-prev-btn,.nav-next-btn{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:inline-flex;padding:0!important}.nav-arrow-icon,.nav-finish-icon{width:16px;height:16px;margin:0!important}.desktop-dots-nav{display:none!important}.mobile-page-counter-badge{-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;gap:5px;padding:5px 14px;font-family:ui-monospace,monospace;box-shadow:0 1px 3px #0000000a;display:inline-flex!important}.mobile-counter-curr{color:#5046e4;font-size:15px;font-weight:800}.mobile-counter-sep{color:#94a3b8;font-size:13px;font-weight:700}.mobile-counter-total{color:#64748b;font-size:14px;font-weight:700}}@media (width<=575px){.top-header-bar{height:50px}.top-header-inner{gap:6px;padding:6px 12px}.quiz-brand{gap:8px}.quiz-icon-box{border-radius:7px;width:28px;height:28px}.quiz-brand-icon{width:15px;height:15px}.quiz-main-title{font-size:13.5px;font-weight:800}.quiz-score-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px}.quiz-score-val{color:#4f46e5;font-size:11.5px}.quiz-score-count{display:none}.fullscreen-toggle-btn{border-radius:6px;justify-content:center;min-width:30px;padding:6px}.fullscreen-btn-label{display:none}.fullscreen-icon{width:14px;height:14px}.quiz-dots-btn{width:26px;height:26px}.quiz-page-wrapper{padding-bottom:85px}.quiz-card-container{gap:10px;padding:8px 12px 0}.quiz-progress-block{gap:6px;padding:0}.quiz-progress-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex;flex-wrap:nowrap!important}.progress-title-left{flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}.quiz-question-number{white-space:nowrap;margin:0;font-size:13.5px;line-height:1}.q-num-full,.q-num-short{display:none!important}.q-num-compact{display:inline!important}.q-meta-full{display:none!important}.q-meta-short{display:inline!important}.quiz-category-tag{white-space:nowrap;flex-shrink:0;padding:1.5px 5px;font-size:8.5px}.quiz-timer-pill{white-space:nowrap;flex-shrink:0;gap:4px;padding:2.5px 7px}.timer-text-full{display:none!important}.timer-text-short{font-size:11px;font-weight:700;display:inline!important}.timer-icon{width:11.5px;height:11.5px}.header-progress-pct-pill{color:#5046e4;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:9999px;justify-content:center;align-items:center;padding:2px 7px;font-family:ui-monospace,monospace;font-size:11px;font-weight:800;line-height:1;box-shadow:0 1px 3px #5046e414;display:inline-flex!important}.desktop-only-labels,.audio-format-pill{display:none!important}.fixed-bottom-bar{height:52px}.bottom-bar-inner{gap:6px;padding:0 10px}.question-dots-list{gap:3px}.q-dot{width:23px;height:23px;font-size:10px}.q-dot-ellipsis{padding:0 1px;font-size:10px}}@media (width<=359px){.top-header-inner{padding:4px 8px}.quiz-main-title{font-size:12.5px}.quiz-score-group{padding:2px 4px}.quiz-score-val{font-size:10.5px}.quiz-card-container{padding:6px 8px 0}.quiz-category-tag{display:none}.quiz-question-number{font-size:12.5px}.nav-prev-btn,.nav-next-btn{width:34px;min-width:34px;height:34px}.q-dot{width:21px;height:21px;font-size:9.5px}}.quiz-card-container{flex-direction:column;gap:16px;width:100%;max-width:1100px;padding:16px 24px 0;display:flex}.quiz-progress-block{flex-direction:column;gap:10px;padding:4px 0 2px;display:flex}.quiz-progress-header{justify-content:space-between;align-items:center;display:flex}.progress-title-left{align-items:center;gap:10px;display:flex}.quiz-question-number{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:17.5px;font-weight:800}.q-num-full{display:inline}.q-num-short,.q-num-compact{display:none}.q-meta-full{display:inline}.q-meta-short{display:none}.timer-text-full{display:inline}.timer-text-short{display:none}.quiz-category-tag{color:#4f46e5;letter-spacing:.4px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.tag-sparkle{color:#4f46e5;font-size:10px}.live-pulse-badge{color:#047857;letter-spacing:.4px;background:#ecfdf5;border:1px solid #d1fae5;border-radius:9999px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulseDot;box-shadow:0 0 #10b981b3}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.quiz-timer-pill{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex;box-shadow:0 1px 3px #00000005}.timer-icon{color:#4f46e5;width:13px;height:13px;animation:8s linear infinite timerRotate}@keyframes timerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer-text{color:#475569;font-family:ui-monospace,monospace;font-size:12px;font-weight:600}.quiz-progress-bar-wrap{flex-direction:column;gap:6px;width:100%;display:flex;position:relative}.quiz-progress-track{background:#e2e8f0;border-radius:9999px;width:100%;height:8px;position:relative;overflow:hidden}.track-milestones-container{pointer-events:none;z-index:1;position:absolute;inset:0}.milestone-pip{background:#cbd5e1;border-radius:50%;width:4px;height:4px;transition:all .3s;position:absolute;top:50%;transform:translate(-50%,-50%)}.milestone-pip.passed{background:#fff}.quiz-progress-fill{background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 25%,#ec4899 50%,#06b6d4 75%,#3b82f6 100%) 0 0/200% 100%;border-radius:9999px;min-width:8px;height:100%;transition:width .75s cubic-bezier(.34,1.25,.64,1);animation:3.5s infinite progressGradientMove;position:relative}@keyframes progressGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.quiz-progress-labels{color:#94a3b8;letter-spacing:.3px;justify-content:space-between;align-items:center;height:20px;margin-top:2px;font-size:11px;font-weight:700;display:flex;position:relative}.start-label,.finish-label{color:#94a3b8;font-size:10.5px;font-weight:700}.header-progress-pct-pill{display:none}.quiz-progress-floating-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%);border-radius:6px;justify-content:center;align-items:center;padding:2px 8px;transition:left .75s cubic-bezier(.34,1.25,.64,1);display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 8px #7c3aed59}.floating-badge-arrow{border-bottom:4px solid #4f46e5;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.floating-badge-full-text{letter-spacing:.3px;color:#fff;font-size:10.5px;font-weight:800;display:inline-block}.floating-badge-short-text{display:none}.floating-badge-val{color:#fff;font-size:10.5px;font-weight:800}.quiz-cards-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;height:500px;min-height:480px;display:grid}@media (width<=860px){.quiz-cards-grid{grid-template-columns:1fr;gap:16px;height:auto!important;min-height:auto!important}.quiz-card{padding:18px 20px;height:auto!important;max-height:none!important;overflow:visible!important}.media-card{height:auto!important}}@media (width<=575px){.quiz-cards-grid{gap:12px}.quiz-card{border-radius:12px;padding:14px 12px}.question-title{font-size:13.5px}.sentence-prompt-card{padding:10px 12px}.sentence-prompt-text{font-size:12.5px}.option-row{gap:8px;padding:9px 12px}.option-label,.option-value{font-size:13px}}.quiz-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;height:100%;max-height:500px;padding:22px 24px;display:flex;overflow:hidden auto;box-shadow:0 4px 12px -2px #0f172a0a}.quiz-card::-webkit-scrollbar{width:5px}.quiz-card::-webkit-scrollbar-track{background:0 0}.quiz-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.quiz-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.quiz-card{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.media-card{gap:16px;height:100%}.media-card-top{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.media-card-title{color:#0f172a;font-size:15px;font-weight:700}.media-card-subtitle{color:#64748b;font-size:12px}.video-player-box{aspect-ratio:16/9.2;cursor:pointer;background:#0f172a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.html5-video-element{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.video-player-shade{z-index:2;pointer-events:none;background:linear-gradient(#0f172a1a 0%,#0f172a99 100%);position:absolute;inset:0}.center-play-button{z-index:5;-webkit-backdrop-filter:blur(6px);background:#0f172aa6;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .15s,opacity .2s;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.center-play-button:hover{background:#0f172ad9;transform:scale(1.08)}.center-play-button.is-playing{opacity:0;pointer-events:none}.video-player-box:hover .center-play-button.is-playing{opacity:.85;pointer-events:auto}.center-play-icon{color:#fff;width:16px;height:16px}.video-controls-overlay{z-index:6;background:linear-gradient(#0000 0%,#0f172aeb 100%);align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-ctrl-btn{color:#fff;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:background .15s;display:flex}.video-ctrl-btn:hover{background:#fff3}.video-time{color:#fff;font-family:ui-monospace,monospace;font-size:10.5px}.video-scrubber-wrapper{flex:1;align-items:center;height:12px;display:flex;position:relative}.video-scrubber-input{appearance:none;cursor:pointer;z-index:2;background:#ffffff4d;border-radius:2px;outline:none;width:100%;height:3.5px;position:relative}.video-scrubber-progress-fill{pointer-events:none;z-index:1;background:#38bdf8;border-radius:2px;height:3.5px;position:absolute;left:0}.video-ctrl-icons{align-items:center;gap:6px;display:flex}.video-ctrl-icon{color:#fff;width:12px;height:12px}.media-info-bottom{flex-direction:column;gap:4px;display:flex}.lesson-heading{color:#0f172a;font-size:13.5px;font-weight:700}.lesson-desc{color:#64748b;font-size:11.5px;line-height:1.4}.lesson-meta-row{align-items:center;gap:16px;margin-top:4px;display:flex}.lesson-meta-item{color:#64748b;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.meta-icon{color:#94a3b8;width:12px;height:12px}.question-card{gap:14px}.category-pill-wrap{flex-shrink:0;display:flex}.grammar-badge{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.grammar-badge-icon{font-size:11px}.grammar-badge-icon svg,.grammar-badge svg,svg.grammar-badge-icon{flex-shrink:0;width:11px;height:11px;display:block}.question-title{color:#0f172a;flex-shrink:0;font-size:14px;font-weight:700;line-height:1.35}.sentence-prompt-card{background:#f8fafc;border:1px solid #e2e8f0;border-left:3.5px solid #4f46e5;border-radius:8px;flex-shrink:0;padding:12px 16px}.sentence-prompt-text{color:#334155;font-size:13px;font-style:italic;font-weight:600;line-height:1.4}.options-container{flex-direction:column;gap:9px;display:flex}.option-row{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:11px 16px;font-family:inherit;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.option-row:hover{background:#f8faff;border-color:#5046e4;transform:translateY(-1px);box-shadow:0 3px 8px #5046e414}.option-row:active{transform:translateY(0)}.option-row.selected{background:#f5f3ff;border-color:#5046e4;box-shadow:0 2px 8px #5046e424}.radio-circle{background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.option-row:hover .radio-circle{border-color:#94a3b8}.option-row.selected .radio-circle,.radio-circle.checked{background:#fff;border-color:#4f46e5}.radio-dot{opacity:0;background:#4f46e5;border-radius:50%;width:7.5px;height:7.5px;transition:all .18s cubic-bezier(.34,1.56,.64,1);transform:scale(.4)}.option-row.selected .radio-dot,.radio-circle.checked .radio-dot{opacity:1;transform:scale(1)}.option-checkbox-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.option-checkbox-box.checked{background:#4f46e5;border-color:#4f46e5;box-shadow:0 1px 4px #4f46e559}.checkbox-check-svg{color:#fff;width:11px;height:11px}.option-label{color:#475569;letter-spacing:.2px;margin-right:2px;font-size:13.5px;font-weight:700;transition:color .15s}.option-row.selected .option-label{color:#4f46e5;font-weight:800}.option-value{color:#1e293b;letter-spacing:-.1px;font-size:13.5px;font-weight:600;line-height:1.4;transition:color .15s}.option-row.selected .option-value{color:#1e1b4b;font-weight:700}.submit-answer-btn,.quiz-submit-btn{color:#fff;cursor:pointer;letter-spacing:.2px;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:linear-gradient(135deg,#5046e4 0%,#4338ca 100%);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #4f46e552}.submit-answer-btn:hover:not(:disabled),.quiz-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1.5px);box-shadow:0 6px 20px #4f46e56b}.submit-answer-btn:active:not(:disabled),.quiz-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #4f46e540}.submit-answer-btn:disabled,.quiz-submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.feedback-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;flex-direction:column;gap:4px;padding:13px 18px;display:flex}.feedback-banner-header{align-items:center;gap:7px;display:flex}.feedback-check-circle{background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.check-icon{width:10px;height:10px}.feedback-title{color:#047857;font-size:13.5px;font-weight:700}.feedback-explanation{color:#334155;font-size:12px;line-height:1.45}.feedback-tags-row{align-items:center;gap:10px;margin-top:2px;display:flex}.feedback-tag{color:#065f46;background:#10b9811f;border-radius:9999px;align-items:center;gap:4px;padding:2.5px 8px;font-size:11px;font-weight:700;display:inline-flex}.tag-icon{width:11px;height:11px}.fixed-bottom-bar{z-index:1000;background:#fff;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;height:52px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000008}.bottom-bar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;padding:0 24px;display:flex}.nav-prev-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.nav-prev-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.nav-prev-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000a}.nav-prev-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;background:#f8fafc;border-color:#e2e8f0}.nav-arrow-icon{width:14px;height:14px}.questions-nav-group{align-items:center;gap:8px;display:flex}.mobile-page-counter-badge{display:none}.questions-nav-label{color:#64748b;letter-spacing:.5px;font-size:11.5px;font-weight:800}.question-dots-list{align-items:center;gap:5px;display:flex}.q-dot{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.q-dot.completed{color:#fff;background:#10b981;box-shadow:0 1px 4px #10b98140}.q-dot.completed:hover{background:#059669;transform:scale(1.1)}.q-dot.active{color:#fff;background:#5046e4;transform:scale(1.08);box-shadow:0 2px 8px #5046e466}.q-dot.pending{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.q-dot.pending:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.08)}.q-dot-ellipsis{color:#94a3b8;padding:0 4px;font-size:12px;font-weight:800}.nav-next-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#5046e4 0%,#4338ca 100%);border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #5046e44d}.nav-next-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 4px 14px #5046e473}.nav-next-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #5046e433}.nav-next-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.nav-next-btn.finish-quit-btn{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 2px 10px #05966959}.nav-next-btn.finish-quit-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 4px 16px #0596697a}.nav-next-btn.finish-quit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #05966940}.nav-finish-icon{stroke-width:2.5px;width:15px;height:15px}.lazy-screen-loader{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:380px;display:flex}.loader-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:32px;height:32px;animation:.75s linear infinite spinLoader}@keyframes spinLoader{to{transform:rotate(360deg)}}.loader-text{color:#64748b;font-size:13px;font-weight:600}.minimal-progress .quiz-question-number{font-size:16px}.quiz-right-meta{color:#64748b;font-size:12px;font-weight:600}.fill-blank-card{gap:16px}.vocab-badge{color:#7c3aed;background:#f3f0ff;border-color:#e9d5ff}.fill-blank-list{flex-direction:column;gap:12px;display:flex}.fill-blank-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.fill-blank-num{color:#4f46e5;margin-top:1px;font-size:13px;font-weight:700}.fill-blank-content{color:#334155;flex:1;font-size:13px;font-weight:500;line-height:1.6}.fill-input-wrapper{vertical-align:middle;margin:0 6px;display:inline-block;position:relative}.fill-blank-card .fill-blank-input,.fill-blank-input{color:#5046e4;caret-color:#5046e4;text-align:center;box-sizing:border-box;background:#fff;border:1.5px dashed #cbd5e1;border-bottom:2.5px solid #5046e4;border-radius:6px;outline:none;width:125px;min-width:90px;height:28px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #5046e40d}.fill-blank-card .fill-blank-input::placeholder,.fill-blank-input::placeholder{color:#94a3b8;font-weight:400}.fill-blank-card .fill-blank-input:hover,.fill-blank-input:hover{background:#fff;border-color:#a5b4fc #a5b4fc #5046e4}.fill-blank-card .fill-blank-input:focus,.fill-blank-input:focus{color:#5046e4;caret-color:#5046e4;background:#fff;border-color:#5046e4 #5046e4 #4338ca;border-bottom-style:solid;border-bottom-width:2.5px;font-weight:700;box-shadow:0 0 0 3px #5046e42e}.fill-blank-card .fill-blank-input.has-answer,.fill-blank-input.has-answer{color:#5046e4;background:#fcfcff;border-style:solid;border-color:#c7d2fe #c7d2fe #5046e4;border-bottom-width:2.5px;font-weight:700}.drag-drop-card{box-sizing:border-box;gap:14px;width:100%;overflow-x:hidden}.drag-drop-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.drag-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff}.blanks-remaining-label{color:#94a3b8;letter-spacing:.3px;white-space:nowrap;font-size:11px;font-weight:700}.drag-drop-sentences-list{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.drag-sentence-item{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:8px;width:100%;padding:12px 14px;display:flex}.sentence-num{color:#4f46e5;flex-shrink:0;margin-top:1px;font-size:13px;font-weight:700}.drag-sentence-text{color:#334155;word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0;margin:0;font-size:13.5px;font-weight:500;line-height:2.2}.drag-slot{vertical-align:middle;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;max-width:100%;height:26px;margin:0 4px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.drag-slot.empty{background:#fff;border:1.5px dashed #94a3b8;min-width:55px;height:26px}.drag-slot.filled{color:#fff;cursor:pointer;white-space:nowrap;background:#5046e4;gap:4px;padding:0 8px;box-shadow:0 1px 4px #5046e440}.drag-slot.filled:hover{background:#4338ca}.remove-cross{opacity:.8;margin-left:2px;font-size:14px;line-height:1}.word-bank-section{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;width:100%;padding:12px 14px;display:flex}.word-bank-header{justify-content:space-between;align-items:center;display:flex}.word-bank-title{color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:700}.word-bank-reset-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600;transition:color .15s}.word-bank-reset-btn:hover{color:#3730a3;text-decoration:underline}.word-bank-chips-grid{box-sizing:border-box;flex-wrap:wrap;gap:6px;width:100%;display:flex}.word-chip{color:#334155;cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;white-space:normal;word-break:break-word;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;max-width:100%;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s}.word-chip:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.word-chip.used,.word-chip:disabled{opacity:.35;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.true-false-card{gap:14px}.logic-badge{color:#4f46e5;background:#eef2ff;border-color:#e0e7ff}.true-false-list{flex-direction:column;gap:10px;display:flex}.true-false-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.true-false-statement-text{color:#1e293b;font-size:12.5px;font-weight:600;line-height:1.45}.true-false-btn-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tf-btn{color:#475569;text-align:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .15s}.tf-btn:hover{background:#f8fafc;border-color:#94a3b8}.tf-btn.selected{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e547}.text-highlight-card{gap:12px}.text-highlight-header-row{justify-content:space-between;align-items:center;display:flex}.highlight-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff;font-weight:700}.text-highlight-tag-lbl{color:#64748b;font-size:11.5px;font-weight:500}.text-highlight-instructions{color:#64748b;margin-top:-4px;font-size:12px}.transcript-box{-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.transcript-paragraph{color:#334155;margin:0;font-size:13px;font-weight:500;line-height:1.8}.transcript-word-btn{color:#1e293b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;margin:1px 2px;padding:1px 4px;font-size:13px;transition:all .12s;display:inline-block}.transcript-word-btn:hover{background:#e2e8f0}.transcript-word-btn.highlighted{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe;font-weight:700}.transcript-punctuation{color:#64748b;font-size:13px}.selected-words-display-box{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.selected-words-display-box.detection-selected-box{background:snow;border-color:#fee2e2}.selected-words-box-header{justify-content:space-between;align-items:center;display:flex}.selected-words-header-title{color:#475569;letter-spacing:.4px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.selected-words-count-badge{color:#4f46e5;font-weight:800}.selected-words-count-badge.detection-count-badge{color:#dc2626}.selected-words-clear-mini-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;transition:all .15s}.selected-words-clear-mini-btn:hover{color:#ef4444;background:#fee2e2}.selected-words-chips-cloud{flex-wrap:wrap;align-items:center;gap:6px;max-height:80px;display:flex;overflow-y:auto}.selected-word-pill{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #5046e414}.selected-word-pill.detection-word-pill{color:#b91c1c;background:#fef2f2;border-color:#fca5a5;box-shadow:0 1px 2px #dc262614}.selected-word-text{line-height:1.2}.selected-word-remove-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 2px;font-size:14px;font-weight:700;line-height:1;transition:all .12s;display:inline-flex}.selected-word-remove-btn:hover{color:#ef4444;transform:scale(1.2)}.no-words-selected-hint{color:#94a3b8;margin:0;padding:2px 0;font-size:11.5px;font-style:italic}.highlight-actions-row{grid-template-columns:1fr 2fr;gap:10px;display:grid}.highlight-clear-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.highlight-clear-btn:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.highlight-clear-btn:disabled{opacity:.5;cursor:not-allowed}.highlight-submit-btn{color:#fff;background:#8b5cf6;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #8b5cf647}.highlight-submit-btn:hover{background:#7c3aed}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eqBounce{0%{transform:scaleY(.4)}to{transform:scaleY(1.15)}}@keyframes pulseSoundRing{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes meterPulse{0%,to{opacity:.35;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.attractive-audio-player{box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;font-family:inherit;position:relative;overflow:hidden}.attractive-audio-player.full-variant{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 4px 16px -2px #0f172a0d,0 1px 3px #0f172a08}.audio-ambient-glow{filter:blur(25px);pointer-events:none;z-index:0;background:#4f46e50f;border-radius:50%;width:120px;height:60px;position:absolute;top:-20px;left:20%}.audio-ambient-glow-secondary{filter:blur(20px);pointer-events:none;z-index:0;background:#38bdf80f;border-radius:50%;width:100px;height:50px;position:absolute;bottom:-15px;right:15%}.audio-top-header-panel{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.audio-track-header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.audio-vinyl-art-wrap{background:#0f172a;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .3s;display:flex;position:relative;box-shadow:0 2px 8px #0f172a26}.audio-vinyl-art-wrap.is-spinning{animation:6s linear infinite spinVinyl}.vinyl-groove-ring{pointer-events:none;border:1px dashed #ffffff1f;border-radius:50%;position:absolute}.vinyl-groove-ring.ring-1{width:30px;height:30px}.vinyl-groove-ring.ring-2{width:18px;height:18px}.vinyl-center-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;box-shadow:0 0 6px #4f46e580}.vinyl-badge-icon{width:8.5px;height:8.5px}.audio-track-texts{flex-direction:column;gap:2px;min-width:0;display:flex}.audio-track-badge-row{align-items:center;gap:6px;display:flex}.audio-studio-tag{color:#4f46e5;letter-spacing:.4px;font-size:9.5px;font-weight:700}.audio-live-pill{color:#64748b;letter-spacing:.4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:4px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-flex}.audio-live-pill.live{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.audio-pill-dot{background:#94a3b8;border-radius:50%;width:5px;height:5px}.audio-live-pill.live .audio-pill-dot{background:#10b981;animation:1.6s infinite pulseDot;box-shadow:0 0 6px #10b981}.audio-track-heading{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.audio-track-subheading{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.audio-speed-badge-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;transition:all .15s;display:flex}.audio-speed-badge-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.speed-label{color:#4f46e5;font-size:11px;font-weight:800;line-height:1}.speed-sub{color:#64748b;letter-spacing:.5px;margin-top:1px;font-size:7.5px;font-weight:700}.audio-waveform-studio-container{box-sizing:border-box;z-index:1;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:50px;padding:6px 12px;display:flex;position:relative}.waveform-meter-left,.waveform-meter-right{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.meter-label{color:#94a3b8;font-family:ui-monospace,monospace;font-size:8px;font-weight:800}.meter-bar{opacity:.3;background:linear-gradient(#ef4444 0%,#f59e0b 40%,#10b981 100%);border-radius:2px;width:3px;height:22px;transition:transform .15s}.meter-bar.pulsing{animation:.6s ease-in-out infinite alternate meterPulse}.meter-bar.pulsing.delay{animation-delay:.3s}.audio-equalizer-bars-group{flex:1;justify-content:space-between;align-items:flex-end;gap:2.5px;height:100%;padding:0 4px;display:flex}.equalizer-column{cursor:pointer;background:linear-gradient(#6366f1 0%,#4f46e5 55%,#4338ca 100%);border-radius:3px 3px 1px 1px;flex:1;max-width:5px;min-height:4px;transition:height .12s,opacity .15s;position:relative}.equalizer-column:hover{background:linear-gradient(#38bdf8 0%,#6366f1 100%);transform:scaleY(1.15)}.audio-equalizer-bars-group.is-playing .equalizer-column{animation:1s ease-in-out infinite alternate eqBounce}.column-glow-tip{opacity:.9;background:#38bdf8;border-radius:2px 2px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.audio-scrubber-console{z-index:1;align-items:center;gap:10px;width:100%;display:flex;position:relative}.scrubber-timestamp{color:#64748b;letter-spacing:.3px;flex-shrink:0;width:38px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.scrubber-timestamp.current{color:#4f46e5;text-align:left}.scrubber-timestamp.duration{text-align:right}.scrubber-timeline-track{cursor:pointer;background:#e2e8f0;border-radius:9999px;flex:1;align-items:center;height:6px;display:flex;position:relative}.scrubber-timeline-fill{pointer-events:none;z-index:1;background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 35%,#ec4899 70%,#38bdf8 100%);border-radius:9999px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 1px 6px #7c3aed59}.timeline-shimmer-sweep{background:linear-gradient(90deg,#0000 0%,#ffffff73 50%,#0000 100%);border-radius:9999px;animation:2.5s linear infinite shimmerSlide;position:absolute;inset:0}.timeline-scrub-knob{background:#fff;border:2.5px solid #4f46e5;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 1px 4px #00000026}.knob-pulse-ring{pointer-events:none;border:1.5px solid #4f46e566;border-radius:50%;width:18px;height:18px;animation:1.8s infinite pulseSoundRing}.scrubber-invisible-input{opacity:0;cursor:pointer;z-index:3;width:100%;height:100%;margin:0;position:absolute;inset:0}.scrubber-hover-badge{color:#fff;pointer-events:none;white-space:nowrap;z-index:4;background:#0f172a;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:700;position:absolute;bottom:14px;transform:translate(-50%);box-shadow:0 2px 6px #00000026}.audio-control-console-bottom{z-index:1;justify-content:space-between;align-items:center;padding-top:2px;display:flex;position:relative}.audio-volume-panel{align-items:center;gap:6px;width:125px;display:flex}.volume-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.volume-toggle-btn:hover{color:#4f46e5;background:#eef2ff}.vol-icon{width:14px;height:14px}.volume-slider-box{background:#e2e8f0;border-radius:9999px;flex:1;align-items:center;height:4px;display:flex;position:relative}.volume-fill-bar{pointer-events:none;background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 50%,#06b6d4 100%);border-radius:9999px;position:absolute;top:0;bottom:0;left:0}.volume-slider-range{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.volume-pct-label{color:#64748b;width:24px;font-family:ui-monospace,monospace;font-size:9.5px;font-weight:700}.audio-center-transport-btns{align-items:center;gap:12px;display:flex}.transport-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:32px;height:32px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.transport-btn svg{width:14px;height:14px}.transport-skip-lbl{font-size:7.5px;font-weight:800;line-height:1;position:absolute;bottom:5px}.transport-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.transport-btn:active{transform:scale(.94)}.transport-master-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 14px #4f46e559}.transport-master-play-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:scale(1.06);box-shadow:0 6px 18px #4f46e573}.transport-master-play-btn:active{transform:scale(.96)}.master-play-icon{width:17px;height:17px;transition:transform .15s}.master-play-icon.play{margin-left:2px}.audio-right-extra-tools{justify-content:flex-end;align-items:center;gap:8px;width:125px;display:flex}.extra-tool-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.extra-tool-btn:hover{color:#4f46e5;background:#eef2ff}.extra-tool-btn.active{color:#4f46e5}.tool-icon{width:14px;height:14px}.audio-format-pill{color:#64748b;letter-spacing:.3px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.attractive-audio-player.prompt-variant{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;flex-direction:column;gap:10px;padding:14px 16px;display:flex;box-shadow:0 4px 16px -2px #0f172a0d}.audio-player-status-row{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.audio-live-indicator{align-items:center;gap:5px;display:flex}.status-pulse-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px}.status-pulse-dot.active{background:#10b981;animation:1.6s infinite pulseDot;box-shadow:0 0 6px #10b981}.status-text{color:#64748b;letter-spacing:.5px;font-size:9.5px;font-weight:800}.audio-quality-badge{color:#4f46e5;letter-spacing:.4px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:2px 7px;font-size:9.5px;font-weight:800}.audio-prompt-hero-box{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:6px;padding:2px 0;display:flex;position:relative}.audio-vinyl-badge{background:#0f172a;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s;display:flex;box-shadow:0 2px 8px #0f172a26}.audio-vinyl-badge.spinning.is-playing{animation:5s linear infinite spinVinyl}.vinyl-center-hole{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.vinyl-music-icon{width:10px;height:10px}.audio-prompt-word-group{flex-direction:column;gap:2px;display:flex}.prompt-cue-lbl{color:#4f46e5;letter-spacing:.6px;font-size:9px;font-weight:700}.prompt-spoken-title{color:#0f172a;letter-spacing:.3px;margin:0;font-size:18px;font-weight:800}.prompt-spoken-sub{color:#64748b;margin:0;font-size:11px}.audio-visualizer-strip{z-index:1;justify-content:center;align-items:flex-end;gap:3.5px;width:100%;height:26px;display:flex;position:relative}.visualizer-bar{background:linear-gradient(#6366f1 0%,#4f46e5 100%);border-radius:2px 2px 0 0;flex:1;max-width:4px;min-height:3px;transition:height .12s}.audio-visualizer-strip.is-animating .visualizer-bar{animation:.9s ease-in-out infinite alternate eqBounce}.audio-interactive-scrubber-wrap{z-index:1;align-items:center;gap:8px;width:100%;display:flex;position:relative}.time-timestamp{color:#64748b;width:32px;font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.time-timestamp.duration{text-align:right}.audio-scrubber-track-box{cursor:pointer;background:#e2e8f0;border-radius:9999px;flex:1;align-items:center;height:5px;display:flex;position:relative}.audio-scrubber-progress-fill{pointer-events:none;background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 40%,#06b6d4 100%);border-radius:9999px;position:absolute;top:0;bottom:0;left:0}.scrubber-glow-handle{background:#fff;border:2px solid #4f46e5;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 1px 4px #00000026}.scrubber-hover-tooltip{color:#fff;pointer-events:none;white-space:nowrap;background:#0f172a;border-radius:3px;padding:1px 5px;font-family:ui-monospace,monospace;font-size:9px;position:absolute;bottom:12px;transform:translate(-50%)}.audio-scrubber-hidden-range{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.audio-player-controls-row{z-index:1;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.control-icon-btn.skip-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:relative}.control-icon-btn.skip-btn svg{width:13px;height:13px}.skip-text{font-size:7px;font-weight:800;line-height:1;position:absolute;bottom:4px}.control-icon-btn.skip-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.audio-master-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s;display:flex;box-shadow:0 3px 10px #4f46e559}.audio-master-play-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:scale(1.06)}.audio-master-play-btn svg{width:16px;height:16px}.audio-listening-rich-card{gap:14px}.audio-info-footer{flex-direction:column;gap:5px;margin-top:2px;display:flex}.audio-card-tip-pill{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex}.tip-pill-icon{font-size:12px}.tip-pill-text{line-height:1.35}@media (width<=640px){.attractive-audio-player.full-variant{box-sizing:border-box;gap:8px;width:100%;padding:10px 12px}.audio-top-header-panel{gap:6px}.audio-vinyl-art-wrap{width:34px;height:34px}.audio-track-heading{font-size:12.5px}.audio-track-subheading{font-size:10px}.audio-speed-badge-btn{padding:3px 6px}.audio-waveform-studio-container{gap:4px;height:40px;padding:4px 6px}.waveform-meter-left,.waveform-meter-right{display:none}.audio-scrubber-console{gap:6px}.scrubber-timestamp{width:32px;font-size:10px}.audio-volume-panel{display:none!important}.audio-right-extra-tools{gap:4px;width:auto!important}.audio-control-console-bottom{justify-content:space-between;width:100%;padding-top:0}.audio-center-transport-btns{gap:8px}.transport-master-play-btn{width:36px;height:36px}.master-play-icon{width:15px;height:15px}.transport-btn{width:28px;height:28px}.transport-btn svg{width:12px;height:12px}}.attractive-audio-player.compact-variant{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;width:100%;padding:10px 16px;display:flex}.compact-left-play{flex-shrink:0}.compact-play-circle-btn{color:#fff;cursor:pointer;background:#5046e4;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 10px #5046e440}.compact-play-circle-btn:hover{background:#4338ca;transform:scale(1.06)}.compact-ctrl-icon{width:15px;height:15px;display:block}.compact-ctrl-icon.play{margin-left:2px}.compact-center-content{flex-direction:column;flex:1;gap:5px;display:flex}.compact-top-info{justify-content:space-between;align-items:center;display:flex}.compact-track-name{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:10.5px;font-weight:700}.compact-time-badge{color:#64748b;font-family:ui-monospace,monospace;font-size:11px;font-weight:600}.compact-waveform-bar-wrap{flex-direction:column;gap:3px;width:100%;display:flex;position:relative}.compact-mini-waves{align-items:flex-end;gap:2.5px;width:100%;height:12px;display:flex}.compact-mini-waves .mini-wave-bar{background:#cbd5e1;border-radius:1px;flex:1;transition:height .1s}.compact-mini-waves.playing .mini-wave-bar{background:#6366f1}.compact-scrubber-track{background:#cbd5e1;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.compact-scrubber-fill{background:#5046e4;border-radius:999px;height:100%}.compact-range-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (width<=640px){.audio-right-extra-tools{width:auto}}.info-banner{border-radius:12px;flex-direction:column;gap:4px;padding:13px 18px;display:flex}.info-banner-left{align-items:flex-start;gap:10px;display:flex}.info-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.info-icon{width:13px;height:13px}.info-banner-content{flex-direction:column;flex:1;gap:3px;display:flex}.info-title{font-size:13.5px;font-weight:700}.info-text{color:#334155;font-size:12px;line-height:1.45}.hint-banner{background:#eff6ff;border:1px solid #dbeafe}.hint-circle{color:#fff;background:#3b82f6}.hint-title{color:#1d4ed8}.tip-banner{background:#eef2ff;border:1px solid #e0e7ff}.tip-circle{color:#fff;background:#4f46e5}.tip-title{color:#4338ca}.warning-banner{background:#fffbeb;border:1px solid #fef3c7}.warning-circle{color:#fff;background:#f59e0b}.warning-title{color:#b45309}.info-tag-wrap{margin-top:4px}.warning-tag{color:#b45309;letter-spacing:.4px;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:inline-flex}.tag-spin-icon{width:11px;height:11px}.word-detection-card{gap:14px}.detection-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff}.mismatch-counter-lbl{color:#94a3b8;letter-spacing:.4px;font-size:11px;font-weight:700}.detection-paragraph-box{-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.detection-text{color:#334155;margin:0;font-size:13px;font-weight:500;line-height:1.8}.detection-word{cursor:pointer;border-radius:4px;padding:1px 3px;transition:all .15s;display:inline}.detection-word:hover{background:#e2e8f0}.detection-word.marked-mismatch{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;padding:1px 4px;font-weight:600}.detection-meta-bar{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.detection-meta-item{color:#94a3b8;letter-spacing:.3px;font-size:11px;font-weight:700}.media-with-note-col{flex-direction:column;gap:12px;height:100%;max-height:500px;display:flex}.media-with-note-col .quiz-card{flex:1;min-height:0;max-height:none}.bottom-note-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-shrink:0;padding:12px 14px}.bottom-note-text{color:#1e40af;margin:0;font-size:12px;font-weight:600;line-height:1.45}.tip-note-box{background:#f5f3ff;border-color:#e0e7ff}.tip-note-box .bottom-note-text{color:#4f46e5}.challenge-note-box{background:#fffbeb;border-color:#fef3c7;flex-direction:column;gap:4px;display:flex}.challenge-note-heading{color:#b45309;margin:0;font-size:12px;font-weight:700}.challenge-note-box .bottom-note-text{color:#92400e;font-weight:500}.sentence-builder-card{gap:14px}.builder-badge,.multi-reorder-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff}.action-reset-link{color:#64748b;letter-spacing:.3px;cursor:pointer;font-size:11px;font-weight:700;transition:color .15s}.action-reset-link:hover{color:#0f172a}.sentence-builder-dropzone-wrap,.available-words-wrap{flex-direction:column;gap:6px;display:flex}.builder-sublabel{color:#94a3b8;letter-spacing:.3px;font-size:11px;font-weight:700}.sentence-builder-dropzone{background:#fff;border:1.5px dashed #cbd5e1;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:52px;padding:10px 12px;display:flex}.empty-dropzone-placeholder{color:#94a3b8;font-size:12px;font-style:italic}.available-words-grid{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-wrap:nowrap;gap:8px;padding:4px 2px 8px;display:flex;overflow:auto hidden}.available-words-grid::-webkit-scrollbar{height:5px}.available-words-grid::-webkit-scrollbar-track{background:#f8fafc;border-radius:9999px}.available-words-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.available-words-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.reorder-word-chip{color:#334155;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;white-space:nowrap;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.reorder-word-chip:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.reorder-word-chip.is-dragging{opacity:.35;cursor:grabbing}.reorder-word-chip.drag-overlay-chip{z-index:99999;background:#fff;border-color:#5046e4;transform:scale(1.04);box-shadow:0 10px 25px #5046e440;opacity:1!important;cursor:grabbing!important}.drag-handle-dots{color:#94a3b8;font-size:12px;line-height:1}.section-bank-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.empty-bank-hint{color:#16a34a;padding:4px 2px;font-size:11.5px;font-style:italic;font-weight:600}.sentence-builder-dropzone.section-dropzone{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;gap:6px;min-height:44px;padding:6px 10px}.sentences-count-lbl{color:#94a3b8;letter-spacing:.4px;font-size:11px;font-weight:700}.multi-sentence-cards-list{flex-direction:column;gap:12px;display:flex}.sentence-reorder-box-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.sentence-box-header{justify-content:space-between;align-items:center;display:flex}.sentence-box-label-group{align-items:center;gap:8px;display:flex}.sentence-section-tag{color:#4338ca;letter-spacing:.3px;text-transform:uppercase;background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:800}.sentence-section-tag.word-bank-tag{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.sentence-box-status-group{align-items:center;gap:8px;display:flex}.sentence-status-count{color:#64748b;font-size:11px;font-weight:600}.word-bank-scroll-tag{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.builder-sections-list{flex-direction:column;gap:12px;display:flex}.builder-section-card{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.builder-section-card.answer-sheet-card{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #00000008}.builder-section-card.word-bank-card{background:#f8fafc;border-color:#e2e8f0}.sentence-box-label{color:#4f46e5;letter-spacing:.4px;font-size:11px;font-weight:700}.sentence-check-dot{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex}.sentence-pending-dot{color:#3b82f6;font-size:14px}.sentence-words-chip-row{flex-wrap:wrap;gap:8px;display:flex}.option-selection-card{gap:14px}.select-badge{color:#7c3aed;background:#f3f0ff;border-color:#e9d5ff}.option-selection-list{flex-direction:column;gap:12px;display:flex}.option-select-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.select-item-num{color:#4f46e5;margin-top:1px;font-size:13px;font-weight:700}.select-item-content{color:#334155;flex:1;font-size:13px;font-weight:500;line-height:1.7}.inline-select-container{vertical-align:middle;margin:0 6px;display:inline-block;position:relative}.inline-custom-select{appearance:none;color:#4f46e5;cursor:pointer;letter-spacing:.1px;background:#fff;border:1.5px solid #e0e7ff;border-radius:10px;outline:none;padding:5px 32px 5px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #0f172a0d,0 1px 2px #4f46e50a}.inline-custom-select:hover{background:#fdfdff;border-color:#c7d2fe;transform:translateY(-.5px);box-shadow:0 4px 12px #4f46e51a,0 2px 4px #0f172a08}.inline-custom-select:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3.5px #6366f129,0 2px 8px #4f46e514}.inline-custom-select.is-selected{color:#4338ca;background:#f8faff;border-color:#a5b4fc;font-weight:700;box-shadow:0 2px 8px #6366f114,0 1px 2px #0f172a08}.inline-custom-select.is-selected:hover{border-color:#818cf8;box-shadow:0 4px 14px #6366f124,0 2px 4px #0f172a0a}.inline-custom-select option{color:#0f172a;background-color:#fff;padding:8px 12px;font-size:13px;font-weight:500}.inline-custom-select option:first-child{color:#94a3b8;font-style:normal}.select-arrow-caret{pointer-events:none;color:#6366f1;justify-content:center;align-items:center;transition:transform .2s,color .2s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.inline-select-container:hover .select-arrow-caret{color:#4f46e5}.inline-select-container:focus-within .select-arrow-caret{color:#4338ca;transform:translateY(-50%)rotate(180deg)}.vertical-sequencing-card,.odd-one-out-card{gap:14px}.sequence-badge{color:#4f46e5;background:#eef2ff;border-color:#e0e7ff}.vertical-sequence-list,.odd-one-out-list{flex-direction:column;gap:10px;display:flex}.sequence-row-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000005}.sequence-row-card:hover{background:#f8fafc;border-color:#cbd5e1}.sequence-row-card.is-dragging{cursor:grabbing;border-color:#818cf8;box-shadow:0 8px 24px #4f46e52e}.sequence-drag-left{flex-shrink:0;align-items:center;gap:6px;display:flex}.sequence-index-pill{color:#475569;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.sequence-sentence-text{color:#1e293b;flex:1;margin:0;font-size:12.5px;font-weight:500;line-height:1.45}.sequence-reorder-controls{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.seq-arrow-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;justify-content:center;align-items:center;width:18px;height:14px;font-size:8px;transition:all .12s;display:flex}.seq-arrow-btn:hover:not(:disabled){color:#fff;background:#4f46e5;border-color:#4f46e5}.seq-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.odd-badge{color:#dc2626;background:#fef2f2;border-color:#fecaca}.odd-one-out-list{flex-direction:column;gap:10px;display:flex}.odd-statement-card{text-align:left;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-left-width:3.5px;border-radius:10px;align-items:center;width:100%;padding:13px 18px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.odd-statement-card:hover{background:snow;border-color:#fca5a5 #fca5a5 #fca5a5 #ef4444;transform:translate(2px)}.odd-statement-card.selected{background:#fef2f2;border-color:#ef4444 #ef4444 #ef4444 #dc2626;border-left-style:solid;border-left-width:4px;transform:translate(3px);box-shadow:0 2px 10px #ef44441f}.odd-statement-text{color:#334155;margin:0;font-size:13px;font-weight:500;line-height:1.5;transition:color .15s}.odd-statement-card.selected .odd-statement-text{color:#991b1b;font-weight:600}.concept-matching-card,.dual-column-classification-card{gap:14px}.matching-badge,.classify-badge{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.matching-grid-container{flex-direction:column;gap:12px;display:flex}.matching-pair-row{align-items:center;gap:10px;display:flex}.term-left-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:flex-start;align-items:center;width:120px;height:52px;padding:0 14px;display:flex;box-shadow:0 1px 3px #00000005}.term-name{color:#1e293b;font-size:13.5px;font-weight:700}.matching-connector{flex-shrink:0;align-items:center;width:24px;display:flex}.connector-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.connector-line{background:#e2e8f0;flex:1;height:2px}.definition-right-box{box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:10px;min-height:52px;padding:8px 14px;transition:all .15s;display:flex;box-shadow:0 1px 3px #00000008}.definition-right-box:hover{background:#f8fafc;border-color:#cbd5e1}.definition-right-box.is-dragging{cursor:grabbing;border-color:#818cf8;box-shadow:0 8px 24px #4f46e52e}.matching-drag-handle{color:#94a3b8;border-radius:4px;align-items:center;padding:2px;transition:color .12s;display:flex}.matching-drag-handle:hover{color:#4f46e5}.definition-text{color:#334155;-webkit-user-select:none;user-select:none;flex:1;margin:0;font-size:12.5px;font-weight:500;line-height:1.45}.matching-shift-btns{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.drag-overlay-definition{cursor:grabbing;z-index:9999;background:#fff;border:1.5px solid #4f46e5;border-radius:10px;transform:scale(1.02);box-shadow:0 10px 25px #4f46e540}.dual-columns-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;display:grid}.classify-column-box{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.classify-col-heading{color:#64748b;letter-spacing:.4px;text-align:center;font-size:11px;font-weight:700}.classify-drop-zone{box-sizing:border-box;background:#fff;border:1.5px dashed #cbd5e1;border-radius:8px;flex-direction:column;gap:6px;min-width:0;min-height:90px;padding:8px;transition:all .15s;display:flex}.classify-drop-zone.agile-zone{background:#faf5ff;border-color:#c7d2fe}.classify-drop-zone.waterfall-zone{background:#fff;border-color:#cbd5e1}.empty-zone-hint{color:#94a3b8;text-align:center;justify-content:center;align-items:center;gap:6px;margin:auto;font-size:11.5px;font-style:italic;display:flex}.empty-zone-icon{font-size:14px}.column-items-list{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.col-assigned-chip{box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;white-space:normal;word-break:break-word;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;padding:8px 10px;font-size:12px;line-height:1.45;transition:border-color .15s,box-shadow .15s;display:flex}.col-assigned-chip:hover{background:#f8fafc;border-color:#94a3b8}.col-assigned-chip.is-dragging{cursor:grabbing;opacity:.35;border-color:#6366f1;box-shadow:0 8px 20px #6366f133}.drag-overlay-col-chip{cursor:grabbing;z-index:99999;background:#fff;border:2px solid #5046e4;max-width:280px;transform:scale(1.03);box-shadow:0 12px 28px #5046e440}.col-chip-text{text-align:left;white-space:normal;word-break:break-word;color:#334155;flex:1;min-width:0;margin:0 4px;font-weight:600;line-height:1.4}.remove-cross-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:15px;line-height:1;transition:all .12s;display:inline-flex}.remove-cross-btn:hover{color:#ef4444;background:#fee2e2}.agile-chip{color:#4338ca;background:#fff;border-color:#818cf8;box-shadow:0 1px 4px #6366f11f}.agile-chip .col-chip-text{color:#4338ca;font-weight:700}.sentence-pool-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px;transition:all .15s;display:flex}.pool-drop-active{background:#eef2ff;border-color:#4f46e5}.sentence-pool-header{justify-content:space-between;align-items:center;display:flex}.sentence-pool-title{color:#64748b;letter-spacing:.4px;font-size:11px;font-weight:700}.pool-count-badge{color:#4f46e5;background:#eef2ff;border-radius:9999px;padding:2px 8px;font-size:10.5px;font-weight:700}.sentence-pool-list{flex-direction:column;gap:6px;display:flex}.empty-pool-notice{color:#10b981;text-align:center;padding:8px 0;font-size:11.5px;font-weight:600}.pool-item-row{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.pool-item-row:hover{background:#f8fafc;border-color:#cbd5e1}.pool-item-row.is-dragging{cursor:grabbing;border-color:#818cf8;box-shadow:0 8px 20px #4f46e52e}.pool-item-drag-handle{color:#94a3b8;align-items:center;display:flex}.pool-item-text{color:#334155;-webkit-user-select:none;user-select:none;flex:1;font-size:12.5px;font-weight:500}.pool-add-btns{gap:4px;display:flex}.pool-col-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:600;transition:all .12s}.pool-col-btn:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.drag-overlay-chip{color:#4338ca;cursor:grabbing;background:#fff;border:1.5px solid #4f46e5;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-weight:700;display:inline-flex;box-shadow:0 10px 25px #4f46e54d}.observation-gallery-card{gap:12px}.gallery-header-row{justify-content:space-between;align-items:center;display:flex}.gallery-title-left{flex-direction:column;gap:2px;display:flex}.gallery-badge{color:#4f46e5;letter-spacing:.4px;font-size:10.5px;font-weight:700}.gallery-nav-controls{align-items:center;gap:6px;display:flex}.gallery-nav-arrow{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:all .12s;display:flex}.gallery-nav-arrow:hover{color:#fff;background:#4f46e5}.gallery-counter{color:#64748b;font-size:11.5px;font-weight:600}.gallery-main-image-box{aspect-ratio:16/10;background:#0f172a;border-radius:10px;width:100%;position:relative;overflow:hidden}.gallery-main-img{object-fit:cover;width:100%;height:100%}.gallery-caption-overlay{background:linear-gradient(#0000 0%,#0f172ad9 100%);flex-direction:column;gap:2px;padding:10px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-caption-title{color:#fff;margin:0;font-size:13px;font-weight:700}.gallery-caption-desc{color:#cbd5e1;margin:0;font-size:11px}.gallery-thumbnails-row{gap:8px;display:flex}.gallery-thumb-btn{cursor:pointer;border:2px solid #0000;border-radius:6px;flex:1;height:48px;padding:0;transition:border-color .15s;overflow:hidden}.gallery-thumb-btn.active{border-color:#4f46e5}.gallery-thumb-img{object-fit:cover;width:100%;height:100%}.image-option-grid-card{gap:12px}.img-choice-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff}.level-badge{color:#b45309;background:#fef3c7;border-radius:9999px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.rich-prompt-box{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #e2e8f0;border-left:3.5px solid #4f46e5;border-radius:10px;padding:10px 14px}.concept-prompt-text{color:#1e293b;margin:0;font-size:12.5px;font-weight:600;line-height:1.5}.prompt-highlight-keyword{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;margin:0 3px;padding:1px 7px;font-weight:800;display:inline-block}.image-options-2x2-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rich-image-option-card{cursor:pointer;background:#0f172a;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;height:112px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.rich-image-option-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0f172a12}.rich-image-option-card:hover .rich-option-img{transform:scale(1.06)}.rich-image-option-card.selected{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 0 0 3px #4f46e533,0 6px 18px #4f46e526}.rich-option-img-wrapper{background:#0f172a;width:100%;height:100%;position:relative;overflow:hidden}.rich-option-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.rich-option-pill-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0f172ab3;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10.5px;font-weight:800;display:flex;position:absolute;top:5px;left:5px;box-shadow:0 1px 4px #00000040}.selected-active-overlay{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);z-index:3;background:#4f46e533;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.active-check-icon{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;animation:.2s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;box-shadow:0 2px 8px #4f46e566}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.rich-option-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.rich-option-label{color:#334155;font-size:11.5px;font-weight:700;transition:color .15s}.rich-image-option-card.selected .rich-option-label{color:#4f46e5}.rich-radio-circle{background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;transition:all .18s;display:flex}.rich-radio-circle.checked{background:#4f46e5;border-color:#4f46e5;box-shadow:0 1px 4px #4f46e54d}.rich-radio-check-svg{color:#fff;width:10px;height:10px}.rich-radio-dot{opacity:0;background:#cbd5e1;border-radius:50%;width:5px;height:5px;transition:opacity .15s}.rich-check-btn{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);justify-content:center;align-items:center;gap:6px;display:flex;box-shadow:0 4px 12px #4f46e547}.check-btn-icon-svg{width:14px;height:14px}.image-term-matching-card,.image-sequencing-card{gap:12px}.listening-skills-badge,.seq-task-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff}.image-term-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.image-term-drop-card{border:1.5px solid #e2e8f0;border-radius:12px;height:135px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a0a}.image-term-drop-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.image-term-drop-card:hover .term-bg-image{transform:scale(1.05)}.term-bg-image{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1)}.image-drop-slot{-webkit-backdrop-filter:blur(5px);text-align:center;cursor:pointer;background:#0f172ab8;border:1.5px dashed #ffffff80;border-radius:8px;padding:6px 8px;transition:all .18s;position:absolute;bottom:8px;left:8px;right:8px}.image-drop-slot.has-term{background:#4f46e5eb;border-color:#0000;box-shadow:0 2px 8px #4f46e566}.assigned-term-pill{color:#fff;letter-spacing:.2px;font-size:12px;font-weight:700}.drop-term-placeholder{color:#ffffffe6;letter-spacing:.4px;font-size:10px;font-weight:700}.terms-bank-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.terms-bank-label,.sequence-section-lbl{color:#64748b;letter-spacing:.3px;font-size:10.5px;font-weight:700}.terms-chips-row{gap:8px;display:flex}.term-bank-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.term-bank-chip:hover:not(:disabled){color:#fff;background:#4f46e5;border-color:#4f46e5}.term-bank-chip.used{opacity:.35;cursor:not-allowed}.sequence-slots-section,.available-scenes-section{flex-direction:column;gap:6px;display:flex}.sequence-slots-row,.available-scenes-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.scene-target-slot-wrap{position:relative}.slot-num-badge{z-index:2;color:#fff;background:#4f46e5;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;left:-6px}.scene-target-slot{background:#fff;border:1.5px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;height:70px;display:flex;overflow:hidden}.placed-scene-preview{cursor:pointer;width:100%;height:100%;position:relative}.placed-scene-img{object-fit:cover;width:100%;height:100%}.placed-scene-close{color:#fff;background:#0f172ab3;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;display:flex;position:absolute;top:2px;right:4px}.slot-drop-here-text{color:#94a3b8;font-size:11px;font-style:italic}.available-scene-thumb-card{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;height:70px;transition:all .15s;overflow:hidden}.available-scene-thumb-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000014}.available-scene-thumb-card.placed{opacity:.3;cursor:not-allowed}.scene-thumb-img{object-fit:cover;width:100%;height:100%}.visual-prompt-media-card{gap:12px}.visual-prompt-badge,.spelling-badge{color:#4f46e5;letter-spacing:.4px;font-size:10.5px;font-weight:700}.visual-prompt-img-box{aspect-ratio:16/10;border-radius:10px;width:100%;position:relative;overflow:hidden}.visual-prompt-main-img{object-fit:cover;width:100%;height:100%}.visual-prompt-caption-bar{background:linear-gradient(#0000 0%,#0f172acc 100%);padding:8px 12px;position:absolute;bottom:0;left:0;right:0}.visual-prompt-caption-text{color:#fff;margin:0;font-size:11.5px;font-style:italic}.visual-prompt-hint-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.prompt-hint-title{color:#1e293b;margin:0 0 2px;font-size:12px;font-weight:700}.prompt-hint-text{color:#64748b;margin:0;font-size:11.5px;line-height:1.4}.spelling-mastery-card{gap:14px}.spelling-mini-audio-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.spelling-audio-play-btn{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 6px #8b5cf64d}.audio-icon-small{width:14px;height:14px}.spelling-waveform-bars{justify-content:center;align-items:center;gap:3px;width:75%;height:28px;display:flex}.spelling-time-row{justify-content:space-between;width:75%;display:flex}.spelling-time-lbl{color:#94a3b8;font-family:ui-monospace,monospace;font-size:10px}.enter-spelling-section{flex-direction:column;align-items:center;gap:8px;margin:8px 0;display:flex}.enter-spelling-title{color:#64748b;letter-spacing:.5px;font-size:10.5px;font-weight:700}.letter-inputs-row{gap:8px;display:flex}.letter-dash-input{color:#4f46e5;text-align:center;background:0 0;border:none;border-bottom:2.5px solid #cbd5e1;outline:none;width:34px;height:34px;font-size:18px;font-weight:700;transition:border-color .15s}.letter-dash-input:focus{border-bottom-color:#4f46e5}.audio-spelling-prompt-card,.word-unscramble-card{gap:12px}.audio-prompt-center-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.audio-prompt-speaker-badge{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #4f46e540}.speaker-icon-large{width:24px;height:24px}.audio-prompt-mini-label{color:#4f46e5;letter-spacing:.5px;margin-top:4px;font-size:10.5px;font-weight:700}.audio-prompt-word{color:#0f172a;margin:0;font-size:16px;font-weight:700}.audio-prompt-sub-cue{color:#94a3b8;font-size:11px}.audio-prompt-ctrl-row{align-items:center;gap:8px;width:75%;margin-top:4px;display:flex}.audio-prompt-play-btn{cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.play-icon-small{color:#475569;width:10px;height:10px}.audio-prompt-scrubber-bar{background:#e2e8f0;border-radius:2px;flex:1;height:4px}.audio-instructions-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;gap:8px;padding:10px 12px;display:flex}.instructions-icon{color:#2563eb;font-size:12px;font-weight:700}.instructions-text{color:#1e40af;margin:0;font-size:11.5px;line-height:1.45}.unscramble-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff}.exercises-counter-lbl{color:#94a3b8;letter-spacing:.4px;font-size:11px;font-weight:700}.unscramble-exercises-list{flex-direction:column;gap:12px;display:flex}.unscramble-exercise-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.unscramble-card-header{justify-content:space-between;align-items:center;display:flex}.unscramble-label{color:#64748b;letter-spacing:.4px;font-size:11px;font-weight:700}.unscramble-check-dot{color:#10b981;font-size:12px;font-weight:700}.unscramble-pending-dot{color:#3b82f6;font-size:12px}.letter-tiles-row{flex-wrap:wrap;gap:6px;display:flex}.letter-tile-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;transition:all .12s;display:flex;box-shadow:0 1px 2px #0000000a}.letter-tile-btn:hover{color:#4f46e5;background:#f5f3ff;border-color:#4f46e5}.question-sub-instructions{color:#64748b;margin:-4px 0 0;font-size:12px;line-height:1.45}.comparison-table-card{box-sizing:border-box;flex-direction:column;gap:8px;height:100%;display:flex;overflow-x:hidden;max-height:500px!important;padding:16px 18px!important;overflow-y:auto!important}.comparison-table-card .question-title{color:#0f172a;margin:0;font-size:14.5px;line-height:1.3}.comparison-table-card .question-sub-instructions{color:#64748b;margin:0;font-size:11px;line-height:1.35}.table-wrapper-box{box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;max-width:100%;overflow:auto}.table-wrapper-box::-webkit-scrollbar{width:5px;height:5px}.table-wrapper-box::-webkit-scrollbar-track{background:#f8fafc;border-radius:9999px}.table-wrapper-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.table-wrapper-box::-webkit-scrollbar-thumb:hover{background:#94a3b8}.architecture-comp-table{table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:440px}.architecture-comp-table th{color:#64748b;letter-spacing:.4px;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:8px 10px;font-size:10.5px;font-weight:700}.architecture-comp-table th:first-child,.architecture-comp-table td:first-child{width:24%}.architecture-comp-table th:nth-child(2),.architecture-comp-table td:nth-child(2),.architecture-comp-table th:nth-child(3),.architecture-comp-table td:nth-child(3){width:38%}.architecture-comp-table td{color:#334155;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #f1f5f9;padding:6px 8px;font-size:12px;font-weight:500}.table-static-val{color:#475569;white-space:nowrap;font-size:12px;font-weight:600}.table-interactive-cell-wrap{box-sizing:border-box;border-radius:8px;align-items:center;width:100%;min-height:32px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.table-interactive-cell-wrap.drop-target-active{border-radius:8px;box-shadow:0 0 0 3px #5046e447}.table-interactive-cell-wrap.drop-target-active .table-cell-input{background:#eef2ff;border-color:#5046e4}.table-combobox-wrap{align-items:center;width:100%;display:flex;position:relative}.table-cell-input{color:#5046e4;caret-color:#5046e4;box-sizing:border-box;background:#fff;border:1.5px solid #e0e7ff;border-radius:8px;outline:none;width:100%;height:32px;padding:0 44px 0 8px;font-size:11.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0f172a08}.table-cell-input:hover{border-color:#c7d2fe}.table-cell-input:focus{background:#fff;border-color:#5046e4;box-shadow:0 0 0 3px #5046e429}.table-cell-input::placeholder{color:#94a3b8;font-size:11px;font-weight:400}.table-cell-actions{z-index:2;align-items:center;gap:2px;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.table-cell-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 3px;font-size:14px;font-weight:700;line-height:1;transition:all .12s}.table-cell-clear-btn:hover{color:#ef4444;background:#fee2e2}.table-cell-dropdown-toggle{cursor:pointer;color:#6366f1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.table-cell-dropdown-toggle:hover{color:#4338ca;background:#eef2ff}.table-cell-dropdown-toggle.open{color:#5046e4;transform:rotate(180deg)}.table-dnd-cell-target{box-sizing:border-box;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:32px;padding:2px 6px;transition:all .15s;display:flex}.table-dnd-cell-target.drop-target-active{background:#eef2ff;border-color:#5046e4;box-shadow:0 0 0 3px #5046e426}.table-dnd-cell-target.filled{background:#fff;border-style:solid;border-color:#c7d2fe}.table-dnd-placeholder{color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:10.5px;font-style:italic}.table-drag-placed-chip{background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:2px 6px;display:flex}.table-placed-word-text{color:#5046e4;white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:11.5px;font-weight:700;overflow:hidden}.table-fillblank-wrap{align-items:center;width:100%;display:flex;position:relative}.table-fillblank-input{padding-right:26px!important}.table-dropdown-cell-container{width:100%;position:relative}.table-dropdown-trigger-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;width:100%;height:32px;padding:0 8px;transition:all .15s;display:flex;box-shadow:0 1px 2px #0f172a08}.table-dropdown-trigger-btn:hover{background:#f8fafc;border-color:#94a3b8}.table-dropdown-trigger-btn.open{border-color:#5046e4;box-shadow:0 0 0 3px #5046e426}.table-dropdown-trigger-btn.selected{background:#f8faff;border-color:#a5b4fc}.table-dropdown-btn-label{color:#5046e4;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11.5px;font-weight:700;overflow:hidden}.table-dropdown-btn-label.placeholder{color:#94a3b8;font-size:11px;font-weight:400}.table-dropdown-btn-icons{flex-shrink:0;align-items:center;gap:4px;display:flex}.table-dropdown-clear-x{color:#94a3b8;cursor:pointer;border-radius:3px;padding:0 2px;font-size:13px;font-weight:700;line-height:1;transition:color .12s}.table-dropdown-clear-x:hover{color:#ef4444}.table-dropdown-arrow{color:#6366f1;font-size:11px;line-height:1;transition:transform .15s}.table-dropdown-arrow.rotated{transform:rotate(180deg)}.table-cell-dropdown-menu{z-index:60;background:#fff;border:1.5px solid #c7d2fe;border-radius:8px;min-width:170px;max-height:150px;padding:4px;animation:.15s ease-out dropMenuIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a24,0 2px 6px #5046e414}.table-cell-dropdown-menu.portal-dropdown{box-shadow:0 10px 30px #0f172a29,0 3px 8px #5046e41f;z-index:99999!important;position:fixed!important}@keyframes dropMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.table-cell-dropdown-menu.open-upwards{top:auto;bottom:calc(100% + 4px);box-shadow:0 -8px 24px #0f172a24,0 -2px 6px #5046e414}.table-dropdown-menu-item{color:#334155;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:6px 10px;font-size:11.5px;font-weight:500;transition:all .12s;overflow:hidden}.table-dropdown-menu-item:hover{color:#4338ca;background:#eef2ff;font-weight:600}.table-dropdown-menu-item.selected{color:#5046e4;background:#f5f3ff;font-weight:700}.table-word-bank-container{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;flex-shrink:0;gap:5px;margin-top:6px;padding:7px 10px 5px;animation:.25s ease-out fadeInBank;display:flex}@keyframes fadeInBank{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.table-word-bank-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.table-word-bank-title{color:#475569;letter-spacing:.3px;text-transform:uppercase;font-size:9.5px;font-weight:800}.table-word-bank-hint{color:#64748b;font-size:10px;font-style:italic}.table-word-bank-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-wrap:nowrap;gap:7px;padding:2px 1px 6px;display:flex;overflow:auto hidden}.table-word-bank-list::-webkit-scrollbar{height:4px}.table-word-bank-list::-webkit-scrollbar-track{background:0 0}.table-word-bank-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-word-bank-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.table-drag-chip{color:#334155;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;white-space:nowrap;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.table-drag-chip:hover:not(.used){color:#4338ca;background:#fdfdff;border-color:#818cf8;transform:translateY(-1px);box-shadow:0 3px 8px #5046e41f}.table-drag-chip.is-dragging{cursor:grabbing;opacity:.4;box-shadow:0 6px 14px #5046e433}.table-drag-chip.used{opacity:.4;cursor:default;color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0;text-decoration:line-through}.chip-drag-dots{color:#94a3b8;font-size:10px}.drag-overlay-chip{color:#5046e4;cursor:grabbing;background:#fff;border:2px solid #5046e4;font-weight:700;box-shadow:0 10px 25px #5046e44d}.table-nav-actions-row{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.table-main-submit-btn{flex:1}.comparison-table-card .submit-answer-btn{flex-shrink:0;margin-top:4px;padding:10px 18px;font-size:13px}.flowchart-completion-card{gap:12px}.flowchart-badge{color:#4f46e5;background:#f5f3ff;border-color:#e0e7ff}.flowchart-steps-container{flex-direction:column;align-items:center;gap:4px;display:flex}.flowchart-step-card{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 14px}.step-card-text{color:#334155;margin:0;font-size:12.5px;font-weight:500;line-height:1.5}.step-card-text.with-input{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.flowchart-blank-input-wrap{border-bottom:2px solid #4f46e5;align-items:center;margin:0 4px;display:inline-flex}.flowchart-blank-id{color:#4f46e5;margin-right:4px;font-size:11px;font-weight:700}.flowchart-blank-input{color:#0f172a;background:0 0;border:none;outline:none;width:65px;height:20px;font-size:12.5px;font-weight:600}.flowchart-arrow-connector{color:#94a3b8;font-size:14px;line-height:1}.drop-target-active{transition:all .15s;background-color:#eef2ff!important;border-color:#4f46e5!important;box-shadow:0 0 0 2px #4f46e540!important}.is-dragging{transform:scale(1.03);cursor:grabbing!important;border-color:#4f46e5!important;box-shadow:0 8px 20px #0f172a2e!important}.comparison-table-card{gap:14px}.table-badge{color:#7c3aed;background:#f3f0ff;border-color:#e9d5ff}.table-timer-lbl{color:#64748b;font-size:11.5px;font-weight:600}.table-wrapper-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000005}.architecture-comp-table{border-collapse:collapse;text-align:left;width:100%}.architecture-comp-table th{color:#64748b;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:10.5px;font-weight:700}.architecture-comp-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:8px 12px}.architecture-comp-table tr:last-child td{border-bottom:none}.period-cell{color:#0f172a;white-space:nowrap;font-size:12.5px;font-weight:700}.table-static-val{color:#475569;font-size:12.5px;font-weight:500}.table-cell-input{color:#5046e4;caret-color:#5046e4;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:34px;padding:0 10px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.table-cell-input:focus{border-color:#5046e4;box-shadow:0 0 0 3px #5046e429}.table-cell-input.has-answer{color:#5046e4;background:#fcfcff;border-color:#c7d2fe;font-weight:700}.table-cell-input::placeholder{color:#94a3b8;font-weight:400}.table-nav-actions-row{align-items:center;gap:8px;margin-top:auto;display:flex}.table-sec-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:9px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.table-sec-btn:hover{color:#0f172a;background:#e2e8f0}.table-main-submit-btn{flex:1;margin-top:0}.intro-screen-wrapper,.terminated-screen-wrapper{box-sizing:border-box;color:#0f172a;background-color:#f4f6fb;flex-direction:column;align-items:center;width:100%;min-height:100vh;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;display:flex}.intro-header-bar,.terminated-header-bar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;width:100%;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.intro-header-inner,.terminated-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:960px;padding:12px 24px;display:flex}.intro-badge-group{align-items:center;gap:12px;display:flex}.proctored-live-badge{color:#4338ca;letter-spacing:.2px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.pulsing-live-dot{background-color:#4f46e5;border-radius:50%;width:8px;height:8px;animation:1.8s cubic-bezier(.66,0,0,1) infinite pulse-ring;box-shadow:0 0 #4f46e5b3}@keyframes pulse-ring{0%{box-shadow:0 0 #4f46e5b3}70%{box-shadow:0 0 0 8px #4f46e500}to{box-shadow:0 0 #4f46e500}}.intro-main-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:960px;padding:32px 24px 64px;display:flex}.intro-card-stack{flex-direction:column;gap:20px;width:100%;display:flex}.intro-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.intro-hero-card:before{content:"";background:linear-gradient(90deg,#4f46e5,#6366f1,#818cf8);height:4px;position:absolute;top:0;left:0;right:0}.intro-tag{text-transform:uppercase;letter-spacing:.8px;color:#4f46e5;background:#eef2ff;border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.intro-exam-title{color:#0f172a;letter-spacing:-.3px;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.3}.intro-exam-description{color:#475569;max-width:820px;margin-bottom:24px;font-size:14.5px;line-height:1.6}.intro-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.intro-metric-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.intro-metric-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.intro-metric-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.intro-metric-icon-box svg{width:20px;height:20px}.intro-metric-icon-box.indigo{color:#4f46e5;background:#eef2ff}.intro-metric-icon-box.amber{color:#d97706;background:#fffbeb}.intro-metric-icon-box.blue{color:#2563eb;background:#eff6ff}.intro-metric-icon-box.green{color:#059669;background:#ecfdf5}.intro-metric-info{flex-direction:column;gap:2px;display:flex}.intro-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.intro-metric-value{color:#0f172a;font-size:14.5px;font-weight:700}.intro-rules-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 32px;box-shadow:0 4px 20px -2px #0f172a0d}.intro-rules-header{margin-bottom:20px}.intro-rules-title-group{align-items:center;gap:14px;display:flex}.rules-icon-pill{color:#334155;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rules-icon-pill svg{width:22px;height:22px}.intro-rules-title{color:#0f172a;font-size:17px;font-weight:700}.intro-rules-subtitle{color:#64748b;margin-top:2px;font-size:13px}.intro-fullscreen-warning-callout{background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex}.warning-callout-icon{color:#b45309;flex-shrink:0;width:28px;height:28px;margin-top:2px}.warning-callout-icon svg{width:24px;height:24px}.warning-callout-heading{color:#92400e;margin-bottom:4px;font-size:14px;font-weight:700}.warning-callout-desc{color:#78350f;font-size:13px;line-height:1.55}.warning-callout-desc kbd{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-bottom:2px solid #9ca3af;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:700;display:inline-block}.intro-rules-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.rule-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.rule-num{color:#fff;background:#4f46e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.rule-content{color:#334155;font-size:13px;line-height:1.45}.intro-system-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 32px;box-shadow:0 4px 20px -2px #0f172a0d}.intro-system-title{color:#0f172a;margin-bottom:16px;font-size:15.5px;font-weight:700}.system-checks-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.system-check-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.check-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.check-status-icon svg{width:14px;height:14px}.check-status-icon.success{color:#059669;background:#ecfdf5}.check-status-icon.danger{color:#dc2626;background:#fef2f2}.check-info{flex-direction:column;gap:1px;display:flex;overflow:hidden}.check-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.check-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.intro-action-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:28px 32px;display:flex;box-shadow:0 4px 20px -2px #0f172a0d}.intro-agreement-label{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;max-width:720px;margin-bottom:24px;display:flex}.intro-agreement-checkbox{opacity:0;pointer-events:none;position:absolute}.agreement-custom-box{background:#fff;border:2px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .15s;display:flex}.intro-agreement-label:hover .agreement-custom-box{border-color:#4f46e5}.intro-agreement-checkbox:checked+.agreement-custom-box{color:#fff;background:#4f46e5;border-color:#4f46e5}.agreement-custom-box svg{width:13px;height:13px}.agreement-text{color:#334155;font-size:13.5px;line-height:1.5}.agreement-text strong{color:#0f172a}.intro-btn-wrapper{width:100%;max-width:480px}.intro-start-exam-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5046e4 0%,#4338ca 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 28px;font-size:15.5px;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #4f46e559,0 1px 3px #0000001a}.intro-start-exam-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a50eb 0%,#473dc9 100%);transform:translateY(-2px);box-shadow:0 6px 24px #4f46e573}.intro-start-exam-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4f46e54d}.intro-start-exam-btn.disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.btn-content-inner{z-index:2;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.start-btn-fullscreen-icon{width:18px;height:18px}.start-btn-arrow-icon{width:18px;height:18px;transition:transform .2s}.intro-start-exam-btn:hover:not(:disabled) .start-btn-arrow-icon{transform:translate(4px)}.intro-btn-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-shine{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.intro-start-exam-btn:hover .btn-shine{opacity:1}.intro-agreement-hint{color:#94a3b8;margin-top:10px;font-size:12px}.quiz-icon-box.terminated{background:#ef4444;box-shadow:0 2px 8px #ef444440}.terminated-status-badge{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.terminated-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px}.terminated-main-container{box-sizing:border-box;justify-content:center;width:100%;max-width:720px;padding:48px 24px 64px;display:flex}.terminated-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;width:100%;padding:40px 36px;display:flex;position:relative;box-shadow:0 10px 30px -5px #0f172a14}.terminated-alert-icon-wrap{margin-bottom:20px}.terminated-alert-icon-ring{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 0 10px #fee2e280}.terminated-alert-icon-ring svg{width:32px;height:32px}.terminated-title{color:#0f172a;letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:800}.terminated-subtitle{color:#64748b;max-width:540px;margin-bottom:24px;font-size:14px;line-height:1.55}.terminated-reason-box{text-align:left;box-sizing:border-box;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;align-items:flex-start;gap:12px;width:100%;margin-bottom:28px;padding:16px 20px;display:flex}.reason-icon{color:#dc2626;flex-shrink:0;margin-top:1px}.reason-icon svg{width:22px;height:22px}.reason-text-group{flex-direction:column;gap:3px;display:flex}.reason-label{text-transform:uppercase;letter-spacing:.5px;color:#991b1b;font-size:11.5px;font-weight:700}.reason-detail{color:#7f1d1d;font-size:13px;line-height:1.5}.terminated-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-bottom:32px;display:grid}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;display:flex}.summary-card-label{text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-size:11px;font-weight:600}.summary-card-val{color:#0f172a;font-size:17px;font-weight:800}.summary-card-val .summary-sub{color:#94a3b8;font-size:12px;font-weight:600}.summary-card-val.highlight{color:#4f46e5}.summary-card-val.time{font-size:15px}.terminated-actions-row{flex-direction:column;gap:12px;width:100%;display:flex}.terminated-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:14.5px;font-weight:700;transition:all .18s;display:flex}.terminated-btn svg{width:17px;height:17px}.terminated-btn.primary{color:#fff;background:#4f46e5;box-shadow:0 4px 14px #4f46e54d}.terminated-btn.primary:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.terminated-btn.secondary{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.terminated-btn.secondary:hover{color:#0f172a;background:#e2e8f0}.quiz-icon-box.completed{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 2px 8px #05966940}.terminated-status-badge.completed-badge{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.completed-dot{background-color:#059669;border-radius:50%;width:8px;height:8px}.terminated-alert-icon-ring.completed-ring{color:#059669;background:#d1fae5;box-shadow:0 0 0 10px #d1fae599}.summary-card-val.completed-text{color:#059669}.terminated-btn.primary.completed-btn{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 14px #05966952}.terminated-btn.primary.completed-btn:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);box-shadow:0 6px 18px #0596696b}@media (width<=860px){.intro-metrics-grid,.system-checks-grid{grid-template-columns:repeat(2,1fr)}.intro-rules-list{grid-template-columns:1fr}.terminated-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.intro-hero-card{padding:24px 20px}.intro-exam-title{font-size:20px}.intro-metrics-grid{grid-template-columns:1fr}.intro-rules-card,.intro-system-card,.intro-action-card,.terminated-card{padding:20px 18px}.system-checks-grid{grid-template-columns:1fr}.terminated-summary-grid{grid-template-columns:1fr 1fr}}.single-column-quiz-stack{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.single-column-quiz-stack>.quiz-card{box-sizing:border-box;width:100%}.phase-sequence-card{flex-direction:column;gap:16px;display:flex}.phase-badge{color:#4338ca;text-transform:uppercase;letter-spacing:.5px;background:#e0e7ff;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.phase-badge-icon{width:13px;height:13px}.phase-card-title{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.4}.phase-columns-grid{grid-template-columns:1fr 1.15fr;gap:16px;margin-top:4px;display:grid}.phase-col{flex-direction:column;gap:10px;display:flex}.phase-col-header{color:#64748b;letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:700}.phase-chips-list{flex-direction:column;gap:8px;display:flex}.phase-chip{color:#1e293b;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.available-chip:hover{background:#f8faff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f114}.phase-drag-handle{color:#94a3b8;margin-right:8px}.phase-add-hint{color:#6366f1;font-size:16px;font-weight:700}.phase-drop-container{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;gap:8px;min-height:220px;padding:10px;display:flex}.phase-drop-placeholder{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:190px;display:flex}.phase-drop-placeholder .plus-icon{color:#6366f1;font-size:28px}.phase-step-num{color:#4338ca;background:#e0e7ff;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;margin-right:8px;font-size:11px;font-weight:700;display:flex}.phase-chip-actions{align-items:center;gap:4px;display:flex}.phase-arrow-btn,.phase-remove-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:11px}.phase-arrow-btn:hover,.phase-remove-btn:hover{color:#0f172a;background:#e2e8f0}.submit-sequence-btn{margin-top:10px}.single-column-quiz-stack{flex-direction:column;gap:20px;width:100%;max-width:960px;margin:0 auto;display:flex}.speech-studio-wrapper{flex-direction:column;width:100%;height:500px;display:flex}.speech-studio-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;gap:12px;width:100%;height:100%;max-height:500px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -8px #0f172a0f}.studio-top-bar{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.studio-brand-group{align-items:center;gap:8px;display:flex}.studio-live-indicator{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.studio-pulse-orb{background:#94a3b8;border-radius:50%;width:7px;height:7px;transition:all .3s}.studio-pulse-orb.is-recording{background:#ef4444;animation:1.2s infinite pulseDot;box-shadow:0 0 #ef4444b3}.studio-pulse-orb.is-playing{background:#10b981;animation:1.4s infinite pulseDot;box-shadow:0 0 #10b981b3}.studio-badge-title{letter-spacing:.5px;color:#1e293b;text-transform:uppercase;font-size:10.5px;font-weight:800}.studio-category-pill{color:#6366f1;letter-spacing:.4px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700}.studio-mode-tabs{background:#f1f5f9;border-radius:10px;align-items:center;gap:4px;padding:3px;display:flex}.studio-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.studio-tab-btn:hover{color:#1e293b}.studio-tab-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 6px #0000000d}.studio-tab-btn .tab-icon{width:12px;height:12px}.studio-metric-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.studio-metric-pill .metric-lbl{color:#94a3b8;letter-spacing:.4px;font-size:9.5px;font-weight:800}.studio-metric-pill .metric-val{color:#0f172a;font-size:11px;font-weight:700}.studio-prompter-stage{box-sizing:border-box;background:linear-gradient(145deg,#0f172a 0%,#1e1e38 100%);border:1.5px solid #334155;border-radius:14px;flex-direction:column;flex:1;justify-content:space-between;min-height:180px;padding:14px 18px;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000059}.prompter-header-sub{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.prompter-instruction{color:#94a3b8;font-size:11.5px;font-weight:500}.prompter-word-counter{color:#38bdf8;white-space:nowrap;background:#38bdf81f;border:1px solid #38bdf840;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.prompter-words-viewport{flex:1;justify-content:center;align-items:center;padding:6px 0;display:flex}.prompter-words-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;max-width:820px;display:flex}.prompter-word-chip{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.prompter-word-chip:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.prompter-word-chip .word-text{letter-spacing:-.1px;font-size:14.5px;font-weight:600;line-height:1.25}.prompter-word-chip .word-syllables-sub{color:#94a3b8;letter-spacing:.2px;font-size:9px;font-weight:500}.prompter-word-chip.is-active-word{color:#fff;z-index:2;background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%);border-color:#67e8f9;transform:scale(1.12);box-shadow:0 0 16px #06b6d499,0 4px 12px #4f46e580}.prompter-word-chip.is-active-word .word-syllables-sub{color:#e0f2fe;font-weight:700}.prompter-word-chip.is-past-word{color:#6ee7b7;background:#10b9811f;border-color:#10b98159}.prompter-word-chip.is-selected-word{border-color:#facc15;box-shadow:0 0 10px #facc1566}.word-detail-callout-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aeb;border:1px solid #475569;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:6px 12px;animation:.2s fadeInSlideUp;display:flex}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.word-detail-left{align-items:center;gap:8px;display:flex}.detail-word-name{color:#f8fafc;font-size:13px;font-weight:700}.detail-phonetic-badge{color:#38bdf8;background:#38bdf81f;border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px;font-weight:600}.detail-syllable-tag{color:#94a3b8;font-size:11px}.detail-replay-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:10.5px;font-weight:700;transition:background .15s;display:inline-flex}.detail-replay-btn:hover{background:#2563eb}.detail-replay-btn svg{width:10px;height:10px}.studio-bottom-console{flex-shrink:0;grid-template-columns:1.15fr 1.35fr 1.15fr;align-items:stretch;gap:12px;display:grid}.console-panel{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:10px 14px;display:flex}.panel-audio-ref .panel-title-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.panel-title-text{color:#475569;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800}.speed-chips-wrap{gap:3px;display:flex}.mini-speed-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.mini-speed-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.panel-audio-row{align-items:center;gap:10px;display:flex}.studio-play-circle-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 12px #4f46e54d}.studio-play-circle-btn:hover{background:#4338ca;transform:scale(1.06)}.studio-play-circle-btn svg{fill:#fff;width:14px;height:14px}.studio-play-circle-btn:not(.is-active) svg{margin-left:2px}.audio-ref-scrubber-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.audio-ref-track-progress{background:#cbd5e1;border-radius:999px;width:100%;height:5px;overflow:hidden}.audio-ref-track-fill-line{background:linear-gradient(90deg,#4f46e5 0%,#06b6d4 100%);border-radius:999px;height:100%;transition:width .25s}.audio-ref-time-sub{color:#64748b;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.studio-mic-deck{align-items:center;gap:12px;height:100%;display:flex}.mic-halo-disc{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.mic-halo-disc.pulse-anim .mic-aura-ring{border:1.5px solid #ef4444;border-radius:50%;animation:1.6s infinite micAuraPulse;position:absolute}.mic-halo-disc.pulse-anim .mic-aura-ring.ring-one{width:58px;height:58px}.mic-halo-disc.pulse-anim .mic-aura-ring.ring-two{width:68px;height:68px;animation-delay:.4s}@keyframes micAuraPulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.studio-mic-trigger{color:#fff;cursor:pointer;z-index:1;background:#0f172a;border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000026}.studio-mic-trigger:hover{border-color:#6366f1;transform:scale(1.08)}.studio-mic-trigger.recording-now{background:#ef4444;border-color:#fca5a5;box-shadow:0 0 16px #ef444499}.studio-mic-trigger.recorded-ready{background:#10b981;border-color:#6ee7b7}.mic-icon-svg{width:20px;height:20px}.mic-status-col{flex-direction:column;gap:2px;min-width:100px;display:flex}.mic-status-headline{color:#475569;letter-spacing:.4px;font-size:10px;font-weight:800}.mic-timer-headline{color:#0f172a;font-family:ui-monospace,monospace;font-size:16px;font-weight:800}.studio-spectrum-eq{align-items:flex-end;gap:3px;height:24px;margin-left:auto;display:flex}.studio-spectrum-eq .eq-bar{background:#94a3b8;border-radius:999px;width:3px;height:6px;transition:height .15s}.studio-spectrum-eq.animating .eq-bar{background:linear-gradient(#06b6d4 0%,#4f46e5 100%);animation:.7s ease-in-out infinite alternate studioEqBounce}.studio-spectrum-eq.animating .b-1{height:10px;animation-delay:.1s}.studio-spectrum-eq.animating .b-2{height:18px;animation-delay:.25s}.studio-spectrum-eq.animating .b-3{height:24px;animation-delay:50ms}.studio-spectrum-eq.animating .b-4{height:14px;animation-delay:.3s}.studio-spectrum-eq.animating .b-5{height:20px;animation-delay:.15s}.studio-spectrum-eq.animating .b-6{height:12px;animation-delay:.35s}.studio-spectrum-eq.animating .b-7{height:8px;animation-delay:.2s}@keyframes studioEqBounce{0%{height:5px}to{height:24px}}.acoustic-gauges-row{justify-content:space-between;gap:6px;margin-bottom:6px;display:flex}.gauge-box{flex-direction:column;gap:1px;display:flex}.gauge-lbl{color:#94a3b8;letter-spacing:.3px;font-size:9px;font-weight:800}.gauge-val{font-size:10.5px;font-weight:700}.gauge-val.green-text{color:#059669}.gauge-val.indigo-text{color:#4f46e5}.studio-actions-flex{align-items:center;gap:6px;display:flex}.studio-retry-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:8px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.studio-retry-btn:hover{background:#f1f5f9;border-color:#94a3b8}.studio-retry-btn svg{width:12px;height:12px}.studio-submit-btn{flex:1;letter-spacing:.4px!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important}.studio-submit-btn.ready-glow{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)!important;box-shadow:0 4px 14px #4f46e566!important}.submit-chevron{width:12px;height:12px}.speech-assessment-modal-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1.5px solid #86efac;border-radius:16px;flex-direction:column;gap:12px;margin-top:14px;padding:16px 20px;animation:.3s fadeInSlideUp;display:flex;box-shadow:0 6px 18px #10b9811f}.assessment-modal-top{justify-content:space-between;align-items:center;display:flex}.assessment-badge-group{align-items:center;gap:10px;display:flex}.assessment-star-circle{color:#fff;background:#10b981;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex;box-shadow:0 3px 8px #10b9814d}.assessment-titles{flex-direction:column;gap:2px;display:flex}.assessment-main-title{color:#065f46;margin:0;font-size:14px;font-weight:800}.assessment-sub-title{color:#047857;font-size:11.5px;font-weight:600}.assessment-score-badge{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.score-number{color:#065f46;font-size:22px;font-weight:900;line-height:1}.score-label{color:#047857;letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:800}.assessment-metrics-quad{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;display:grid}.assessment-metric-item{background:#fff;border:1px solid #bbf7d0;border-radius:8px;flex-direction:column;gap:4px;padding:6px 10px;display:flex}.metric-header-line{justify-content:space-between;align-items:center;display:flex}.metric-name{color:#475569;letter-spacing:.3px;font-size:9px;font-weight:800}.metric-percent{color:#059669;font-size:11px;font-weight:700}.metric-track-bar{background:#e2e8f0;border-radius:999px;width:100%;height:4px;overflow:hidden}.metric-track-fill{background:#10b981;border-radius:999px;height:100%}.assessment-feedback-callout{background:#fff;border:1px solid #bbf7d0;border-left:3px solid #10b981;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex}.feedback-badge-tag{color:#047857;letter-spacing:.4px;text-transform:uppercase;font-size:9.5px;font-weight:800}.feedback-text-content{color:#1e293b;margin:0;font-size:11.5px;line-height:1.4}.read-aloud-top-card,.audio-reference-top-card{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;width:100%;padding:32px 36px;display:flex;box-shadow:0 4px 12px -2px #0f172a0a}.read-aloud-badge-wrap{justify-content:center;margin-bottom:20px;display:flex}.read-aloud-badge{color:#4f46e5;letter-spacing:.6px;text-transform:uppercase;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;justify-content:center;align-items:center;padding:4px 14px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.read-aloud-quote{letter-spacing:-.2px;max-width:760px;color:#0f172a!important;text-align:center!important;margin:0 0 28px!important;font-size:22px!important;font-weight:700!important;line-height:1.5!important}.integrated-audio-ref-box{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;width:100%;max-width:540px;margin:0 auto;padding:12px 20px;display:flex}.audio-ref-play-btn{color:#fff;cursor:pointer;background:#5046e4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 10px #5046e440}.audio-ref-play-btn:hover{background:#4338ca;transform:scale(1.05)}.audio-ref-play-btn svg{fill:#fff;width:15px;height:15px;margin-left:2px;display:block}.audio-ref-play-btn.is-playing svg{margin-left:0}.audio-ref-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}.audio-ref-track{background:#cbd5e1;border-radius:999px;flex:1;height:5px;position:relative;overflow:hidden}.audio-ref-fill{background:#5046e4;border-radius:999px;height:100%;transition:width .2s}.audio-ref-time{color:#64748b;white-space:nowrap;font-family:ui-monospace,monospace;font-size:11.5px;font-weight:600}.audio-repetition-unified-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;height:500px;min-height:480px;max-height:520px;margin:0 auto;padding:20px 28px 18px;display:flex;box-shadow:0 10px 30px #0000000a}.unified-card-top-header{justify-content:center;align-items:center;width:100%;display:flex}.unified-card-body-grid{flex:1;grid-template-columns:1fr 1px 1fr;align-items:stretch;gap:28px;min-height:0;margin:8px 0;display:grid}.unified-vertical-divider{background:#e2e8f0;align-self:center;width:1px;height:85%}.unified-station-col{box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:8px;height:100%;display:flex}.station-header-bar{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.station-step-pill{color:#5046e4;letter-spacing:.5px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:800}.station-title{color:#0f172a;margin:0;font-size:14.5px;font-weight:800;line-height:1.2}.station-subtitle{color:#64748b;margin:0;font-size:10.5px;line-height:1.3}.native-player-embedded-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:12px 16px;display:flex;box-shadow:0 2px 6px #00000005}.player-time-row{justify-content:space-between;align-items:center;width:100%;display:flex}.audio-state-text{color:#64748b;letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:700}.station-wave-spectrogram{justify-content:center;align-items:center;gap:4px;height:24px;padding:2px 0;display:flex}.spect-bar{background:#cbd5e1;border-radius:2px;width:4px;height:6px;transition:all .2s}.station-wave-spectrogram.animating .spect-bar{background:linear-gradient(#6366f1 0%,#5046e4 100%);animation:.6s ease-in-out infinite alternate spectWave}.station-wave-spectrogram.animating .spect-bar:first-child{animation-delay:50ms}.station-wave-spectrogram.animating .spect-bar:nth-child(2){animation-delay:.2s}.station-wave-spectrogram.animating .spect-bar:nth-child(3){animation-delay:.35s}.station-wave-spectrogram.animating .spect-bar:nth-child(4){animation-delay:.15s}.station-wave-spectrogram.animating .spect-bar:nth-child(5){animation-delay:.3s}.station-wave-spectrogram.animating .spect-bar:nth-child(6){animation-delay:.1s}.station-wave-spectrogram.animating .spect-bar:nth-child(7){animation-delay:.25s}@keyframes spectWave{0%{height:5px}to{height:22px}}.page25-mic-container{flex-direction:column;align-items:center;gap:8px;margin:auto 0;display:flex}.page25-playback-deck{width:100%;margin:auto 0}.unified-card-bottom-bar{justify-content:center;align-items:center;width:100%;display:flex}.native-speaker-player-box{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:600px;margin:0 auto;padding:16px 22px;display:flex}.player-main-row{align-items:center;gap:14px;width:100%;display:flex}.player-track-info{text-align:left;flex-direction:column;flex:1;gap:6px;display:flex}.player-track-title{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.player-scrubber-track{background:#cbd5e1;border-radius:999px;width:100%;height:5px;overflow:hidden}.player-scrubber-fill{background:#5046e4;border-radius:999px;height:100%;transition:width .2s}.player-time-digits{color:#64748b;font-family:ui-monospace,monospace;font-size:11.5px;font-weight:600}.player-bottom-controls-row{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.speeds-list{align-items:center;gap:6px;display:flex}.speed-prefix{color:#94a3b8;letter-spacing:.5px;margin-right:4px;font-size:10.5px;font-weight:700}.speed-select-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .15s}.speed-select-btn:hover{background:#f1f5f9;border-color:#94a3b8}.speed-select-btn.active{color:#fff;background:#5046e4;border-color:#5046e4}.volume-slider-group{align-items:center;gap:8px;display:flex}.vol-line-track{background:#cbd5e1;border-radius:999px;width:70px;height:4px;overflow:hidden}.vol-line-fill{background:#64748b;width:65%;height:100%}.three-dots-menu{color:#94a3b8;cursor:pointer;padding:0 4px;font-size:16px}.voice-recording-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.voice-recording-embedded{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;width:100%;height:100%;display:flex}.voice-recording-embedded .voice-header-center{margin-bottom:2px}.voice-recording-embedded .voice-header-center .question-title{color:#0f172a!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important}.voice-recording-embedded .voice-header-center .media-card-subtitle{color:#64748b!important;font-size:10.5px!important;line-height:1.35!important}.voice-recording-embedded .voice-mic-container{gap:8px;margin:2px 0}.voice-recording-embedded .voice-mic-halo{width:60px;height:60px}.voice-recording-embedded .voice-mic-btn{width:50px;height:50px}.voice-recording-embedded .mic-svg-icon{width:22px;height:22px}.voice-recording-embedded .voice-actions-row{align-items:center;gap:6px;width:100%;display:flex}.voice-recording-embedded .voice-submit-btn{flex:1;padding:8px 12px!important;font-size:11px!important}.voice-recording-embedded .voice-retry-btn{padding:7px 12px;font-size:11px}.voice-card-badge-row{justify-content:center;width:100%;display:flex}.voice-pill-badge{color:#4338ca;letter-spacing:.5px;text-transform:uppercase;background:#e0e7ff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.voice-badge-icon{width:13px;height:13px}.voice-main-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.voice-sub-title{color:#64748b;margin:0;font-size:13px}.voice-keywords-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:500px;padding:12px 16px;display:flex}.voice-keywords-label{color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:700}.voice-keywords-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.voice-keyword-chip{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.voice-header-center{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.voice-mic-container{flex-direction:column;align-items:center;gap:12px;margin:8px 0;display:flex}.voice-mic-halo{justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.voice-mic-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#5046e4 0%,#6366f1 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #5046e459}.voice-mic-btn:hover{transform:scale(1.06);box-shadow:0 12px 28px #5046e473}.voice-mic-btn.recording{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:1.5s infinite micPulseGlow;box-shadow:0 0 24px #ef444499}.voice-mic-btn.recorded{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 24px #10b98159}@keyframes micPulseGlow{0%{transform:scale(1);box-shadow:0 0 #ef444499}70%{transform:scale(1.08);box-shadow:0 0 0 16px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.mic-svg-icon{width:30px;height:30px}.mic-ripple{pointer-events:none;background:#5046e41f;border-radius:50%;position:absolute}.voice-mic-halo.is-active .mic-ripple{background:#ef444426}.voice-mic-halo.is-active .ring-1{width:88px;height:88px;animation:2s infinite rippleRing}.voice-mic-halo.is-active .ring-2{width:108px;height:108px;animation:2s .5s infinite rippleRing}@keyframes rippleRing{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.voice-status-text{color:#1e293b;font-size:14px;font-weight:700}.ready-status-stack{flex-direction:column;align-items:center;gap:4px;display:flex}.ready-sub-dots{justify-content:center;align-items:center;gap:4px;display:flex}.ready-sub-dots span{background:#cbd5e1;border-radius:50%;width:4px;height:4px}.pulse-red-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1s infinite alternate redBlink;display:inline-block}@keyframes redBlink{0%{opacity:.3}to{opacity:1}}.voice-waveform-bars{align-items:center;gap:4px;height:24px;display:flex}.wave-bar{background:#cbd5e1;border-radius:999px;width:4px;height:6px;transition:height .2s}.voice-waveform-bars.animating .wave-bar{background:linear-gradient(#6366f1 0%,#5046e4 100%);animation:.8s ease-in-out infinite alternate waveBarBounce}.voice-waveform-bars.animating .bar-1{animation-delay:.1s}.voice-waveform-bars.animating .bar-2{animation-delay:.3s}.voice-waveform-bars.animating .bar-3{animation-delay:.2s}.voice-waveform-bars.animating .bar-4{animation-delay:.4s}.voice-waveform-bars.animating .bar-5{animation-delay:.15s}.voice-waveform-bars.animating .bar-6{animation-delay:.35s}.voice-waveform-bars.animating .bar-7{animation-delay:.25s}@keyframes waveBarBounce{0%{height:4px}to{height:22px}}.voice-max-duration-label{color:#94a3b8;font-size:11px}.voice-actions-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.voice-submit-btn{max-width:320px}.voice-retry-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.voice-retry-btn:hover{color:#0f172a;background:#e2e8f0}.voice-footer-note{color:#94a3b8;margin-top:4px;font-size:11px}.voice-feedback-banner{box-sizing:border-box;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:16px;flex-direction:column;gap:16px;width:100%;margin-top:20px;padding:20px 24px;display:flex}.voice-fb-header{justify-content:space-between;align-items:center;display:flex}.voice-fb-left{align-items:center;gap:14px;display:flex}.voice-fb-icon-badge{color:#fff;background:#10b981;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #10b98140}.fb-sparkle-icon{width:24px;height:24px}.voice-fb-titles{flex-direction:column;gap:2px;display:flex}.voice-fb-main-title{color:#064e3b;margin:0;font-size:16px;font-weight:700}.voice-fb-check-sub{color:#059669;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.green-check-icon{width:14px;height:14px}.voice-score-pill{background:#fff;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;display:flex}.voice-score-num{color:#059669;font-size:24px;font-weight:800}.voice-score-badge-label{color:#065f46;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800}.voice-metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.voice-metric-card{background:#fff;border:1px solid #dcfce7;border-radius:10px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.voice-metric-header{justify-content:space-between;align-items:center;display:flex}.voice-metric-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:800}.voice-metric-val{color:#059669;font-size:12px;font-weight:800}.voice-metric-track{background:#e2e8f0;border-radius:999px;width:100%;height:6px;overflow:hidden}.voice-metric-fill{background:#10b981;border-radius:999px;height:100%}.voice-detailed-feedback-box{color:#ecfdf5;background:#064e3b;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.feedback-sub-icon{color:#6ee7b7;background:#ffffff26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.feedback-sub-icon svg{width:15px;height:15px}.feedback-sub-content{flex-direction:column;gap:4px;display:flex}.feedback-heading-label{letter-spacing:.6px;color:#a7f3d0;font-size:11px;font-weight:800}.feedback-paragraph{color:#e6fffa;margin:0;font-size:12px;line-height:1.5}.multi-audio-listener-card{box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:12px;padding:24px;display:flex}.multi-audio-card-header{text-align:center;flex-direction:column;align-items:center;gap:3px;margin-bottom:2px;display:flex}.multi-audio-tasks-list{flex-direction:column;flex:1;justify-content:space-around;gap:10px;display:flex}.multi-audio-item-row{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 5px #00000005}.multi-audio-item-row:hover{background:#fff;border-color:#cbd5e1}.multi-audio-item-row.is-playing{background:#fff;border-color:#5046e4;box-shadow:0 4px 14px #5046e41f}.multi-audio-item-row.is-selected{background:#fff;border-color:#5046e4;box-shadow:0 0 0 1.5px #5046e440}.multi-audio-item-top{justify-content:space-between;align-items:center;display:flex}.item-title-group{align-items:center;gap:8px;display:flex}.item-recorded-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.item-num-pill{color:#fff;background:#5046e4;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex;box-shadow:0 2px 6px #5046e440}.item-title-text{color:#0f172a;letter-spacing:.5px;text-transform:uppercase;font-size:11.5px;font-weight:800}.item-time-digits{color:#64748b;font-family:ui-monospace,monospace;font-size:11px;font-weight:600}.multi-audio-item-bottom{align-items:center;gap:10px;display:flex}.mini-play-circle-btn{color:#fff;cursor:pointer;background:#5046e4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;box-shadow:0 3px 8px #5046e440}.mini-play-circle-btn:hover{background:#4338ca;transform:scale(1.06)}.mini-play-circle-btn.playing{background:#4338ca}.mini-play-circle-btn svg{fill:#fff;width:12px;height:12px}.item-scrubber-track{background:#cbd5e1;border-radius:999px;flex:1;height:4px;overflow:hidden}.item-scrubber-fill{background:#5046e4;border-radius:999px;height:100%;transition:width .2s}.item-extra-controls{align-items:center;gap:8px;display:flex}.item-speed-pills{gap:4px;display:flex}.item-speed-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700;transition:all .15s}.item-speed-btn:hover{background:#f1f5f9;border-color:#94a3b8}.item-speed-btn.active{color:#fff;background:#5046e4;border-color:#5046e4}.item-vol-icon{color:#64748b;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.item-vol-icon svg{width:15px;height:15px}.multi-voice-recorder-card{box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:8px;padding:20px 24px 18px;display:flex}.multi-voice-top-header{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.multi-recorder-header-texts{flex-direction:column;gap:1px;display:flex}.multi-task-tabs-row{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.task-select-tab-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;max-width:110px;padding:5px 8px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.task-select-tab-btn:hover{background:#fff;border-color:#cbd5e1}.task-select-tab-btn.active{color:#5046e4;background:#eef2ff;border-color:#5046e4;box-shadow:0 2px 6px #5046e426}.task-select-tab-btn.has-recorded{color:#065f46;border-color:#a7f3d0}.task-select-tab-btn.has-recorded.active{color:#5046e4;background:#eef2ff;border-color:#5046e4}.tab-status-icon.success{color:#059669;font-size:11px;font-weight:900}.tab-status-icon.pending{color:#94a3b8;font-size:14px;line-height:1}.multi-voice-mic-station{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:10px 14px;display:flex}.selected-task-prompt-bar{align-items:center;gap:8px;display:flex}.active-task-tag{color:#5046e4;letter-spacing:.5px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:4px;padding:2px 6px;font-size:8.5px;font-weight:800}.active-task-name{color:#0f172a;letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:800}.recorded-playback-deck{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;padding:4px 2px;display:flex}.playback-top-label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.playback-status-badge{color:#059669;letter-spacing:.4px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.green-dot-pulse{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.4s infinite pulseDot;box-shadow:0 0 #10b981b3}.playback-time-digits{color:#0f172a;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.user-audio-player-row{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:6px 12px;display:flex}.user-audio-play-btn{color:#fff;cursor:pointer;background:#5046e4;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s;display:flex;box-shadow:0 2px 6px #5046e440}.user-audio-play-btn:hover{background:#4338ca;transform:scale(1.06)}.user-audio-play-btn.is-playing{background:#4338ca}.user-audio-play-btn svg{fill:#fff;width:12px;height:12px}.user-audio-track{background:#e2e8f0;border-radius:999px;flex:1;height:5px;overflow:hidden}.user-audio-fill{background:linear-gradient(90deg,#5046e4 0%,#10b981 100%);border-radius:999px;height:100%;transition:width .2s}.user-audio-tag{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.playback-actions-bar{align-items:center;gap:8px;width:100%;margin-top:2px;display:flex}.voice-delete-btn{color:#e11d48;cursor:pointer;background:#fff1f2;border:1.5px solid #fecdd3;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.voice-delete-btn:hover{color:#be123c;background:#ffe4e6;border-color:#f43f5e;transform:translateY(-1px)}.voice-delete-btn .trash-icon{stroke:currentColor;width:13px;height:13px}.voice-rerecord-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.voice-rerecord-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.voice-rerecord-btn .retry-icon{stroke:currentColor;width:12px;height:12px}.multi-voice-bottom-actions{flex-direction:column;gap:6px;width:100%;display:flex}.recording-summary-row{justify-content:space-between;align-items:center;width:100%;display:flex}.recorded-counter-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.task-saved-chip{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.full-width-submit{width:100%!important;max-width:100%!important}.auto-advance-toast-msg{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;animation:.25s fadeInSlideUp;display:inline-flex}.full-width-submit.ready-glow{animation:2s ease-in-out infinite pulseGlowBtn;background:linear-gradient(135deg,#5046e4 0%,#6366f1 100%)!important;box-shadow:0 4px 14px #5046e473!important}@keyframes pulseGlowBtn{0%{transform:scale(1);box-shadow:0 4px 14px #5046e473}50%{transform:scale(1.02);box-shadow:0 6px 20px #5046e499}to{transform:scale(1);box-shadow:0 4px 14px #5046e473}}.instructional-video-card{flex-direction:column;gap:14px;padding:24px;display:flex}.instructional-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.inst-carousel-arrows{align-items:center;gap:6px;display:flex}.inst-arrow-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:all .15s;display:flex}.inst-arrow-btn:hover{color:#475569;background:#f8fafc;border-color:#cbd5e1}.inst-arrow-btn.active,.inst-arrow-btn.next{color:#fff;background:#5046e4;border-color:#5046e4;box-shadow:0 2px 6px #5046e440}.inst-arrow-btn.active:hover,.inst-arrow-btn.next:hover{background:#4338ca}.inst-video-box{cursor:pointer;background:#090d16;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:215px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000001f}.inst-video-poster{object-fit:cover;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.inst-video-dark-overlay{z-index:2;background:linear-gradient(#090d1633 0%,#090d16bf 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:background .2s;display:flex;position:absolute;inset:0}.inst-video-box:hover .inst-video-dark-overlay{background:linear-gradient(#090d164d 0%,#090d16d1 100%)}.inst-center-play-circle{-webkit-backdrop-filter:blur(8px);color:#fff;background:#0f172aa6;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,background .15s;display:flex;box-shadow:0 4px 16px #0000004d}.inst-video-box:hover .inst-center-play-circle{background:#5046e4d9;border-color:#fff9;transform:scale(1.08)}.inst-center-play-circle svg{fill:#fff;width:18px;height:18px;margin-left:2px;display:block}.inst-center-play-circle.is-playing svg{margin-left:0}.inst-play-text{color:#e2e8f0;letter-spacing:.8px;text-transform:uppercase;text-shadow:0 1px 3px #00000080;font-size:10px;font-weight:700}.inst-video-bar{z-index:3;background:linear-gradient(#0000 0%,#090d16e6 100%);align-items:center;gap:10px;padding:8px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.inst-video-progress{background:#ffffff40;border-radius:999px;flex:1;height:4px;overflow:hidden}.inst-progress-fill{background:#38bdf8;border-radius:999px;height:100%;transition:width .3s}.inst-time-text{color:#f1f5f9;white-space:nowrap;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:600}.inst-ctrl-icons{color:#cbd5e1;align-items:center;gap:8px;display:flex}.inst-ctrl-icon{cursor:pointer;width:14px;height:14px;transition:color .15s;display:block}.inst-ctrl-icon:hover{color:#fff}.inst-carousel-pills{justify-content:center;align-items:center;gap:5px;margin:4px 0;display:flex}.inst-pill{cursor:pointer;background:#cbd5e1;border-radius:999px;width:6px;height:4px;transition:all .2s}.inst-pill.active{background:#5046e4;width:22px}.inst-tip-box{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:12px;align-items:flex-start;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.inst-tip-icon{flex-shrink:0;margin-top:1px;font-size:14px}.inst-tip-text{color:#3730a3;margin:0;font-size:12px;line-height:1.45}.inst-tip-label{color:#312e81;margin-right:4px;font-weight:700}.mindmap-workspace-wrapper{flex-direction:column;width:100%;height:500px;display:flex}.mindmap-workspace-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;width:100%;height:100%;max-height:500px;padding:16px 20px 12px;display:flex;overflow:hidden;box-shadow:0 10px 30px -8px #0f172a0f}.mindmap-workspace-topbar{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.mindmap-topbar-left{align-items:center;gap:10px;display:flex}.mindmap-header-badge{color:#4f46e5!important;background:#eef2ff!important;border:1px solid #e0e7ff!important;padding:4px 10px!important;font-size:10.5px!important;font-weight:700!important}.mindmap-header-titles{flex-direction:column;gap:1px;display:flex}.mindmap-main-title{color:#0f172a!important;margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important}.mindmap-main-subtitle{color:#64748b!important;margin:0!important;font-size:11px!important}.mindmap-node-count-badge{color:#4f46e5;letter-spacing:.3px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.mindmap-workspace-body{box-sizing:border-box;flex:1;grid-template-columns:1.4fr 1fr;align-items:stretch;gap:14px;min-height:0;padding:8px 0 6px;display:grid}.mindmap-canvas-area{background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);border:1.5px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0f172a08}.mindmap-svg-connectors{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.connector-line{stroke:#cbd5e1;stroke-width:1.8px;stroke-dasharray:4 3;fill:none;transition:all .3s}.connector-line.is-active{stroke:#4f46e5;stroke-width:2.5px;stroke-dasharray:none;filter:drop-shadow(0 0 4px #4f46e566)}.mindmap-center-core-hub{z-index:3;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:12px;flex-direction:column;gap:2px;max-width:145px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 6px 18px #4f46e559}.core-hub-tag{letter-spacing:.6px;color:#c7d2fe;text-transform:uppercase;font-size:8px;font-weight:800}.core-hub-title{margin:0;font-size:11.5px;font-weight:700;line-height:1.25}.mindmap-orbit-nodes-grid{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute}.mindmap-node-wrapper{pointer-events:auto;position:absolute;transform:translate(-50%,-50%)}.pos-node-0{top:18%;left:20%}.pos-node-1{top:18%;left:80%}.pos-node-2{top:50%;left:14%}.pos-node-3{top:50%;left:86%}.pos-node-4{top:82%;left:20%}.pos-node-5{top:82%;left:80%}.mindmap-node-pill{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:999px;outline:none;align-items:center;gap:5px;padding:5px 10px;font-size:10.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 5px #0000000a}.mindmap-node-pill:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.mindmap-node-pill.is-active{transform:scale(1.08);box-shadow:0 4px 14px #4f46e566}.mindmap-node-pill.is-placeholder{border-style:dashed!important}.node-dot-bullet{border-radius:50%;flex-shrink:0;width:6px;height:6px}.node-plus-icon{margin-left:2px;font-size:12px;font-weight:800}.mindmap-node-inline-input{color:#0f172a;background:#fff;border:1.5px solid #4f46e5;border-radius:999px;outline:none;width:120px;padding:4px 8px;font-size:10.5px;font-weight:600;box-shadow:0 0 0 3px #4f46e526}.mindmap-presentation-panel{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:8px;padding:12px 14px;display:flex}.pres-panel-header{flex-direction:column;gap:3px;display:flex}.pres-badge-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.pres-live-tag{color:#475569;letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.pres-pulse-orb{background:#94a3b8;border-radius:50%;width:6px;height:6px}.pres-pulse-orb.is-recording{background:#ef4444;animation:1.2s infinite pulseDot;box-shadow:0 0 #ef4444b3}.pres-max-tag{color:#6366f1;background:#eef2ff;border:1px solid #e0e7ff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.pres-main-heading{color:#0f172a;margin:0;font-size:13px;font-weight:800;line-height:1.2}.pres-sub-desc{color:#64748b;margin:0;font-size:10.5px;line-height:1.35}.pres-mic-center-station{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pres-mic-ring-halo{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.pres-mic-ring-halo.pulse-active .pres-aura-ring{border:1.5px solid #ef4444;border-radius:50%;animation:1.6s infinite micAuraPulse;position:absolute}.pres-mic-ring-halo.pulse-active .pres-aura-ring.ring-1{width:50px;height:50px}.pres-mic-ring-halo.pulse-active .pres-aura-ring.ring-2{width:60px;height:60px;animation-delay:.4s}.pres-mic-btn{color:#fff;cursor:pointer;z-index:1;background:#4f46e5;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 3px 8px #4f46e54d}.pres-mic-btn:hover{background:#4338ca;transform:scale(1.06)}.pres-mic-btn.is-recording{background:#ef4444;box-shadow:0 0 14px #ef444499}.pres-mic-btn.is-recorded{background:#10b981;box-shadow:0 3px 8px #10b9814d}.pres-mic-svg{width:17px;height:17px}.pres-timer-col{flex-direction:column;gap:1px;min-width:85px;display:flex}.pres-timer-digits{color:#0f172a;font-family:ui-monospace,monospace;font-size:14px;font-weight:800}.pres-timer-total{color:#94a3b8;font-size:10.5px;font-weight:600}.pres-status-text{color:#64748b;font-size:9.5px;font-weight:500}.pres-audio-spectrum{align-items:flex-end;gap:2px;height:18px;margin-left:auto;display:flex}.pres-audio-spectrum .spec-bar{background:#cbd5e1;border-radius:999px;width:2.5px;height:4px;transition:height .15s}.pres-audio-spectrum.animating .spec-bar{background:linear-gradient(#6366f1 0%,#10b981 100%);animation:.7s ease-in-out infinite alternate studioEqBounce}.pres-audio-spectrum.animating .s-1{height:7px;animation-delay:.1s}.pres-audio-spectrum.animating .s-2{height:14px;animation-delay:.25s}.pres-audio-spectrum.animating .s-3{height:18px;animation-delay:50ms}.pres-audio-spectrum.animating .s-4{height:11px;animation-delay:.3s}.pres-audio-spectrum.animating .s-5{height:16px;animation-delay:.15s}.pres-audio-spectrum.animating .s-6{height:8px;animation-delay:.35s}.pres-actions-row{align-items:center;gap:6px;display:flex}.pres-retry-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:7px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.pres-retry-btn:hover{background:#f1f5f9;border-color:#94a3b8}.pres-retry-btn svg{width:11px;height:11px}.pres-submit-btn{flex:1;letter-spacing:.3px!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;font-size:11px!important;font-weight:700!important;display:inline-flex!important}.pres-submit-btn.ready-glow{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%)!important;box-shadow:0 4px 12px #4f46e559!important}.submit-arrow-icon{width:11px;height:11px}.mindmap-workspace-footer{border-top:1px solid #f1f5f9;flex-shrink:0;align-items:center;padding-top:6px;display:flex}.footer-tip-item{color:#64748b;align-items:center;gap:6px;font-size:10.5px;line-height:1.35;display:flex}.tip-sparkle-icon{flex-shrink:0;font-size:12px}.speaking-prompt-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.speaking-topic-card{flex-direction:column;justify-content:space-between;gap:14px;padding:24px;display:flex}.speaking-header-texts{flex-direction:column;gap:2px;display:flex}.speaking-content-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:1;gap:10px;padding:18px 20px;display:flex}.speaking-topic-headline{color:#0f172a;margin:0;font-size:15px;font-weight:800;line-height:1.35}.speaking-topic-paragraph{color:#475569;margin:0;font-size:12.5px;line-height:1.6}.speaking-meta-pills-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.speaking-meta-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.meta-pill-icon{color:#5046e4;width:20px;height:20px}.meta-pill-texts{flex-direction:column;gap:1px;display:flex}.pill-sub-label{color:#94a3b8;letter-spacing:.4px;font-size:9.5px;font-weight:800}.pill-main-val{color:#0f172a;font-size:12px;font-weight:700}.teleprompter-screen-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.dark-teleprompter-card{color:#fff;background:#090d16;border:1px solid #1e293b;border-radius:16px;flex-direction:column;gap:16px;padding:20px 24px;display:flex}.teleprompter-header-bar{justify-content:space-between;align-items:center;display:flex}.teleprompter-live-badge{align-items:center;gap:8px;display:flex}.live-red-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1s infinite alternate redBlink}.live-badge-label{letter-spacing:.6px;color:#f8fafc;font-size:11px;font-weight:800}.teleprompter-controls{align-items:center;gap:16px;display:flex}.start-reading-btn{color:#fff;cursor:pointer;background:#5046e4;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.teleprompter-speed-group{align-items:center;gap:6px;display:flex}.speed-label{color:#94a3b8;font-size:11px}.teleprompter-speed-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:4px 8px;font-size:11px}.teleprompter-speed-btn.active{color:#fff;background:#5046e4;border-color:#5046e4;font-weight:700}.teleprompter-horizontal-viewport{box-sizing:border-box;background:#020617;border:1.5px solid #1e293b;border-radius:12px;align-items:center;width:100%;height:82px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 12px #00000080}.teleprompter-horizontal-viewport:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#020617 20%,#0000 100%);width:50px;position:absolute;top:0;bottom:0;left:0}.teleprompter-horizontal-viewport:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(270deg,#020617 20%,#0000 100%);width:50px;position:absolute;top:0;bottom:0;right:0}.teleprompter-horizontal-track{white-space:nowrap;will-change:transform;align-items:center;padding-left:100%;display:inline-flex}.teleprompter-single-line-text{color:#f8fafc;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 3px #0006;font-size:19px;font-weight:700;line-height:1;display:inline-block}.broadcast-recording-card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.broadcast-actions-row{gap:12px;width:100%;max-width:400px;display:flex}.broadcast-retry-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.broadcast-submit-btn{flex:1}.teleprompter-tip-pill{color:#3730a3;background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.tip-bulb-icon{width:16px;height:16px}.scene-sequence-screen-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.visual-sequence-card{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.sequence-card-header{justify-content:space-between;align-items:center;display:flex}.sequence-badge-title{align-items:center;gap:12px;display:flex}.sequence-pill-badge{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.sequence-heading{color:#0f172a;margin:0;font-size:16px;font-weight:700}.sequence-nav-dots-row{align-items:center;gap:8px;display:flex}.seq-nav-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:28px;height:28px;font-size:16px}.seq-dots-list{gap:4px;display:flex}.seq-dot{cursor:pointer;background:#cbd5e1;border-radius:50%;width:6px;height:6px}.seq-dot.active{background:#5046e4;border-radius:999px;width:14px}.sequence-media-box{background:#0f172a;border-radius:12px;width:100%;height:240px;position:relative;overflow:hidden}.sequence-display-image{object-fit:cover;width:100%;height:100%}.sequence-pause-overlay-btn{color:#fff;cursor:pointer;background:#0f172ab3;border:1px solid #fff3;border-radius:8px;width:36px;height:36px;font-size:12px;position:absolute;top:14px;right:14px}.sequence-scrubber-track{background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0}.sequence-scrubber-fill{background:#38bdf8;height:100%;transition:width .3s}.sequence-footer-label{text-align:center;color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:700}.vocab-goal-screen-wrapper,.vocab-compose-screen-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.vocab-flashcard-top-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.vocab-timer-ring{color:#5046e4;border:2.5px solid #5046e4;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.vocab-study-pill{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}.vocab-target-word{color:#0f172a;margin:0;font-size:28px;font-weight:800}.vocab-phonetics{color:#6366f1;font-size:14px;font-style:italic}.vocab-definition-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-width:480px;margin-top:8px;padding:12px 18px}.vocab-def-label{color:#64748b;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.vocab-def-text{color:#334155;margin:0;font-size:13px}.vocab-carousel-pills{gap:4px;margin-top:10px;display:flex}.vocab-pill{background:#cbd5e1;border-radius:999px;width:8px;height:4px}.vocab-pill.active{background:#5046e4;width:20px}.vocab-word-carousel-wrap{justify-content:space-between;align-items:center;width:100%;display:flex}.vocab-arrow-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:36px;height:36px;font-size:20px}.vocab-sentence-bottom-card{flex-direction:column;gap:16px;padding:24px;display:flex}.vocab-interactive-row{grid-template-columns:1fr 2fr;align-items:center;gap:20px;display:grid}.vocab-mic-col{flex-direction:column;align-items:center;gap:8px;display:flex}.press-to-speak-label{color:#0f172a;font-size:11px;font-weight:800}.vocab-guidelines-list{flex-direction:column;gap:8px;display:flex}.vocab-guide-item{color:#334155;align-items:center;gap:8px;font-size:13px;display:flex}.vocab-check-circle{color:#2563eb;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.vocab-actions-bottom-row{justify-content:space-between;align-items:center;gap:5px;margin-top:8px;display:flex}.vocab-skip-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.vocab-sentence-bottom-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:14px;width:100%;padding:24px 32px;display:flex;box-shadow:0 4px 12px -2px #0f172a0a}.vocab-sentence-header-center{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:2px;display:flex}.vocab-sentence-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.vocab-sentence-subtitle{color:#64748b;margin:0;font-size:12px}.compose-textarea-container{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;width:100%;padding:14px 18px 30px;transition:border-color .15s,background .15s;position:relative}.compose-textarea-container:focus-within{background:#fff;border-color:#5046e4}.compose-textarea{box-sizing:border-box;color:#0f172a;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:75px;padding:0;font-family:inherit;font-size:13.5px;line-height:1.5}.compose-char-counter{color:#94a3b8;letter-spacing:.4px;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:14px}.compose-controls-row{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:4px;display:flex}.compose-left-badges{align-items:center;gap:12px;display:flex}.grammar-check-badge{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.grammar-check-badge:hover{background:#d1fae5}.grammar-check-badge .grammar-dot{color:#10b981;font-size:10px}.shortcut-hint{color:#94a3b8;font-size:11.5px}.shortcut-hint kbd{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 5px;font-size:10.5px;font-weight:600}.check-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#5046e4 0%,#4338ca 100%);border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 22px;font-size:11.5px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px 14px #5046e452}.check-submit-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px)}.submit-paperplane-icon{fill:#fff;width:13px;height:13px}.compose-footers-row{color:#64748b;justify-content:center;align-items:center;gap:28px;margin-top:10px;font-size:11.5px;display:flex}.footer-item{align-items:center;gap:6px;display:inline-flex}.footer-icon{color:#6366f1;width:14px;height:14px}.vocab-record-grid{grid-template-columns:1fr 1.15fr;gap:20px;display:grid}.vocab-inspire-card,.vocab-form-card{flex-direction:column;gap:16px;padding:24px;display:flex}.inspire-image-wrap{border-radius:12px;width:100%;height:180px;overflow:hidden}.inspire-image{object-fit:cover;width:100%;height:100%}.inspire-instructions-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.inspire-instructions-heading{color:#0f172a;margin:0 0 4px;font-size:12px;font-weight:700}.inspire-instructions-text{color:#475569;margin:0;font-size:12px;line-height:1.5}.vocab-form-badge{color:#4338ca;background:#e0e7ff;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.vocab-form-badge svg{width:13px;height:13px}.vocab-fields-list{flex-direction:column;gap:12px;display:flex}.vocab-field-group{flex-direction:column;gap:4px;display:flex}.vocab-field-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:800}.vocab-text-input,.vocab-textarea-input{box-sizing:border-box;color:#0f172a;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.vocab-text-input:focus,.vocab-textarea-input:focus{border-color:#5046e4}.essay-screen-grid{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.essay-context-card,.essay-editor-card{flex-direction:column;gap:16px;padding:24px;display:flex}.essay-badge-row{justify-content:space-between;align-items:center;display:flex}.essay-type-badge{color:#4338ca;text-transform:uppercase;background:#e0e7ff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.essay-time-remaining{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.essay-time-remaining svg{width:14px;height:14px}.essay-main-title{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.3}.essay-intro-desc{color:#475569;margin:0;font-size:13px;line-height:1.5}.essay-image-box{border-radius:12px;width:100%;height:180px;position:relative;overflow:hidden}.essay-prompt-img{object-fit:cover;width:100%;height:100%}.essay-image-quote-overlay{color:#fff;background:#0f172abf;padding:8px 12px;font-size:12px;font-style:italic;position:absolute;bottom:0;left:0;right:0}.essay-passage-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;position:relative}.passage-word-tag{color:#64748b;font-size:10px;font-weight:800;position:absolute;top:2px;right:10px}.passage-scroll-area{max-height:340px;padding-right:8px;overflow-y:auto}.passage-para{color:#334155;margin-bottom:12px;font-size:13px;line-height:1.6}.essay-key-points-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 16px}.key-points-heading{color:#065f46;margin:0 0 8px;font-size:12px;font-weight:800}.key-points-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.key-point-item{color:#064e3b;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.key-point-bullet{color:#10b981;font-weight:700}.essay-requirements-box{background:#fefce8;border:1px solid #fef08a;border-radius:10px;padding:12px 16px}.requirements-heading{color:#854d0e;margin:0 0 8px;font-size:12px;font-weight:800}.requirements-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.req-item{color:#713f12;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.essay-helpful-tip-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 16px}.tip-header-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.tip-check-badge{color:#059669;font-weight:700}.tip-heading{color:#065f46;margin:0;font-size:12px;font-weight:700}.tip-text{color:#047857;margin:0;font-size:12px;line-height:1.5}.essay-context-hint-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px}.hint-heading{color:#0f172a;margin:0 0 4px;font-size:12px;font-weight:700}.hint-text{color:#475569;margin:0;font-size:12px}.essay-textarea-wrap{flex:1}.essay-main-textarea{box-sizing:border-box;color:#0f172a;resize:vertical;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:260px;padding:16px;font-family:inherit;font-size:14px;line-height:1.6}.essay-main-textarea:focus{border-color:#5046e4}.essay-metrics-bar{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.essay-count-stats{gap:12px;font-weight:600;display:flex}.target-words-label{color:#5046e4;font-weight:700}.essay-submit-main-btn{justify-content:center;align-items:center;gap:8px;display:flex}.paperplane-icon{width:16px;height:16px}.essay-secondary-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.essay-draft-btn,.essay-clear-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.essay-draft-btn svg,.essay-clear-btn svg{width:14px;height:14px}.email-screen-grid{grid-template-columns:1fr 1.15fr;gap:20px;display:grid}.email-viewer-card,.email-composer-card{flex-direction:column;gap:16px;padding:24px;display:flex}.email-pill-badge{color:#4338ca;background:#e0e7ff;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.email-pill-badge svg{width:13px;height:13px}.email-message-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.email-sender-row{align-items:center;gap:12px;display:flex}.sender-avatar-wrap{border-radius:50%;width:36px;height:36px;overflow:hidden}.sender-avatar-img{object-fit:cover;width:100%;height:100%}.sender-info{flex-direction:column;gap:2px;display:flex}.sender-name-time{align-items:center;gap:8px;display:flex}.sender-name{color:#0f172a;font-size:13px;font-weight:700}.email-timestamp{color:#94a3b8;font-size:11px}.email-to-label{color:#64748b;font-size:11px}.email-subject-heading{color:#0f172a;margin:0;font-size:14px;font-weight:700}.email-body-text{color:#334155;font-size:13px;line-height:1.6}.email-composer-form{flex-direction:column;gap:12px;display:flex}.email-field-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.field-prefix{color:#94a3b8;font-weight:800}.field-val{color:#334155;font-weight:600}.email-reply-textarea{box-sizing:border-box;color:#0f172a;resize:vertical;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:13px;line-height:1.5}.email-reply-textarea:focus{border-color:#5046e4}.email-composer-meta-row{color:#94a3b8;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.audio-summary-grid{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.audio-summary-listen-card,.audio-summary-writer-card{flex-direction:column;gap:16px;padding:24px;display:flex}.audio-summary-header-center{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.summary-header-badge-row{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.summary-category-text{color:#64748b;font-size:12px;font-weight:500}.summary-label{color:#475569;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.audio-listen-icon-wrap{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.purple-headphone-circle{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:6px;display:flex;box-shadow:0 4px 14px #4f46e547}.audio-summary-player-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.scrubber-fill{background:#5046e4;height:100%}.scrubber-time{color:#64748b;font-size:11px}.audio-summary-volume-row{align-items:center;gap:8px;width:60%;display:flex}.vol-slider-track{background:#cbd5e1;border-radius:999px;flex:1;height:4px}.audio-summary-meta{flex-direction:column;align-items:center;gap:2px;display:flex}.audio-track-name{color:#0f172a;font-size:13px;font-weight:700}.audio-track-dur{color:#64748b;font-size:11px}.summary-label,.report-label,.takeaway-label,.vocab-field-label,.essay-field-label,.form-label,.input-label,.matrix-col-header-label{color:#475569;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.report-title-input,.vocab-text-input,.unscramble-input,.form-text-input{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:11px 16px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0f172a0a}.report-title-input::placeholder,.vocab-text-input::placeholder,.unscramble-input::placeholder,.form-text-input::placeholder{color:#94a3b8;font-weight:400}.report-title-input:hover,.vocab-text-input:hover,.unscramble-input:hover,.form-text-input:hover{background:#fff;border-color:#cbd5e1}.report-title-input:focus,.vocab-text-input:focus,.unscramble-input:focus,.form-text-input:focus{background:#fff;border-color:#5046e4;box-shadow:0 0 0 3.5px #5046e41f,0 1px 3px #0f172a0d}.summary-textarea,.report-findings-textarea,.takeaway-textarea,.email-reply-textarea,.essay-textarea,.vocab-textarea-input,.matrix-textarea,.form-textarea{box-sizing:border-box;color:#0f172a;resize:vertical;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.55;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0f172a0a}.summary-textarea::placeholder,.report-findings-textarea::placeholder,.takeaway-textarea::placeholder,.email-reply-textarea::placeholder,.essay-textarea::placeholder,.vocab-textarea-input::placeholder,.matrix-textarea::placeholder,.form-textarea::placeholder{color:#94a3b8;font-weight:400}.summary-textarea:hover,.report-findings-textarea:hover,.takeaway-textarea:hover,.email-reply-textarea:hover,.essay-textarea:hover,.vocab-textarea-input:hover,.matrix-textarea:hover,.form-textarea:hover{background:#fff;border-color:#cbd5e1}.summary-textarea:focus,.report-findings-textarea:focus,.takeaway-textarea:focus,.email-reply-textarea:focus,.essay-textarea:focus,.vocab-textarea-input:focus,.matrix-textarea:focus,.form-textarea:focus{background:#fff;border-color:#5046e4;box-shadow:0 0 0 3.5px #5046e41f,0 1px 3px #0f172a0d}.summary-meta-line{color:#94a3b8;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.summary-actions-row{justify-content:flex-end;gap:12px;display:flex}.summary-save-draft-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700}.summary-evaluation-banner{box-sizing:border-box;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:16px;flex-direction:column;gap:12px;width:100%;margin-top:20px;padding:20px 24px;display:flex}.summary-banner-top{justify-content:space-between;align-items:center;display:flex}.summary-banner-left{align-items:center;gap:8px;display:flex}.banner-green-check-circle{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.banner-green-title{color:#065f46;margin:0;font-size:16px;font-weight:800}.banner-points-badge{color:#059669;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.summary-banner-expl{color:#064e3b;margin:0;font-size:13px;line-height:1.5}.summary-bullet-points-box{background:#fff;border:1px solid #dcfce7;border-radius:10px;padding:12px 16px}.bullet-points-heading{color:#065f46;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.summary-bullets-list{color:#047857;flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.data-report-grid{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.data-visual-left-card,.data-report-right-card{flex-direction:column;gap:16px;padding:24px;display:flex}.data-blueprint-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:200px;overflow:hidden}.data-visual-header-row{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;display:flex}.high-res-tag{color:#475569;letter-spacing:.5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.high-res-dot{color:#10b981;font-size:9px}.blueprint-img{object-fit:contain;width:100%;height:100%}.data-objectives-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.objectives-title{color:#0f172a;margin:0 0 8px;font-size:12px;font-weight:800}.objectives-list{flex-direction:column;gap:6px;display:flex}.objective-item{color:#334155;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.objective-check-icon{color:#5046e4;font-weight:700}.report-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.report-title-input{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.report-title-input:focus{background:#fff;border-color:#5046e4}.report-findings-textarea{box-sizing:border-box;resize:vertical;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:13px}.report-findings-textarea:focus{background:#fff;border-color:#5046e4}.report-meta-row{color:#94a3b8;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.report-tech-hint{color:#94a3b8;letter-spacing:.4px;font-size:10.5px;font-weight:700}.video-takeaways-grid{grid-template-columns:1fr 1.15fr;gap:20px;display:grid}.takeaways-right-card{flex-direction:column;gap:16px;padding:24px;display:flex}.takeaways-inputs-list{flex-direction:column;gap:12px;display:flex}.takeaway-field-block{flex-direction:column;gap:4px;display:flex}.takeaway-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:800}.takeaway-textarea{box-sizing:border-box;resize:vertical;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.creative-heading-grid{grid-template-columns:1.05fr 1fr;align-items:stretch;gap:20px;display:grid}.content-analysis-left-card,.creative-heading-right-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:24px 26px;display:flex;box-shadow:0 2px 10px #0f172a0a}.heading-analysis-badge,.creative-studio-badge{letter-spacing:.4px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.heading-badge-icon{font-size:13px;line-height:1}.content-quote-container{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-left:4px solid #5046e4;border-radius:0 12px 12px 0;flex-direction:column;gap:4px;padding:20px 22px 20px 24px;display:flex;position:relative;box-shadow:0 1px 3px #0f172a08}.quote-mark-icon{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:40px;line-height:.8}.content-quote-text{color:#1e293b;margin:0;font-size:13.5px;font-style:italic;font-weight:500;line-height:1.75}.content-tip-bottom-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;margin-top:auto;padding:12px 16px;display:flex;box-shadow:0 1px 2px #0f172a05}.tip-bulb-wrap{flex-shrink:0;padding-top:1px;font-size:18px;line-height:1}.tip-content-col{flex-direction:column;gap:3px;display:flex}.tip-title-lbl{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:800}.heading-counter-pill{color:#5046e4;letter-spacing:.2px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.heading-input-center-area{flex-direction:column;flex:1;gap:12px;padding:14px 0;display:flex}.heading-input-header-row{justify-content:space-between;align-items:center;display:flex}.suggested-heading-label{color:#475569;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.heading-chars-tag{color:#94a3b8;font-size:11px;font-weight:600}.heading-input-box-wrapper{width:100%;position:relative}.heading-text-input{box-sizing:border-box;color:#5046e4;caret-color:#5046e4;background:#fff;border:2px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:52px;padding:0 42px 0 16px;font-size:15.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0f172a0a}.heading-text-input::placeholder{color:#94a3b8;font-size:14px;font-weight:400}.heading-text-input:hover{border-color:#94a3b8}.heading-text-input:focus{background:#fff;border-color:#5046e4;box-shadow:0 0 0 4px #5046e424}.heading-text-input.has-value{background:#f8faff;border-color:#a5b4fc}.heading-clear-cross-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:18px;line-height:1;transition:all .12s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.heading-clear-cross-btn:hover{color:#ef4444;background:#fee2e2}.heading-instruction-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.instruction-info-icon{flex-shrink:0;font-size:14px;line-height:1.4}.heading-instruction-note{color:#64748b;margin:0;font-size:12px;line-height:1.5}.heading-submit-btn{color:#fff;cursor:pointer;background:#5046e4;border:none;border-radius:8px;width:100%;height:44px;margin-top:auto;font-size:14px;font-weight:700;transition:all .15s;box-shadow:0 2px 8px #5046e440}.heading-submit-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 14px #5046e459}.content-analysis-left-card{box-sizing:border-box;flex-direction:column;height:100%;padding:24px;display:flex}.content-quote-container{background:#f8fafc;border:1.5px solid #e2e8f0;border-left:4px solid #1d4ed8;border-radius:0 12px 12px 0;flex-direction:column;flex:1;justify-content:center;margin:14px 0;padding:20px 22px;display:flex}.content-quote-text{color:#1e293b;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13.5px;font-style:italic;line-height:1.65}.content-tip-bottom-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:10px 14px;display:flex}.content-tip-bottom-box .tip-bulb-icon{color:#1d4ed8;flex-shrink:0;width:18px;height:18px}.content-tip-text{color:#1d4ed8;font-size:12px;font-weight:500;line-height:1.4}.critical-args-grid{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:20px;display:grid}.critical-args-right-card{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:24px;display:flex}.args-table-header-row{grid-template-columns:1fr 1fr;gap:12px;padding:0 4px;display:grid}.args-header-cell{align-items:center;gap:6px;display:flex}.args-header-dot{border-radius:50%;width:7px;height:7px}.args-header-dot.blue{background:#1d4ed8}.args-header-dot.indigo{background:#4f46e5}.args-col-heading{color:#475569;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.args-rows-list{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.args-item-row-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 12px;transition:all .2s;display:flex}.args-item-row-card:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 3px 12px #1d4ed814}.args-item-meta-bar{justify-content:space-between;align-items:center;display:flex}.arg-num-badge{color:#1d4ed8;text-transform:uppercase;letter-spacing:.4px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:2px 8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:10.5px;font-weight:800}.arg-helper-hint{color:#94a3b8;font-size:10.5px;font-weight:600}.args-row-grid{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.args-input-field-wrap{flex:1;height:100%;min-height:0;display:flex}.args-cell-textarea{box-sizing:border-box;resize:none;color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;flex:1;width:100%;height:100%;min-height:52px;padding:8px 12px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.4;transition:all .2s}.args-cell-textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.args-submit-btn,.pc-submit-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:10px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #1d4ed847}.args-submit-btn:hover,.pc-submit-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 18px #1d4ed861}.args-submit-btn:active,.pc-submit-btn:active{transform:translateY(0)}.pros-cons-grid{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:20px;display:grid}.pros-cons-right-card{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:24px;display:flex}.pros-cons-columns-row{flex:1;grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid}.pc-column{flex-direction:column;height:100%;min-height:0;display:flex}.pc-col-header{letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.adv-header{color:#059669}.dis-header{color:#dc2626}.arg-header{color:#1d4ed8}.reason-header{color:#4f46e5}.pc-cells-list{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.pc-cell-textarea{box-sizing:border-box;resize:none;border-radius:10px;outline:none;flex:1;width:100%;height:100%;min-height:60px;padding:10px 12px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.4;transition:all .2s}.pc-cell-textarea.adv-cell{color:#064e3b;background:#f0fdf4;border:1.5px solid #bbf7d0}.pc-cell-textarea.adv-cell:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.pc-cell-textarea.dis-cell{color:#881337;background:#fef2f2;border:1.5px solid #fecdd3}.pc-cell-textarea.dis-cell:focus{background:#fff;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481f}.pc-cell-textarea.arg-cell{color:#1e3a8a;background:#eff6ff;border:1.5px solid #bfdbfe}.pc-cell-textarea.arg-cell:focus{background:#fff;border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.pc-cell-textarea.reason-cell{color:#3730a3;background:#f5f3ff;border:1.5px solid #ddd6fe}.pc-cell-textarea.reason-cell:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.essay-screen-grid{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:20px;display:grid}.essay-context-card,.essay-editor-card{box-sizing:border-box;flex-direction:column;height:100%;padding:24px;display:flex}.essay-image-box{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:14px;margin:12px 0;position:relative;overflow:hidden}.essay-prompt-img{object-fit:cover;width:100%;height:auto;max-height:220px;display:block}.essay-image-quote-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0f172abf;padding:10px 14px;font-size:12px;font-style:italic;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.essay-key-points-box,.essay-requirements-box,.essay-helpful-tip-box,.essay-context-hint-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;margin-top:10px;padding:12px 14px}.essay-helpful-tip-box{background:#eff6ff;border-color:#bfdbfe}.essay-helpful-tip-box .tip-heading{color:#1d4ed8;margin:0;font-size:12px;font-weight:800}.essay-helpful-tip-box .tip-text{color:#1e40af;margin:4px 0 0;font-size:12px;line-height:1.4}.essay-textarea-wrap{flex-direction:column;flex:1;min-height:0;margin-top:12px;margin-bottom:12px;display:flex}.essay-main-textarea{box-sizing:border-box;resize:none;color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;outline:none;flex:1;width:100%;height:100%;min-height:280px;padding:14px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13.5px;line-height:1.6;transition:all .2s}.essay-main-textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.essay-metrics-bar{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px;font-size:12px;font-weight:500;display:flex}.essay-count-stats{align-items:center;gap:12px;display:flex}.essay-count-stats .count-stat{color:#1e293b;font-weight:700}.target-words-label{color:#64748b;font-size:11.5px}.essay-submit-main-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:auto;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #1d4ed847}.essay-submit-main-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 18px #1d4ed861}.essay-submit-main-btn:active{transform:translateY(0)}.audio-summary-grid{grid-template-columns:1fr 1.35fr;align-items:stretch;gap:20px;display:grid}.audio-summary-listen-card,.audio-summary-writer-card{box-sizing:border-box;flex-direction:column;height:100%;padding:24px;display:flex}.audio-summary-header-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.purple-headphone-circle{color:#1d4ed8;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:flex}.purple-headphone-circle svg{width:26px;height:26px}.page53-single-card,.page54-single-card{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:1040px;margin:0 auto 30px;padding:28px 32px;display:flex;box-shadow:0 4px 20px #0f172a0f;background:#fff!important;height:auto!important;max-height:none!important;overflow:visible!important}.audio-summary-player-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:14px;margin-top:auto;margin-bottom:auto;padding:16px;display:flex}.blue-play-circle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #1d4ed859}.blue-play-circle-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #1d4ed873}.blue-play-circle-btn svg{width:22px;height:22px}.audio-summary-scrubber-row{align-items:center;gap:10px;width:100%;display:flex}.scrubber-track{background:#e2e8f0;border-radius:9999px;flex:1;height:6px;overflow:hidden}.scrubber-fill{background:#1d4ed8;border-radius:9999px;height:100%;transition:width .3s}.scrubber-time{color:#64748b;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.audio-summary-volume-row{align-items:center;gap:8px;width:100%;padding:0 10px;display:flex}.vol-icon svg{color:#94a3b8;width:15px;height:15px}.vol-slider-track{background:#e2e8f0;border-radius:9999px;flex:1;height:4px;overflow:hidden}.vol-slider-fill{background:#94a3b8;width:70%;height:100%}.audio-summary-meta{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;width:100%;padding-top:8px;font-size:11px;font-weight:600;display:flex}.summary-header-badge-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.summary-category-text{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}.summary-textarea-wrap{flex-direction:column;flex:1;min-height:0;margin-top:12px;margin-bottom:12px;display:flex}.summary-label{color:#475569;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11.5px;font-weight:700}.summary-textarea{box-sizing:border-box;resize:none;color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;flex:1;width:100%;height:100%;min-height:240px;padding:14px 16px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.6;transition:all .2s}.summary-textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81f}.summary-meta-line{color:#64748b;justify-content:space-between;margin-top:6px;font-size:11.5px;font-weight:500;display:flex}.summary-submit-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:auto;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #1d4ed847}.summary-submit-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 18px #1d4ed861}.summary-submit-btn:active{transform:translateY(0)}.multi-section-essay-grid{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.multi-essay-left-card,.multi-essay-right-card{flex-direction:column;gap:16px;padding:24px;display:flex}.multi-badge-row{justify-content:space-between;align-items:center;display:flex}.writing-task-badge{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.multi-essay-quote-box{background:#f8fafc;border-left:4px solid #5046e4;border-radius:0 10px 10px 0;padding:14px}.multi-quote-text{color:#0f172a;margin:0;font-size:14px;font-weight:700}.multi-essay-prompt-text{color:#475569;margin:0;font-size:13px;line-height:1.5}.multi-guidelines-box{flex-direction:column;gap:8px;display:flex}.guidelines-heading{color:#64748b;margin:0;font-size:11px;font-weight:800}.guidelines-items-list{flex-direction:column;gap:6px;display:flex}.guide-check-item{color:#334155;align-items:flex-start;gap:8px;font-size:12px;display:flex}.guide-check-icon{color:#10b981;font-weight:700}.grading-criteria-blue-box{color:#fff;background:#5046e4;border-radius:12px;padding:14px 18px}.criteria-header{align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:800;display:flex}.criteria-text{color:#e0e7ff;margin:0;font-size:12px;line-height:1.5}.multi-editor-header{justify-content:space-between;align-items:center;display:flex}.editor-header-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-meta-status{color:#94a3b8;align-items:center;gap:8px;font-size:11px;display:flex}.multi-essay-sections-list{flex-direction:column;gap:12px;display:flex}.essay-section-field{flex-direction:column;gap:4px;display:flex}.section-field-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:800}.section-field-textarea{box-sizing:border-box;resize:vertical;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px}.draft-progress-banner{box-sizing:border-box;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:16px 20px;display:flex}.draft-banner-left{align-items:center;gap:12px;display:flex}.draft-check-circle{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.draft-banner-title{color:#065f46;margin:0;font-size:13px;font-weight:800}.draft-banner-text{color:#047857;margin:0;font-size:11px}.draft-banner-stats{align-items:center;gap:8px;display:flex}.draft-score-pill,.draft-time-pill{color:#059669;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800}.analysis-matrix-grid{grid-template-columns:1fr 1.25fr;gap:20px;display:grid}.analysis-matrix-right-card{flex-direction:column;gap:16px;padding:24px;display:flex}.matrix-columns-header-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.matrix-col-header-label{letter-spacing:.5px;font-size:11px;font-weight:800}.problem-label{color:#f43f5e}.solution-label{color:#10b981}.matrix-pairs-list{flex-direction:column;gap:12px;display:flex}.matrix-pair-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.matrix-cell-wrap{flex-direction:column;gap:4px;display:flex}.matrix-cell-sublabel{color:#94a3b8;font-size:10px;font-weight:800}.matrix-textarea{box-sizing:border-box;resize:vertical;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px;font-family:inherit;font-size:12px}.problem-textarea:focus{border-color:#f43f5e}.solution-textarea:focus{border-color:#10b981}button{-webkit-tap-highlight-color:transparent;outline:none;font-family:inherit}.quiz-submit-btn,.submit-answer-btn,.submit-sequence-btn,.voice-submit-btn,.broadcast-submit-btn,.vocab-finish-btn,.check-submit-btn,.vocab-record-submit-btn,.essay-submit-main-btn,.email-send-btn,.summary-submit-btn,.report-submit-btn,.takeaways-submit-btn,.heading-submit-btn,.args-submit-btn,.pc-submit-btn,.multi-essay-submit-btn,.matrix-submit-btn{color:#fff;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;letter-spacing:.3px;background:linear-gradient(135deg,#5046e4 0%,#4338ca 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #5046e452}.quiz-submit-btn:hover:not(:disabled),.submit-answer-btn:hover:not(:disabled),.submit-sequence-btn:hover:not(:disabled),.voice-submit-btn:hover:not(:disabled),.broadcast-submit-btn:hover:not(:disabled),.vocab-finish-btn:hover:not(:disabled),.check-submit-btn:hover:not(:disabled),.vocab-record-submit-btn:hover:not(:disabled),.essay-submit-main-btn:hover:not(:disabled),.email-send-btn:hover:not(:disabled),.summary-submit-btn:hover:not(:disabled),.report-submit-btn:hover:not(:disabled),.takeaways-submit-btn:hover:not(:disabled),.heading-submit-btn:hover:not(:disabled),.args-submit-btn:hover:not(:disabled),.pc-submit-btn:hover:not(:disabled),.multi-essay-submit-btn:hover:not(:disabled),.matrix-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1.5px);box-shadow:0 6px 20px #5046e46b}.quiz-submit-btn:active:not(:disabled),.submit-answer-btn:active:not(:disabled),.submit-sequence-btn:active:not(:disabled),.voice-submit-btn:active:not(:disabled),.broadcast-submit-btn:active:not(:disabled),.vocab-finish-btn:active:not(:disabled),.check-submit-btn:active:not(:disabled),.vocab-record-submit-btn:active:not(:disabled),.essay-submit-main-btn:active:not(:disabled),.email-send-btn:active:not(:disabled),.summary-submit-btn:active:not(:disabled),.report-submit-btn:active:not(:disabled),.takeaways-submit-btn:active:not(:disabled),.heading-submit-btn:active:not(:disabled),.args-submit-btn:active:not(:disabled),.pc-submit-btn:active:not(:disabled),.multi-essay-submit-btn:active:not(:disabled),.matrix-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #5046e440}.purple-submit-btn{background:linear-gradient(135deg,#7e22ce 0%,#6b21a8 100%)!important;box-shadow:0 4px 14px #7e22ce52!important}.purple-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b21a8 0%,#581c87 100%)!important;box-shadow:0 6px 20px #7e22ce73!important}.voice-retry-btn,.broadcast-retry-btn,.essay-draft-btn,.essay-clear-btn,.summary-save-draft-btn,.vocab-skip-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #00000008}.voice-retry-btn:hover,.broadcast-retry-btn:hover,.essay-draft-btn:hover,.essay-clear-btn:hover,.summary-save-draft-btn:hover,.vocab-skip-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.voice-retry-btn:active,.broadcast-retry-btn:active,.essay-draft-btn:active,.essay-clear-btn:active,.summary-save-draft-btn:active,.vocab-skip-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}.blue-play-circle-btn,.audio-ref-play-btn,.prompt-audio-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5046e4 0%,#4338ca 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #5046e459}.blue-play-circle-btn:hover,.audio-ref-play-btn:hover,.prompt-audio-play-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #5046e47a}.blue-play-circle-btn:active,.audio-ref-play-btn:active,.prompt-audio-play-btn:active{transform:scale(.96)}.seq-nav-btn,.vocab-arrow-btn,.inst-arrow-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000008}.seq-nav-btn:hover,.vocab-arrow-btn:hover,.inst-arrow-btn:hover{color:#5046e4;background:#f8faff;border-color:#5046e4;transform:translateY(-1px);box-shadow:0 3px 8px #5046e426}.seq-nav-btn:active,.vocab-arrow-btn:active,.inst-arrow-btn:active{transform:translateY(0)}.speed-pill,.speed-select-btn,.teleprompter-speed-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s}.speed-pill:hover,.speed-select-btn:hover,.teleprompter-speed-btn:hover{color:#5046e4;border-color:#5046e4}.speed-pill.active,.speed-select-btn.active{color:#fff;background:#5046e4;border-color:#5046e4;box-shadow:0 2px 6px #5046e44d}.teleprompter-speed-btn.active{color:#0f172a;background:#38bdf8;border-color:#38bdf8;box-shadow:0 2px 6px #38bdf84d}svg{flex-shrink:0;display:block}.quiz-brand{align-items:center;gap:10px;display:inline-flex}.quiz-icon-box{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.quiz-brand-icon{width:18px;height:18px;display:block}.fullscreen-toggle-btn{vertical-align:middle;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex}.fullscreen-icon{flex-shrink:0;width:14px;height:14px;display:block}.quiz-category-tag,.live-pulse-badge,.proctored-live-badge,.voice-pill-badge,.speaking-pill-badge,.email-pill-badge,.data-pill-badge,.takeaways-pill-badge,.content-analysis-badge,.creative-title-badge,.pros-cons-badge,.writing-task-badge,.vocab-form-badge,.vocab-study-pill,.phase-badge,.essay-type-badge,.grammar-check-badge,.high-res-tag{vertical-align:middle;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex}.quiz-category-tag svg,.live-pulse-badge svg,.proctored-live-badge svg,.voice-pill-badge svg,.voice-badge-icon,.speaking-pill-badge svg,.speaking-badge-icon,.email-pill-badge svg,.data-pill-badge svg,.takeaways-pill-badge svg,.content-analysis-badge svg,.pros-cons-badge svg,.vocab-form-badge svg,.phase-badge-icon,.essay-type-badge svg{flex-shrink:0;width:13px;height:13px;display:block}.tag-sparkle{justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex}.pulse-dot,.pulsing-live-dot,.pulse-red-dot,.live-red-dot,.high-res-dot,.grammar-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;display:inline-block}.quiz-timer-pill{align-items:center;gap:6px;line-height:1;display:inline-flex}.timer-icon{flex-shrink:0;width:13px;height:13px;display:block}.blue-play-circle-btn svg,.audio-ref-play-btn svg,.prompt-audio-play-btn svg{width:16px;height:16px;margin-left:2px;display:block}.blue-play-circle-btn.is-playing svg,.audio-ref-play-btn.is-playing svg,.prompt-audio-play-btn.is-playing svg{margin-left:0}.mini-play-circle svg{width:14px;height:14px;margin-left:1px;display:block}.mini-play-circle.is-playing svg{margin-left:0}.inst-center-play-circle svg,.center-play-button svg{width:18px;height:18px;margin-left:2px;display:block}.inst-center-play-circle.is-playing svg,.center-play-button.is-playing svg{margin-left:0}.voice-mic-btn svg,.purple-record-circle-btn svg{width:30px;height:30px;margin:auto;display:block}.mini-mic-circle svg{width:18px;height:18px;margin:auto;display:block}.vol-icon,.volume-mini-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.vol-icon svg,.volume-mini-icon svg{width:15px;height:15px;display:block}.paperplane-icon,.submit-paperplane-icon,.upload-arrow-icon,.report-doc-icon{flex-shrink:0;width:15px;height:15px;display:block}.retry-icon,.retry-svg,.nav-arrow-icon{flex-shrink:0;width:14px;height:14px;display:block}.submit-check-symbol,.arrow-right-symbol,.plus-symbol-icon,.minus-symbol-icon{vertical-align:middle;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.title-t-icon{color:#4338ca;background:#e0e7ff;border-radius:4px;justify-content:center;align-items:center;width:14px;height:14px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.voice-fb-icon-badge{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fb-sparkle-icon{width:22px;height:22px;display:block}.green-check-icon{flex-shrink:0;width:14px;height:14px;display:block}.feedback-sub-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.feedback-sub-icon svg{width:14px;height:14px;display:block}.banner-green-check-circle,.draft-check-circle,.feedback-check-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;line-height:1;display:inline-flex}.objective-check-icon,.guide-check-icon,.tip-check-badge{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;line-height:1;display:inline-flex}.vocab-check-circle{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;line-height:1;display:inline-flex}.tip-bulb-icon,.qa-tip-icon,.inst-tip-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.tip-bulb-icon svg{width:15px;height:15px;display:block}.content-tip-bottom-box,.qa-tip-box,.inst-tip-box,.teleprompter-tip-pill{align-items:center;gap:8px;line-height:1.4;display:inline-flex}.speaking-meta-pill{align-items:center;gap:10px;display:inline-flex}.meta-pill-icon{flex-shrink:0;width:18px;height:18px;display:block}.footer-item{align-items:center;gap:6px;line-height:1;display:inline-flex}.footer-icon{flex-shrink:0;width:13px;height:13px;display:block}.question-audio-left-card{flex-direction:column;gap:16px;padding:24px;display:flex}.qa-bubble-prompt-box{text-align:center;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:24px 20px;display:flex}.qa-speech-circle{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex;box-shadow:0 4px 12px #0000000f}.qa-speech-circle svg{color:#5046e4;fill:currentColor;width:22px;height:22px;display:block}.qa-prompt-label{color:#64748b;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.qa-audio-player-line{align-items:center;gap:12px;width:100%;display:flex}.qa-track{background:#e2e8f0;border-radius:999px;flex:1;height:6px;overflow:hidden}.qa-fill{background:#5046e4;border-radius:999px;height:100%}.qa-time{color:#64748b;font-family:ui-monospace,monospace;font-size:11.5px;font-weight:600}.qa-tip-box{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:10px;align-items:flex-start;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.qa-tip-icon{flex-shrink:0;margin-top:1px;font-size:14px}.qa-tip-text{color:#3730a3;margin:0;font-size:12px;line-height:1.45}.grammar-badge svg,.voice-pill-badge svg,.speaking-pill-badge svg,.writing-task-badge svg,.email-pill-badge svg,.data-pill-badge svg,.takeaways-pill-badge svg,.content-analysis-badge svg,.creative-title-badge svg,.pros-cons-badge svg,.vocab-form-badge svg{flex-shrink:0;display:block;width:11px!important;height:11px!important}.exit-warning-overlay{-webkit-backdrop-filter:blur(8px);z-index:100000;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.exit-warning-modal{text-align:center;box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:34px 28px 28px;animation:.22s cubic-bezier(.16,1,.3,1) popInModal;display:flex;box-shadow:0 25px 50px -12px #0f172a59,0 0 0 1px #e2e8f0cc}@keyframes popInModal{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.exit-warning-icon-wrap{margin-bottom:16px}.exit-warning-icon-ring{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;box-shadow:0 0 0 8px #fef3c799}.exit-warning-icon-ring svg{width:30px;height:30px}.exit-warning-badge{color:#c2410c;letter-spacing:.5px;background:#fff7ed;border:1px solid #fed7aa;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.exit-warning-pulse-dot{background:#ea580c;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulseWarningDot}@keyframes pulseWarningDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}.exit-warning-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 8px;font-size:20px;font-weight:800}.exit-warning-desc{color:#64748b;max-width:400px;margin:0 0 16px;font-size:13.5px;line-height:1.55}.exit-warning-progress-pill{color:#475569;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:22px;padding:8px 14px;font-size:12.5px}.exit-warning-progress-pill strong{color:#0f172a}.exit-warning-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.exit-warning-btn{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.exit-warning-btn svg{width:16px;height:16px}.exit-warning-btn.continue-btn{color:#fff;background:linear-gradient(135deg,#5046e4 0%,#4338ca 100%);border:none;box-shadow:0 3px 12px #5046e459}.exit-warning-btn.continue-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 5px 16px #5046e473}.exit-warning-btn.continue-btn:active{transform:translateY(0)}.exit-warning-btn.quit-btn{color:#dc2626;background:#fff;border:1.5px solid #fecaca}.exit-warning-btn.quit-btn:hover{color:#b91c1c;background:#fef2f2;border-color:#f87171;transform:translateY(-1px)}.exit-warning-btn.quit-btn:active{transform:translateY(0)}@media (width<=480px){.exit-warning-actions{grid-template-columns:1fr}}.image-matching-grid-container{grid-template-columns:104px 36px 1fr;align-items:start;gap:12px;margin-top:18px;display:grid}.column-header-pill{color:#475569;text-transform:uppercase;letter-spacing:.4px;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:6px;height:32px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.column-header-pill .pill-dot{background:#3b82f6;border-radius:50%;width:7px;height:7px}.column-header-pill .pill-dot.green-dot{background:#22c55e}.matching-connectors-column{flex-direction:column;gap:14px;padding-top:44px;display:flex}.matching-center-link{justify-content:center;align-items:center;height:104px;min-height:104px;display:flex}.center-connector-badge{color:#64748b;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12.5px;font-weight:800;display:flex;box-shadow:0 1px 3px #0000000a}.image-specimens-column .terms-list-wrapper{flex-direction:column;gap:14px;display:flex}.matching-image-card-left.pure-image-card{aspect-ratio:1;box-sizing:border-box;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:16px;flex-shrink:0;width:104px;height:104px;min-height:104px;max-height:104px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.matching-image-card-left.pure-image-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 14px #1d4ed81f}.image-full-frame{aspect-ratio:1;width:100%;height:100%;position:relative;overflow:hidden}.specimen-full-img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.matching-image-card-left.pure-image-card:hover .specimen-full-img{transform:scale(1.06)}.image-idx-badge{-webkit-backdrop-filter:blur(6px);color:#fff;letter-spacing:-.2px;z-index:5;background:#0f172ac7;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:800;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #00000040}.matching-connector-pin{z-index:10;background:#fff;border:2px solid #1d4ed8;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.connector-dot-ring{background:#1d4ed8;border-radius:50%;width:4px;height:4px}.audio-matching-grid-container{grid-template-columns:104px 36px 1fr;align-items:start;gap:12px;margin-top:18px;display:grid}.audio-badge-accent{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.audio-dot-pulse{background:#1d4ed8;animation:2s infinite audioPulseDot;box-shadow:0 0 #1d4ed8b3}@keyframes audioPulseDot{0%{box-shadow:0 0 #1d4ed8b3}70%{box-shadow:0 0 0 6px #1d4ed800}to{box-shadow:0 0 #1d4ed800}}.audio-samples-column .terms-list-wrapper{flex-direction:column;gap:14px;display:flex}.matching-audio-card-left.pure-audio-card{aspect-ratio:1;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;min-height:104px;max-height:104px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.matching-audio-card-left.pure-audio-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 4px 14px #1d4ed81f}.matching-audio-card-left.pure-audio-card.playing{background:#f8faff;border-color:#1d4ed8;box-shadow:0 4px 16px #1d4ed82e}.audio-idx-badge{color:#1d4ed8;letter-spacing:-.2px;z-index:5;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:800;display:flex;position:absolute;top:8px;left:8px}.pure-center-play-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #1d4ed859}.pure-center-play-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:scale(1.08);box-shadow:0 6px 18px #1d4ed873}.pure-center-play-btn svg{width:22px;height:22px;margin-left:2.5px}.pure-center-play-btn.is-active-playing svg{margin-left:0}.audio-pulse-ring{opacity:.7;pointer-events:none;border:2px solid #1d4ed8;border-radius:50%;width:68px;height:68px;animation:1.6s cubic-bezier(.16,1,.3,1) infinite audioRipple;position:absolute}@keyframes audioRipple{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.4)}}.definitions-sort-wrapper{flex-direction:column;gap:14px;display:flex}.image-match-right-box,.audio-match-right-box{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:12px;height:104px;min-height:104px;max-height:104px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #0f172a08}.image-match-right-box:hover,.audio-match-right-box:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.definition-content-group{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.definition-match-number{color:#16a34a;text-transform:uppercase;letter-spacing:.5px;font-size:9.5px;font-weight:800}.definition-match-number.audio-slot-badge{color:#7c3aed}.image-match-right-box .definition-text,.audio-match-right-box .definition-text{color:#334155;margin:0;font-size:12px;font-weight:500;line-height:1.35}.matching-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:22px;padding-top:16px;display:flex}.matching-reset-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.matching-reset-btn svg{stroke:#64748b;width:15px;height:15px;transition:transform .3s}.matching-reset-btn:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px 8px #0f172a0f}.matching-reset-btn:hover svg{stroke:#334155;transform:rotate(-45deg)}.matching-reset-btn:active{transform:translateY(0)}.matching-submit-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:9px 22px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #1d4ed852}.matching-submit-btn svg{width:15px;height:15px}.matching-submit-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 18px #1d4ed86b}.matching-submit-btn:active{transform:translateY(0)}.matching-submit-btn.submitted{background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 4px 14px #16a34a52}@media (width<=1080px){.image-matching-grid-container,.audio-matching-grid-container{grid-template-columns:1fr;gap:20px}.matching-connectors-column{display:none}}