.ep-math-teacher{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102033;margin:0 auto 24px;max-width:1180px}.ep-math-teacher *{box-sizing:border-box}.ep-math-teacher-card{display:flex;align-items:center;gap:18px;padding:22px;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#eef4ff 55%,#fff6fb);border:1px solid #dbe6ff;box-shadow:0 18px 45px rgba(16,24,40,.1);margin-bottom:18px}.ep-math-teacher-card__icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#42b7ff,#7547ff);color:#fff;box-shadow:0 14px 30px rgba(66,93,255,.28)}.ep-math-kicker{display:inline-flex;padding:4px 10px;border-radius:999px;background:#eaf1ff;color:#285fe8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.ep-math-teacher h2{margin:5px 0 6px;font-size:28px;line-height:1.08;color:#102033}.ep-math-teacher p{font-size:16px;line-height:1.55;color:#4f6380;margin:0}.ep-math-primary,.ep-math-secondary,.ep-math-open-button{border:0;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer;box-shadow:0 10px 26px rgba(16,24,40,.12);transition:.18s transform,.18s opacity}.ep-math-primary,.ep-math-open-button{background:linear-gradient(135deg,#28a6ff,#7a4cff);color:#fff}.ep-math-secondary{background:#fff;border:1px solid #d7e5ff;color:#173150}.ep-math-primary:hover,.ep-math-secondary:hover{transform:translateY(-1px)}.ep-math-teacher-modal{border-radius:28px;background:linear-gradient(135deg,#f7fbff,#eef5ff);border:1px solid #dbe6ff;overflow:hidden}.ep-math-teacher-layout{display:grid;grid-template-columns:minmax(260px,350px) 1fr;gap:20px;padding:20px}.ep-math-teacher-avatar{min-height:560px;border-radius:26px;background:radial-gradient(circle at 25% 18%,#ffd9eb,transparent 28%),radial-gradient(circle at 80% 20%,#c2f5ed,transparent 25%),linear-gradient(180deg,#fff,#edf7ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;border:1px solid #cfe0ff;position:relative;overflow:hidden}.ep-teacher-face{width:190px;height:230px;border-radius:90px 90px 74px 74px;background:linear-gradient(135deg,#ffd7bd,#efaa88);position:relative;box-shadow:0 20px 44px rgba(16,24,40,.18);animation:epFloat 4.6s ease-in-out infinite}.ep-teacher-hair{position:absolute;left:10px;right:10px;top:-26px;height:90px;border-radius:90px 90px 45px 45px;background:linear-gradient(135deg,#311421,#7c3f58);transform:rotate(-4deg)}.ep-teacher-eye{position:absolute;top:100px;width:32px;height:18px;border-radius:50%;background:#fff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.05);animation:epBlink 6s infinite}.ep-eye-left{left:48px}.ep-eye-right{right:48px}.ep-teacher-eye:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#20121b;left:12px;top:5px}.ep-teacher-mouth{position:absolute;left:50%;bottom:54px;width:46px;height:16px;border-radius:0 0 50px 50px;background:#a52f51;transform:translateX(-50%);transition:.16s}.ep-teacher-face.is-speaking .ep-teacher-mouth{height:28px;border-radius:50%;animation:epTalk .23s ease-in-out infinite alternate}.ep-teacher-face.is-listening{box-shadow:0 0 0 8px rgba(42,166,255,.1),0 0 0 18px rgba(120,76,255,.08),0 20px 44px rgba(16,24,40,.18)}.ep-teacher-wave{display:flex;gap:5px;align-items:flex-end;margin:24px 0 12px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.75)}.ep-teacher-wave i{display:block;width:6px;height:10px;border-radius:9px;background:linear-gradient(180deg,#ff5d9d,#654cff);animation:epWave .8s ease-in-out infinite alternate}.ep-teacher-wave i:nth-child(2){animation-delay:.12s}.ep-teacher-wave i:nth-child(3){animation-delay:.24s}.ep-teacher-wave i:nth-child(4){animation-delay:.36s}.ep-math-credit-warning{margin-top:14px;display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff8e1;color:#8a5c00;font-weight:800;font-size:12px}.ep-math-teacher-workspace{display:flex;flex-direction:column;gap:14px;min-width:0}.ep-math-input-tabs{display:flex;gap:8px;flex-wrap:wrap}.ep-math-input-tabs button{border:1px solid #d8e6ff;background:#fff;color:#20405f;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.ep-math-input-tabs button.is-active{background:linear-gradient(135deg,#2ca9ff,#7b4dff);color:#fff;border-color:transparent}.ep-math-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ep-math-controls label{font-size:12px;font-weight:900;color:#40566f;text-transform:uppercase;letter-spacing:.04em}.ep-math-controls select,.ep-math-pane textarea,.ep-voice-box textarea{display:block;width:100%;margin-top:6px;border:1px solid #d5e2f7;border-radius:16px;padding:12px 14px;background:#fff;color:#102033;font-size:15px;outline:none}.ep-math-pane{display:none}.ep-math-pane.is-active{display:block}.ep-math-pane textarea{min-height:116px;resize:vertical}.ep-math-pane input[type=file]{display:block;width:100%;border:1px dashed #8fb6ff;border-radius:20px;background:#fff;padding:18px;margin-bottom:10px}.ep-math-pane img,.ep-math-camera-box img,.ep-math-camera-box video{max-width:100%;max-height:290px;border-radius:18px;border:1px solid #dce8ff;background:#fff;display:block;margin:10px auto}.ep-math-camera-box{min-height:120px;border-radius:20px;background:#f7fbff;border:1px dashed #bfd4ff;display:flex;align-items:center;justify-content:center;padding:10px;margin-bottom:10px}.ep-voice-box{position:relative}.ep-voice-box .ep-math-primary{margin-top:8px}.ep-math-detected,.ep-math-status,.ep-math-whiteboard{border-radius:22px;background:#fff;border:1px solid #dbe6ff;padding:16px;box-shadow:0 12px 28px rgba(16,24,40,.06)}.ep-math-status{font-weight:800;color:#31516f}.ep-math-actions,.ep-math-doubt-buttons{display:flex;gap:9px;flex-wrap:wrap}.ep-math-doubt-buttons button{border:1px solid #d8e5ff;background:#fff;color:#173150;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.ep-board-title{font-size:20px;font-weight:1000;margin-bottom:10px;color:#102033}.ep-board-question,.ep-math-step,.ep-math-formula,.ep-math-final-answer,.ep-math-common-mistake,.ep-math-teacher-says,.ep-math-similar{border-radius:16px;padding:12px 14px;margin:10px 0;background:#f7fbff;border:1px solid #e1ebff;color:#102033}.ep-math-step{animation:epStepIn .35s ease both;animation-delay:var(--ep-step-delay,0ms)}.ep-math-step strong{display:block;color:#2457d6;margin-bottom:4px}.ep-math-step code{display:block;white-space:pre-wrap;background:#102033;color:#fff;border-radius:12px;padding:10px;margin-top:8px}.ep-math-final-answer{background:#eafff1;border-color:#b9f2c8;color:#065e24;font-weight:800}.ep-math-common-mistake{background:#fff8e7;border-color:#ffd891;color:#7a4a00}.ep-math-formula{background:#eef4ff;border-color:#c8dbff;color:#1d3d85}.ep-math-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ep-math-meta span{padding:7px 10px;border-radius:999px;background:#eef4ff;color:#2553b8;font-weight:800}.ep-math-livebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 12px;border-radius:18px;background:linear-gradient(135deg,#eefbff,#f7f3ff);border:1px solid #cde9ff}.ep-math-livebar span{font-weight:900}.ep-math-livebar button{border:0;border-radius:999px;background:linear-gradient(135deg,#7752ff,#17bfe0);color:#fff;font-weight:900;padding:10px 14px;cursor:pointer}.ep-math-error{background:#fff4e6;border:1px solid #ffd3a4;color:#7a3600;padding:14px;border-radius:16px;font-weight:800}.ep-math-disclaimer{font-size:13px!important;color:#60758d!important;margin:4px 0 0!important}.ep-math-short-answer{padding:12px 14px;border-radius:16px;background:#effff8;border:1px solid #b9f2d4;color:#074b31;font-weight:800;margin:10px 0}@keyframes epFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes epBlink{0%,48%,50%,100%{transform:scaleY(1)}49%{transform:scaleY(.08)}}@keyframes epTalk{from{transform:translateX(-50%) scaleY(.7)}to{transform:translateX(-50%) scaleY(1.3)}}@keyframes epWave{to{height:25px}}@keyframes epStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html[data-theme="dark"] .ep-math-teacher,body[data-ai-study-theme="dark"] .ep-math-teacher{color:#eaf3ff}html[data-theme="dark"] .ep-math-teacher-card,body[data-ai-study-theme="dark"] .ep-math-teacher-card,html[data-theme="dark"] .ep-math-teacher-modal,body[data-ai-study-theme="dark"] .ep-math-teacher-modal{background:linear-gradient(135deg,#0d1c31,#10213a);border-color:#264d79}html[data-theme="dark"] .ep-math-teacher h2,body[data-ai-study-theme="dark"] .ep-math-teacher h2,html[data-theme="dark"] .ep-board-title,body[data-ai-study-theme="dark"] .ep-board-title{color:#fff}html[data-theme="dark"] .ep-math-teacher p,body[data-ai-study-theme="dark"] .ep-math-teacher p{color:#c9d8ef}html[data-theme="dark"] .ep-math-teacher-avatar,body[data-ai-study-theme="dark"] .ep-math-teacher-avatar,html[data-theme="dark"] .ep-math-detected,body[data-ai-study-theme="dark"] .ep-math-detected,html[data-theme="dark"] .ep-math-status,body[data-ai-study-theme="dark"] .ep-math-status,html[data-theme="dark"] .ep-math-whiteboard,body[data-ai-study-theme="dark"] .ep-math-whiteboard{background:#102238;border-color:#28527f;color:#eaf3ff}html[data-theme="dark"] .ep-math-controls label,body[data-ai-study-theme="dark"] .ep-math-controls label{color:#dcecff}html[data-theme="dark"] .ep-math-controls select,html[data-theme="dark"] .ep-math-pane textarea,html[data-theme="dark"] .ep-voice-box textarea,body[data-ai-study-theme="dark"] .ep-math-controls select,body[data-ai-study-theme="dark"] .ep-math-pane textarea,body[data-ai-study-theme="dark"] .ep-voice-box textarea{background:#07182b;color:#fff;border-color:#2b5b88}html[data-theme="dark"] .ep-math-controls select option,body[data-ai-study-theme="dark"] .ep-math-controls select option{background:#07182b;color:#fff}html[data-theme="dark"] .ep-math-pane textarea::placeholder,html[data-theme="dark"] .ep-voice-box textarea::placeholder,body[data-ai-study-theme="dark"] .ep-math-pane textarea::placeholder,body[data-ai-study-theme="dark"] .ep-voice-box textarea::placeholder{color:#a9c3e2}html[data-theme="dark"] .ep-math-step,html[data-theme="dark"] .ep-board-question,html[data-theme="dark"] .ep-math-teacher-says,html[data-theme="dark"] .ep-math-similar,body[data-ai-study-theme="dark"] .ep-math-step,body[data-ai-study-theme="dark"] .ep-board-question,body[data-ai-study-theme="dark"] .ep-math-teacher-says,body[data-ai-study-theme="dark"] .ep-math-similar{background:#0b1b30;border-color:#28527f;color:#eaf3ff}html[data-theme="dark"] .ep-math-secondary,html[data-theme="dark"] .ep-math-doubt-buttons button,body[data-ai-study-theme="dark"] .ep-math-secondary,body[data-ai-study-theme="dark"] .ep-math-doubt-buttons button{background:#0d2036;border-color:#2c5c8a;color:#fff}html[data-theme="dark"] .ep-math-livebar,body[data-ai-study-theme="dark"] .ep-math-livebar{background:#0b1c31;border-color:#2b5b88;color:#fff}@media(max-width:860px){.ep-math-teacher-card{align-items:flex-start;flex-direction:column}.ep-math-teacher-layout{grid-template-columns:1fr}.ep-math-teacher-avatar{min-height:360px}.ep-math-controls{grid-template-columns:1fr}.ep-math-actions button,.ep-math-doubt-buttons button{flex:1 1 100%}} .ep-math-livebar{flex-wrap:wrap}
.ep-math-livebar button{white-space:nowrap;margin-left:6px}
.ep-math-livebar button[data-ep-math-did-open]{background:linear-gradient(135deg,#111827,#0ea5e9)}
html[data-theme="dark"] .ep-math-livebar button[data-ep-math-did-open],body[data-ai-study-theme="dark"] .ep-math-livebar button[data-ep-math-did-open]{background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff} .ep-math-teacher-options{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:12px;align-items:end;margin:2px 0 0}.ep-math-teacher-options label{font-size:12px;font-weight:900;color:#40566f;text-transform:uppercase;letter-spacing:.04em}.ep-math-teacher-options select{display:block;width:100%;margin-top:6px;border:1px solid #d5e2f7;border-radius:16px;padding:12px 14px;background:#fff;color:#102033;font-size:15px;outline:none}.ep-math-toggle{align-self:stretch;display:flex!important;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#eefbff,#f7f4ff);border:1px solid #d8e6ff;color:#102033!important;text-transform:none!important;letter-spacing:0!important}.ep-math-toggle input{width:18px;height:18px;accent-color:#654cff}.ep-math-coach-panel{margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#f3fbff,#fff8fc);border:1px solid #cde9ff;box-shadow:0 12px 28px rgba(16,24,40,.06)}.ep-coach-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.ep-coach-head strong{font-size:17px;color:#102033}.ep-coach-head span{padding:5px 9px;border-radius:999px;background:#eaf1ff;color:#285fe8;font-size:12px;font-weight:900}.ep-coach-actions{display:flex;flex-wrap:wrap;gap:8px}.ep-coach-actions button{border:0;border-radius:999px;background:linear-gradient(135deg,#fff,#eef8ff);border:1px solid #d7e5ff;color:#173150;font-weight:900;padding:9px 12px;cursor:pointer}.ep-coach-actions button:first-child{background:linear-gradient(135deg,#28a6ff,#7a4cff);border-color:transparent;color:#fff}.ep-coach-current{margin-top:12px;border-radius:14px;padding:12px;background:#fff;border:1px solid #dce8ff;color:#102033}.ep-coach-current p{margin:6px 0;color:#314966}.ep-coach-current code{display:block;white-space:pre-wrap;background:#102033;color:#fff;border-radius:12px;padding:10px;margin-top:8px}.ep-math-teacher-avatar.is-voice-active:before{content:"Teacher Voice ON";position:absolute;top:16px;right:16px;padding:7px 10px;border-radius:999px;background:rgba(16,32,51,.86);color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em}.ep-math-teacher-avatar.is-voice-active .ep-teacher-wave i{animation-duration:.32s}.ep-teacher-face.is-speaking{animation:epFloat 2.2s ease-in-out infinite,epVoiceGlow 1s ease-in-out infinite alternate}@keyframes epVoiceGlow{from{box-shadow:0 0 0 8px rgba(42,166,255,.12),0 20px 44px rgba(16,24,40,.18)}to{box-shadow:0 0 0 12px rgba(42,166,255,.18),0 0 0 23px rgba(120,76,255,.10),0 20px 44px rgba(16,24,40,.18)}}
html[data-theme="dark"] .ep-math-teacher-options label,body[data-ai-study-theme="dark"] .ep-math-teacher-options label{color:#dcecff}html[data-theme="dark"] .ep-math-teacher-options select,body[data-ai-study-theme="dark"] .ep-math-teacher-options select{background:#07182b;color:#fff;border-color:#2b5b88}html[data-theme="dark"] .ep-math-toggle,body[data-ai-study-theme="dark"] .ep-math-toggle{background:#102238;border-color:#28527f;color:#fff!important}html[data-theme="dark"] .ep-math-coach-panel,body[data-ai-study-theme="dark"] .ep-math-coach-panel{background:#102238;border-color:#28527f;color:#eaf3ff}html[data-theme="dark"] .ep-coach-head strong,body[data-ai-study-theme="dark"] .ep-coach-head strong{color:#fff}html[data-theme="dark"] .ep-coach-current,body[data-ai-study-theme="dark"] .ep-coach-current{background:#07182b;border-color:#2b5b88;color:#fff}html[data-theme="dark"] .ep-coach-current p,body[data-ai-study-theme="dark"] .ep-coach-current p{color:#dcecff}html[data-theme="dark"] .ep-coach-actions button,body[data-ai-study-theme="dark"] .ep-coach-actions button{background:#0a1a2e;border-color:#2b5b88;color:#fff}
@media (max-width:760px){.ep-math-teacher-options{grid-template-columns:1fr}.ep-coach-actions button{flex:1 1 calc(50% - 8px)}} .ep-math-teacher-options{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr)}
.ep-math-teacher-options [data-ep-voice-pronunciation]{font-weight:800}
.ep-math-status[data-ep-math-status]{transition:background .18s ease,color .18s ease}
@media (max-width:980px){.ep-math-teacher-options{grid-template-columns:1fr}} .ep-math-controls select,
.ep-math-teacher-options select{
min-height:54px !important;
height:auto !important;
line-height:1.35 !important;
padding:14px 46px 14px 16px !important;
font-size:15px !important;
font-weight:800 !important;
overflow:visible !important;
text-overflow:clip !important;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-image:linear-gradient(45deg,transparent 50%,#694cff 50%),linear-gradient(135deg,#694cff 50%,transparent 50%),linear-gradient(to right,#dce8ff,#dce8ff) !important;
background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px),calc(100% - 38px) 50% !important;
background-size:6px 6px,6px 6px,1px 26px !important;
background-repeat:no-repeat !important;
}
.ep-math-controls label,
.ep-math-teacher-options label{min-width:0;overflow:visible!important;}
.ep-math-controls select option,
.ep-math-teacher-options select option{font-size:15px;line-height:1.5;padding:8px 12px;}
.ep-math-teacher-avatar.is-listening:after{
content:"Listening";
position:absolute;
top:16px;
left:16px;
padding:7px 11px;
border-radius:999px;
background:rgba(40,166,255,.92);
color:#fff;
font-size:11px;
font-weight:900;
letter-spacing:.04em;
text-transform:uppercase;
box-shadow:0 10px 22px rgba(40,166,255,.24);
}
.ep-math-teacher-avatar.is-listening .ep-teacher-wave i{animation:epWave .28s ease-in-out infinite alternate;}
.ep-math-teacher-avatar.is-voice-active .ep-teacher-wave,
.ep-math-teacher-avatar.is-listening .ep-teacher-wave{transform:scale(1.08);}
.ep-coach-actions button[data-ep-teach-concept],
.ep-coach-actions button[data-ep-mistake-drill],
.ep-coach-actions button[data-ep-practice-set]{background:linear-gradient(135deg,#f9fbff,#eaf5ff);}
@media (max-width:1100px){.ep-math-controls{grid-template-columns:1fr!important}.ep-math-teacher-options{grid-template-columns:1fr!important}}
html[data-theme="dark"] .ep-math-controls select,
body[data-ai-study-theme="dark"] .ep-math-controls select,
html[data-theme="dark"] .ep-math-teacher-options select,
body[data-ai-study-theme="dark"] .ep-math-teacher-options select{
background-color:#07182b !important;
color:#fff !important;
border-color:#2b5b88 !important;
background-image:linear-gradient(45deg,transparent 50%,#7dd3fc 50%),linear-gradient(135deg,#7dd3fc 50%,transparent 50%),linear-gradient(to right,#2b5b88,#2b5b88) !important;
}
html[data-theme="dark"] .ep-coach-actions button[data-ep-teach-concept],
html[data-theme="dark"] .ep-coach-actions button[data-ep-mistake-drill],
html[data-theme="dark"] .ep-coach-actions button[data-ep-practice-set],
body[data-ai-study-theme="dark"] .ep-coach-actions button[data-ep-teach-concept],
body[data-ai-study-theme="dark"] .ep-coach-actions button[data-ep-mistake-drill],
body[data-ai-study-theme="dark"] .ep-coach-actions button[data-ep-practice-set]{background:#0a1a2e;color:#fff;border-color:#2b5b88;} .ep-math-actions button[data-ep-class-wise],
.ep-math-actions button[data-ep-stop-voice]{white-space:nowrap;}
.ep-math-actions button[data-ep-stop-voice]{background:#fff3f3;border-color:#ffd1d1;color:#b42318;}
.ep-math-actions button[data-ep-math-speak]{box-shadow:0 8px 22px rgba(40,166,255,.16)}
.ep-math-teacher-avatar.is-voice-active .ep-teacher-mouth{animation:epTeacherTalk .18s ease-in-out infinite alternate;}
@keyframes epTeacherTalk{from{transform:scaleX(1) scaleY(.65)}to{transform:scaleX(1.28) scaleY(1.35)}}
.ep-math-coach-panel .ep-coach-actions button[data-ep-class-wise],
.ep-math-coach-panel .ep-coach-actions button[data-ep-answer-check-trick]{background:linear-gradient(135deg,#fff7ed,#eef8ff);}
html[data-theme="dark"] .ep-math-actions button[data-ep-stop-voice],
body[data-ai-study-theme="dark"] .ep-math-actions button[data-ep-stop-voice]{background:#351515;border-color:#7f1d1d;color:#fecaca;}
html[data-theme="dark"] .ep-math-coach-panel .ep-coach-actions button[data-ep-class-wise],
html[data-theme="dark"] .ep-math-coach-panel .ep-coach-actions button[data-ep-answer-check-trick],
body[data-ai-study-theme="dark"] .ep-math-coach-panel .ep-coach-actions button[data-ep-class-wise],
body[data-ai-study-theme="dark"] .ep-math-coach-panel .ep-coach-actions button[data-ep-answer-check-trick]{background:#0a1a2e;color:#fff;border-color:#2b5b88;} .ep-math-class-method,
.ep-math-check-trick,
.ep-math-practice-set{
margin:12px 0;
padding:13px 15px;
border-radius:16px;
border:1px solid rgba(37,99,235,.18);
background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(255,255,255,.95));
color:#102033;
line-height:1.55;
box-shadow:0 8px 22px rgba(15,23,42,.06);
}
.ep-math-check-trick{border-color:rgba(22,163,74,.25);background:linear-gradient(135deg,rgba(240,253,244,.98),rgba(255,255,255,.96));}
.ep-math-practice-set{border-color:rgba(124,58,237,.22);background:linear-gradient(135deg,rgba(245,243,255,.98),rgba(255,255,255,.96));}
.ep-math-teacher-avatar.is-voice-active .ep-math-bars i,
.ep-math-teacher-face.is-speaking + .ep-math-bars i{
animation:epMathBars .42s ease-in-out infinite alternate;
} .ep-math-teacher-options label small{display:block;margin-top:6px;font-size:11px;line-height:1.35;color:#60708a;font-weight:600;text-transform:none;letter-spacing:0}
.ep-math-teacher-options select[data-ep-voice-pronunciation]{min-height:54px;padding-right:46px;line-height:1.35;font-weight:800}
.ep-math-teacher-avatar.is-voice-active .ep-math-avatar-caption::after{content:' • speaking';color:#0ea5e9;font-weight:900}
.ai-study-dark .ep-math-teacher-options label small{color:#d7e8ff} .ep-math-teacher-layout{grid-template-columns:minmax(180px,240px) 1fr!important;gap:16px!important}
.ep-math-teacher-avatar{min-height:430px!important;padding:18px 14px!important}
.ep-teacher-face{width:150px!important;height:185px!important;border-radius:72px 72px 58px 58px!important}
.ep-teacher-hair{left:8px!important;right:8px!important;top:-18px!important;height:72px!important;border-radius:72px 72px 38px 38px!important}
.ep-teacher-eye{top:80px!important;width:28px!important;height:16px!important}
.ep-eye-left{left:34px!important}.ep-eye-right{right:34px!important}
.ep-teacher-eye:after{left:10px!important;top:4px!important}
.ep-teacher-mouth{bottom:40px!important;width:38px!important;height:14px!important}
.ep-math-teacher-avatar strong{font-size:16px!important}
.ep-math-teacher-avatar p{font-size:14px!important;line-height:1.5!important}
.ep-real-avatar-wrap{position:relative;width:min(100%,168px);height:220px;border-radius:28px;overflow:hidden;background:#eef3ff;box-shadow:0 18px 38px rgba(16,24,40,.18);display:flex;align-items:center;justify-content:center}
.ep-real-avatar-wrap video,.ep-real-avatar-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.ep-real-avatar-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none}
.ep-real-avatar-eye{position:absolute;top:var(--ep-eye-top,39%);width:var(--ep-eye-width,12%);height:var(--ep-eye-height,4.5%);border-radius:999px;background:rgba(11,17,35,.85);transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.ep-real-avatar-eye--left{left:var(--ep-eye-left,40%)}
.ep-real-avatar-eye--right{left:var(--ep-eye-right,60%)}
.ep-real-avatar-wrap.has-blink .ep-real-avatar-eye{animation:epRealBlink 6.6s infinite}
.ep-real-avatar-mouth{position:absolute;left:var(--ep-mouth-left,50%);top:var(--ep-mouth-top,68%);width:var(--ep-mouth-width,18%);height:var(--ep-mouth-height,5.8%);transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle at 50% 78%,#ff9bb3 0 26%,#8b1636 27% 100%);opacity:.84;transition:transform .14s ease,height .14s ease,opacity .14s ease}
.ep-math-teacher-avatar.is-voice-active .ep-real-avatar-mouth,.ep-math-teacher-avatar.is-listening .ep-real-avatar-mouth{animation:epRealTalk .22s ease-in-out infinite alternate;opacity:.96}
@keyframes epRealBlink{0%,47%,49%,100%{transform:translate(-50%,-50%) scaleY(1)}48%{transform:translate(-50%,-50%) scaleY(.08)}}
@keyframes epRealTalk{from{transform:translate(-50%,-50%) scaleY(.72)}to{transform:translate(-50%,-50%) scaleY(1.34)}}
@media(max-width:860px){.ep-math-teacher-layout{grid-template-columns:1fr!important}.ep-math-teacher-avatar{min-height:360px!important}.ep-real-avatar-wrap{width:min(100%,150px);height:198px}} .ep-math-teacher-avatar{justify-content:flex-start!important;padding-top:18px!important;min-height:410px!important}
.ep-math-smart-suggestions{width:100%;margin-top:12px;padding:10px;border-radius:16px;background:rgba(255,255,255,.84);border:1px solid #d9e7ff;box-shadow:0 10px 22px rgba(16,24,40,.06);text-align:left}
.ep-math-smart-suggestions[hidden]{display:none!important}
.ep-math-smart-suggestions strong{display:block;font-size:12px;color:#285fe8;margin-bottom:7px}
.ep-math-smart-suggestions div{display:flex;flex-direction:column;gap:6px}
.ep-math-smart-suggestions button{border:0;border-radius:12px;padding:7px 9px;background:#f4f8ff;color:#102033;font-size:12px;font-weight:800;cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px #dbe7ff}
.ep-math-smart-suggestions button:hover{background:#e8f1ff}
.ep-math-whiteboard{height:auto!important;min-height:120px!important;max-height:none!important;overflow:visible!important}
.ep-math-teacher-workspace,.ep-math-teacher-modal{overflow:visible!important}
html[data-theme="dark"] .ep-math-smart-suggestions,body[data-ai-study-theme="dark"] .ep-math-smart-suggestions{background:#0d2036;border-color:#2b5b88}
html[data-theme="dark"] .ep-math-smart-suggestions button,body[data-ai-study-theme="dark"] .ep-math-smart-suggestions button{background:#102944;color:#eaf3ff;box-shadow:inset 0 0 0 1px #2b5b88} .ep-math-teacher{max-width:1180px!important;width:100%!important;overflow-x:hidden!important}
.ep-math-teacher-modal,.ep-math-teacher-workspace,.ep-math-whiteboard,.ep-math-pane,.ep-math-camera-box{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important}
.ep-math-teacher-layout{grid-template-columns:minmax(170px,230px) minmax(0,1fr)!important;align-items:start!important}
.ep-math-teacher-avatar{align-self:start!important;position:sticky;top:12px;min-height:360px!important;max-height:none!important}
.ep-math-pane img,.ep-math-camera-box img,.ep-math-camera-box video,.ep-math-camera-box canvas{max-width:100%!important;max-height:240px!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important;margin:8px auto!important}
.ep-math-whiteboard{height:auto!important;max-height:none!important;overflow:visible!important}
.ep-math-output-expanded{height:auto!important;max-height:none!important;overflow:visible!important}
.ep-math-actions,.ep-math-doubt-buttons,.ep-coach-actions{align-items:center!important}
.ep-math-actions button,.ep-math-doubt-buttons button,.ep-coach-actions button{min-height:42px!important;line-height:1.15!important}
.ep-math-controls select,.ep-math-teacher-options select{min-height:48px!important;line-height:1.35!important;padding:12px 42px 12px 14px!important;text-overflow:ellipsis!important}
@media(max-width:980px){
.ep-math-teacher-layout{grid-template-columns:1fr!important}
.ep-math-teacher-avatar{position:relative!important;top:auto!important;min-height:250px!important}
.ep-math-controls,.ep-math-teacher-options{grid-template-columns:1fr!important}
} .ai-study-traditional-answer{font-family:inherit!important;color:#102033!important;line-height:1.65!important}
.ai-study-traditional-answer__head{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#eef6ff,#f7f3ff);border:1px solid #d8e7ff;margin-bottom:14px}
.ai-study-traditional-answer__head span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e0eaff;color:#2457d6;font-size:12px;font-weight:900}
.ai-study-traditional-answer__head h3{margin:8px 0 2px!important;font-size:clamp(24px,4vw,38px)!important;line-height:1.2!important;color:#102033!important}
.ai-study-traditional-answer__head small{color:#60758d;font-weight:700}
.ai-study-traditional-answer section{margin:12px 0;padding:15px 17px;border:1px solid #dce8f8;border-radius:16px;background:#fff}
.ai-study-traditional-answer section h4{margin:0 0 8px!important;color:#153f8f!important;font-size:17px!important}
.ai-study-traditional-answer section p,.ai-study-traditional-answer li{font-size:15px!important;color:#25384f!important;overflow-wrap:anywhere}
.ai-study-traditional-answer__formula div{padding:13px 15px;border-radius:12px;background:#102033;color:#fff;font-size:clamp(20px,4vw,30px);font-weight:900;text-align:center;overflow-x:auto}
.ai-study-traditional-answer__final{margin-top:12px;padding:12px 14px;border-radius:12px;background:#eafff1;border:1px solid #b9f2c8;color:#065e24;font-weight:900}
html[data-theme="dark"] .ai-study-traditional-answer,body[data-ai-study-theme="dark"] .ai-study-traditional-answer{color:#eaf3ff!important}
html[data-theme="dark"] .ai-study-traditional-answer__head,body[data-ai-study-theme="dark"] .ai-study-traditional-answer__head,html[data-theme="dark"] .ai-study-traditional-answer section,body[data-ai-study-theme="dark"] .ai-study-traditional-answer section{background:#0d2036;border-color:#2b5b88}
html[data-theme="dark"] .ai-study-traditional-answer__head h3,body[data-ai-study-theme="dark"] .ai-study-traditional-answer__head h3,html[data-theme="dark"] .ai-study-traditional-answer section h4,body[data-ai-study-theme="dark"] .ai-study-traditional-answer section h4{color:#fff!important}
html[data-theme="dark"] .ai-study-traditional-answer section p,html[data-theme="dark"] .ai-study-traditional-answer li,body[data-ai-study-theme="dark"] .ai-study-traditional-answer section p,body[data-ai-study-theme="dark"] .ai-study-traditional-answer li{color:#dbeafe!important} .ep-math-camera-box [hidden]{display:none!important}
.ep-math-pane[data-ep-math-pane="camera"] .ep-math-camera-box{width:100%!important;min-height:420px!important;height:min(62vh,620px)!important;padding:0!important;overflow:hidden!important;background:#07111f!important;border:1px solid #2b5b88!important;border-radius:22px!important}
.ep-math-pane[data-ep-math-pane="camera"] .ep-math-camera-box video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;border:0!important;border-radius:20px!important;background:#000!important}
.ep-math-pane[data-ep-math-pane="camera"] .ep-math-camera-box img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:20px!important;background:#07111f!important}
@media(max-width:780px){
.ep-math-pane[data-ep-math-pane="camera"] .ep-math-camera-box{height:calc(100svh - 260px)!important;min-height:430px!important;max-height:720px!important;border-radius:18px!important}
.ep-math-pane[data-ep-math-pane="camera"] .ep-math-camera-box video,.ep-math-pane[data-ep-math-pane="camera"] .ep-math-camera-box img{border-radius:16px!important}
.ep-math-pane[data-ep-math-pane="camera"]>button{min-height:48px!important;margin-top:8px!important}
}
@media(max-width:480px){
.ep-math-pane[data-ep-math-pane="camera"] .ep-math-camera-box{height:calc(100svh - 220px)!important;min-height:460px!important}
} .ep-math-teacher-layout{grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr)!important;gap:16px!important}
.ep-math-classroom-board{position:sticky;top:12px;align-self:start;min-width:0;padding:12px;border:1px solid #c9dcf4;border-radius:24px;background:linear-gradient(145deg,#eaf3ff,#f8fbff);box-shadow:0 18px 38px rgba(16,44,78,.12)}
.ep-math-classroom-board__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:2px 3px}
.ep-math-classroom-board__head div{min-width:0}.ep-math-classroom-board__head span{display:block;color:#2862b8;font-size:10px;font-weight:1000;letter-spacing:.08em}.ep-math-classroom-board__head strong{display:block;margin-top:3px;color:#173c69;font-size:14px;line-height:1.3}
.ep-math-board-live-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:#20b76d;box-shadow:0 0 0 5px rgba(32,183,109,.14);animation:epMathBoardLive 1.5s ease-in-out infinite}
@keyframes epMathBoardLive{50%{box-shadow:0 0 0 9px rgba(32,183,109,.04)}}
.ep-math-board-toolbar{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 8px;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ep-math-board-toolbar button{flex:0 0 auto;min-height:34px;border:1px solid #bad2ee;border-radius:999px;background:#fff;color:#174675;padding:6px 10px;font-size:10px;font-weight:900;cursor:pointer}
.ep-math-whiteboard--classroom{position:relative!important;min-height:680px!important;max-height:78vh!important;height:auto!important;overflow:auto!important;padding:18px 20px 80px!important;border:8px solid #73513a!important;border-radius:14px!important;background-color:#fffef8!important;background-image:linear-gradient(#dce9f7 1px,transparent 1px)!important;background-size:100% 34px!important;box-shadow:inset 0 0 0 2px #eadfce,0 12px 28px rgba(39,55,75,.16)!important;scroll-behavior:smooth}
.ep-math-whiteboard--classroom .ep-board-title{position:relative;z-index:2;margin:0 0 12px!important;color:#173c69;font:800 22px/1.35 "Trebuchet MS","Noto Sans Devanagari",Arial,sans-serif!important}
.ep-math-whiteboard--classroom .ep-board-question,.ep-math-whiteboard--classroom .ep-math-step,.ep-math-whiteboard--classroom .ep-math-formula,.ep-math-whiteboard--classroom .ep-math-final-answer,.ep-math-whiteboard--classroom .ep-math-common-mistake,.ep-math-whiteboard--classroom .ep-math-teacher-says,.ep-math-whiteboard--classroom .ep-math-similar,.ep-math-whiteboard--classroom .ep-math-class-method,.ep-math-whiteboard--classroom .ep-math-check-trick,.ep-math-whiteboard--classroom .ep-math-practice-set,.ep-math-whiteboard--classroom .ep-math-short-answer{position:relative;margin:9px 0!important;padding:9px 10px!important;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.84)!important;box-shadow:none!important;color:#142f53!important;font-family:"Trebuchet MS","Noto Sans Devanagari",Arial,sans-serif!important;line-height:1.55!important}
.ep-math-whiteboard--classroom code{background:transparent!important;color:#123e72!important;border-left:3px solid #2672d8!important;font:700 20px/1.65 "Cambria Math","Times New Roman",serif!important;padding:5px 10px!important}
.ep-math-whiteboard--classroom .ep-math-final-answer{border:2px solid #1c9858!important;background:#effff5!important}
.ep-math-whiteboard--classroom .ep-math-meta,.ep-math-whiteboard--classroom .ep-math-livebar,.ep-math-whiteboard--classroom .ep-math-coach-panel{font-family:Inter,system-ui,sans-serif!important}
.ep-board-line-pending{opacity:0!important;transform:translateX(-12px)}
.ep-board-line-written{animation:epHumanBoardWrite .62s ease both}
@keyframes epHumanBoardWrite{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-8px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
.ep-math-writing-pen{position:absolute;z-index:12;top:58px;left:calc(100% - 46px);font-size:28px;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.2));transform:rotate(-24deg);transition:top .5s ease,left .5s ease}
.ep-math-writing-pen.is-writing{opacity:1;animation:epMathPenWrite .34s ease-in-out infinite alternate}
@keyframes epMathPenWrite{from{transform:rotate(-27deg) translateX(-3px)}to{transform:rotate(-18deg) translateX(4px)}}
.ep-math-classroom-board .ep-math-credit-warning{display:flex;margin:10px 0 0;justify-content:center}
.ep-math-classroom-board .ep-math-smart-suggestions{margin-top:9px}
@media(max-width:980px){
.ep-math-teacher-layout{grid-template-columns:1fr!important}
.ep-math-classroom-board{position:relative;top:auto;order:0}
.ep-math-teacher-workspace{order:1}
.ep-math-whiteboard--classroom{min-height:62vh!important;max-height:72vh!important}
}
@media(max-width:560px){
.ep-math-teacher-layout{padding:9px!important;gap:10px!important}
.ep-math-classroom-board{padding:8px;border-radius:16px}
.ep-math-whiteboard--classroom{min-height:66vh!important;max-height:74vh!important;padding:14px 12px 70px!important;border-width:5px!important}
.ep-math-whiteboard--classroom .ep-board-title{font-size:18px!important}
.ep-math-board-toolbar button{min-height:38px;padding:7px 10px;font-size:10px}
} .ep-math-teacher-layout{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%!important}
.ep-math-classroom-board{position:relative!important;top:auto!important;width:100%!important;max-width:none!important}
.ep-math-whiteboard--classroom{width:100%!important;min-height:calc(100dvh - 250px)!important;max-height:calc(100dvh - 250px)!important}
.ep-math-board-questionbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 9px}
.ep-math-board-questionbar input{min-width:0;width:100%;height:44px;border:1px solid #bad2ee;border-radius:12px;background:#fff;color:#102033;padding:9px 12px;font-size:14px;outline:none}
.ep-math-board-questionbar input:focus{border-color:#2672d8;box-shadow:0 0 0 3px rgba(38,114,216,.12)}
.ep-math-board-questionbar button,.ep-math-board-footer button{border:1px solid #bad2ee;border-radius:12px;background:#fff;color:#174675;padding:8px 12px;font-weight:900;cursor:pointer}
.ep-math-board-questionbar button,.ep-math-board-footer button.is-primary{border-color:#276de1;background:linear-gradient(135deg,#279fea,#704ef3);color:#fff}
.ep-math-board-footer{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:9px 1px 2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ep-math-board-footer button{flex:0 0 auto;min-height:40px}
.ep-math-board-footer button.is-danger{border-color:#ffc4c4;color:#b4232f;background:#fff7f7}
.ep-math-teacher-workspace{width:100%!important;margin-top:2px;padding:14px;border:1px solid #d8e6f8;border-radius:20px;background:rgba(255,255,255,.64)}
.ep-math-teacher-card>.ep-math-primary{margin-left:auto}
@media(max-width:700px){
.ep-math-teacher-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:6px 10px!important;padding:11px 12px!important;border-radius:18px!important;margin-bottom:10px!important}
.ep-math-teacher-card__icon{grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;margin:0!important;border-radius:14px!important;font-size:25px!important;line-height:1!important;box-shadow:0 7px 16px rgba(66,93,255,.2)!important}
.ep-math-teacher-card>div:nth-child(2){grid-column:2!important;grid-row:1!important;min-width:0}
.ep-math-kicker{padding:2px 7px!important;font-size:8px!important}
.ep-math-teacher-card h2{margin:3px 0 2px!important;font-size:19px!important;line-height:1.1!important}
.ep-math-teacher-card p{font-size:11px!important;line-height:1.35!important;white-space:normal}
.ep-math-teacher-card>.ep-math-primary{grid-column:1/-1!important;width:100%!important;margin:2px 0 0!important;min-height:38px!important;padding:8px 12px!important}
.ep-math-whiteboard--classroom{min-height:calc(100dvh - 205px)!important;max-height:calc(100dvh - 205px)!important}
.ep-math-board-questionbar{grid-template-columns:1fr}
.ep-math-board-questionbar button{min-height:42px}
.ep-math-teacher-workspace{padding:9px;border-radius:15px}
}
@media(max-width:420px){
.ep-math-teacher-card p{display:none}
.ep-math-teacher-card>.ep-math-primary{grid-column:2!important;width:auto!important;justify-self:start;padding:7px 11px!important;font-size:11px!important}
.ep-math-whiteboard--classroom{min-height:calc(100dvh - 185px)!important;max-height:calc(100dvh - 185px)!important}
}
.ep-math-classroom-board:fullscreen,.ep-math-classroom-board.is-board-fullscreen{position:fixed!important;inset:0!important;z-index:9999999!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;border-radius:0!important;padding:10px!important;background:#edf5ff!important;display:flex!important;flex-direction:column!important}
.ep-math-classroom-board:fullscreen .ep-math-whiteboard--classroom,.ep-math-classroom-board.is-board-fullscreen .ep-math-whiteboard--classroom{flex:1!important;min-height:0!important;max-height:none!important}
.ep-math-classroom-board:fullscreen .ep-math-credit-warning,.ep-math-classroom-board:fullscreen .ep-math-smart-suggestions,.ep-math-classroom-board.is-board-fullscreen .ep-math-credit-warning,.ep-math-classroom-board.is-board-fullscreen .ep-math-smart-suggestions{display:none!important} .ep-math-livebar{display:none!important}
.ep-math-coach-panel{padding:10px!important;margin-top:9px!important;border-radius:14px!important}
.ep-coach-head{margin-bottom:7px!important}.ep-coach-head strong{font-size:14px!important}.ep-coach-head span{padding:3px 7px!important;font-size:9px!important}
.ep-math-coach-panel .ep-coach-actions{gap:5px!important}
.ep-math-coach-panel .ep-coach-actions button{min-height:32px!important;padding:5px 9px!important;border-radius:10px!important;font-size:10px!important;line-height:1.15!important;box-shadow:none!important}
.ep-coach-current{margin-top:8px!important;padding:9px!important;font-size:12px!important}
.ep-board-line-written{animation-duration:var(--ep-write-duration,900ms)!important;animation-timing-function:linear!important}
.ep-math-writing-pen{--ep-pen-duration:900ms;position:absolute;z-index:12;top:58px;left:18px;width:42px;height:32px;font-size:0!important;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18));transition:top .42s ease}
.ep-math-writing-pen i{position:absolute;z-index:2;left:11px;top:1px;width:27px;height:20px;border-radius:55% 45% 52% 48%;background:linear-gradient(145deg,#f3ba91,#d78d63);transform:rotate(19deg);box-shadow:inset -3px -2px 0 rgba(116,58,35,.13)}
.ep-math-writing-pen i:before,.ep-math-writing-pen i:after{content:"";position:absolute;background:#e7a477;border-radius:999px}
.ep-math-writing-pen i:before{width:18px;height:7px;left:-7px;top:10px;transform:rotate(17deg)}
.ep-math-writing-pen i:after{width:15px;height:6px;left:-5px;top:3px;transform:rotate(8deg)}
.ep-math-writing-pen b{position:absolute;z-index:1;width:42px;height:5px;left:0;top:22px;border-radius:999px;background:linear-gradient(90deg,#123f76 0 72%,#dce9f6 72% 89%,#222 89%);transform:rotate(-29deg);transform-origin:right center}
.ep-math-writing-pen.is-writing{opacity:1;animation:epHumanHandTravel var(--ep-pen-duration) linear 1!important}
@keyframes epHumanHandTravel{
0%{left:16px;transform:translateY(0) rotate(-2deg)}
18%{transform:translateY(2px) rotate(1deg)}
38%{transform:translateY(-1px) rotate(-1deg)}
58%{transform:translateY(2px) rotate(1deg)}
78%{transform:translateY(-1px) rotate(-1deg)}
100%{left:calc(100% - 58px);transform:translateY(1px) rotate(0)}
}
@media(max-width:700px){
.ep-math-input-tabs{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:1px 0 5px!important;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.ep-math-input-tabs button{flex:0 0 auto!important;min-height:34px!important;padding:5px 9px!important;border-radius:10px!important;font-size:10px!important;line-height:1.15!important;box-shadow:none!important}
.ep-math-coach-panel .ep-coach-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ep-math-coach-panel .ep-coach-actions button{width:100%!important;min-width:0!important;padding:5px 3px!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
@media(max-width:420px){
.ep-math-coach-panel .ep-coach-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
} .ep-math-history-controls{position:sticky;top:0;z-index:9;display:flex;gap:7px;margin:0 0 10px;padding:5px 0 8px;background:rgba(255,254,248,.96)}
.ep-math-history-controls[hidden]{display:none!important}
.ep-math-history-controls button{min-height:32px;border:1px solid #bad2ee;border-radius:999px;background:#fff;color:#174675;padding:5px 10px;font-size:10px;font-weight:900;cursor:pointer}
.ep-math-board-history{min-height:100%;padding-bottom:46px}
.ep-math-board-empty{margin:12px 4px!important;color:#49627e!important;font-family:"Trebuchet MS","Noto Sans Devanagari",Arial,sans-serif!important}
.ep-math-qa-card{margin:9px 0;border:1px solid #c9ddf3;border-radius:12px;background:rgba(255,255,255,.9);overflow:clip;box-shadow:0 5px 14px rgba(28,65,105,.07)}
.ep-math-qa-card>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:8px 10px;cursor:pointer;list-style:none;color:#173c69;background:linear-gradient(135deg,#f5faff,#eef5ff)}
.ep-math-qa-card>summary::-webkit-details-marker{display:none}
.ep-math-qa-card>summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 12px/1.3 Inter,system-ui,sans-serif}
.ep-math-qa-number{display:grid;place-items:center;min-width:29px;height:27px;padding:0 6px;border-radius:8px;background:#2672d8;color:#fff;font:900 10px/1 Inter,system-ui,sans-serif}
.ep-math-qa-toggle{color:#2862b8;font:900 9px/1 Inter,system-ui,sans-serif}
.ep-math-qa-card[open] .ep-math-qa-toggle{font-size:0}.ep-math-qa-card[open] .ep-math-qa-toggle:after{content:"Collapse";font-size:9px}
.ep-math-qa-card[open]>summary{border-bottom:1px solid #d7e5f5}
.ep-math-qa-body{position:relative;padding:6px 8px 13px}
.ep-math-board-loading{position:sticky;z-index:10;bottom:8px;margin:8px auto 0;width:max-content;max-width:calc(100% - 16px);padding:8px 12px;border-radius:999px;background:#173c69;color:#fff;font:900 10px/1.25 Inter,system-ui,sans-serif;box-shadow:0 8px 20px rgba(23,60,105,.22)}
.ep-math-board-loading[hidden]{display:none!important}
.ep-math-coach-host:empty{display:none}
.ep-math-coach-host .ep-math-coach-panel{margin:8px 0 0!important}
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-board-question,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-step,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-formula,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-final-answer,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-common-mistake,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-teacher-says,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-similar,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-class-method,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-check-trick,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-practice-set,
.ep-math-whiteboard--classroom .ep-math-qa-body .ep-math-short-answer{margin:5px 0!important;padding:6px 8px!important}
.ep-board-line-written{animation-duration:var(--ep-write-duration,520ms)!important}
.ep-math-writing-pen{--ep-pen-duration:520ms;position:absolute!important;z-index:12!important;top:12px;left:auto!important;right:12px!important;width:auto!important;height:auto!important;font-size:24px!important;line-height:1!important;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2));transition:top .22s ease!important}
.ep-math-writing-pen i,.ep-math-writing-pen b{display:none!important}
.ep-math-writing-pen.is-writing{opacity:1;animation:epMathPenWrite .2s ease-in-out infinite alternate!important}
@media(max-width:560px){
.ep-math-history-controls{gap:5px}.ep-math-history-controls button{flex:1;padding:5px 6px}
.ep-math-qa-card>summary{padding:7px 8px}.ep-math-qa-body{padding:4px 5px 10px}
.ep-math-writing-pen{right:6px!important;font-size:21px!important}
} .ep-math-classroom-board{background:#f9fbff!important;border:1px solid #d7e2f2!important;box-shadow:0 10px 24px rgba(16,44,78,.08)!important}
.ep-math-classroom-board__head span{color:#2c6791!important}
.ep-math-classroom-board__head strong{color:#16395c!important}
.ep-math-board-toolbar button,.ep-math-board-questionbar button,.ep-math-board-footer button{border-radius:10px!important}
.ep-math-whiteboard--classroom{border:1px solid #d7e3f1!important;border-radius:16px!important;background:#fff!important;background-image:linear-gradient(to bottom, rgba(62,123,202,.14) 1px, transparent 1px)!important;background-size:100% 38px!important;box-shadow:inset 0 0 0 1px #eef4fb,0 8px 18px rgba(39,55,75,.08)!important;padding:20px 22px 88px!important}
.ep-math-whiteboard--classroom .ep-board-title{color:#214e78!important;font:800 21px/1.35 "Trebuchet MS","Noto Sans Devanagari",Arial,sans-serif!important;padding-bottom:8px!important;border-bottom:2px solid rgba(43,104,180,.16)!important}
.ep-math-whiteboard--classroom .ep-board-question,.ep-math-whiteboard--classroom .ep-math-step,.ep-math-whiteboard--classroom .ep-math-formula,.ep-math-whiteboard--classroom .ep-math-final-answer,.ep-math-whiteboard--classroom .ep-math-common-mistake,.ep-math-whiteboard--classroom .ep-math-teacher-says,.ep-math-whiteboard--classroom .ep-math-similar,.ep-math-whiteboard--classroom .ep-math-class-method,.ep-math-whiteboard--classroom .ep-math-check-trick,.ep-math-whiteboard--classroom .ep-math-practice-set,.ep-math-whiteboard--classroom .ep-math-short-answer,.ep-math-whiteboard--classroom .ep-math-class-heading{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 4px 6px 4px!important;margin:8px 0!important;color:#173456!important;font-family:"Trebuchet MS","Noto Sans Devanagari",Arial,sans-serif!important}
.ep-math-whiteboard--classroom .ep-math-class-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;font-family:Inter,system-ui,sans-serif!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#2a6f8d!important;border-bottom:1px dashed rgba(47,107,164,.3)!important;padding-top:0!important}
.ep-math-whiteboard--classroom .ep-math-class-heading span{font-size:10px!important;color:#6b8197!important;font-weight:700!important;text-transform:none!important}
.ep-math-whiteboard--classroom strong{color:#1a4f77!important}
.ep-math-whiteboard--classroom .ep-board-question strong,.ep-math-whiteboard--classroom .ep-math-short-answer strong,.ep-math-whiteboard--classroom .ep-math-formula strong,.ep-math-whiteboard--classroom .ep-math-final-answer strong,.ep-math-whiteboard--classroom .ep-math-common-mistake strong,.ep-math-whiteboard--classroom .ep-math-teacher-says strong,.ep-math-whiteboard--classroom .ep-math-class-method strong,.ep-math-whiteboard--classroom .ep-math-check-trick strong,.ep-math-whiteboard--classroom .ep-math-practice-set strong,.ep-math-whiteboard--classroom .ep-math-similar strong{display:inline-block!important;min-width:132px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:900!important}
.ep-math-whiteboard--classroom .ep-math-step strong{display:block!important;margin-bottom:4px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:900!important;color:#236a93!important}
.ep-math-whiteboard--classroom code{display:block!important;margin-top:4px!important;border-left:3px solid #2a78b9!important;padding:5px 0 5px 12px!important;background:transparent!important;color:#19395a!important;font:700 19px/1.7 "Cambria Math","Times New Roman",serif!important;white-space:pre-wrap!important}
.ep-math-whiteboard--classroom .ep-math-final-answer{margin-top:14px!important;padding-top:10px!important;border-top:2px dashed rgba(47,107,164,.32)!important;background:rgba(236,248,240,.6)!important}
.ep-math-whiteboard--classroom .ep-math-meta{margin-top:12px!important;padding-top:8px!important;border-top:1px dashed rgba(47,107,164,.24)!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important;font:800 11px/1.4 Inter,system-ui,sans-serif!important;color:#56708c!important}
.ep-math-whiteboard--classroom .ep-math-qa-card summary{background:#fff!important}
@media(max-width:560px){.ep-math-whiteboard--classroom{padding:16px 12px 76px!important;background-size:100% 34px!important}.ep-math-whiteboard--classroom .ep-board-title{font-size:18px!important}.ep-math-whiteboard--classroom .ep-board-question strong,.ep-math-whiteboard--classroom .ep-math-short-answer strong,.ep-math-whiteboard--classroom .ep-math-formula strong,.ep-math-whiteboard--classroom .ep-math-final-answer strong,.ep-math-whiteboard--classroom .ep-math-common-mistake strong,.ep-math-whiteboard--classroom .ep-math-teacher-says strong,.ep-math-whiteboard--classroom .ep-math-class-method strong,.ep-math-whiteboard--classroom .ep-math-check-trick strong,.ep-math-whiteboard--classroom .ep-math-practice-set strong,.ep-math-whiteboard--classroom .ep-math-similar strong{min-width:98px!important;font-size:12px!important}} .ep-math-whiteboard--classroom,
.ep-math-whiteboard--classroom p,
.ep-math-whiteboard--classroom li{
font-family:"Trebuchet MS","Noto Sans Devanagari",Arial,sans-serif!important;
letter-spacing:.01em!important;
}
.ep-math-whiteboard--classroom .ep-math-step,
.ep-math-whiteboard--classroom .ep-board-question,
.ep-math-whiteboard--classroom .ep-math-final-answer{
font-style:normal!important;
font-weight:600!important;
}
.ep-smart-focus-target{
outline:3px solid rgba(38,114,216,.28)!important;
outline-offset:4px!important;
border-radius:12px!important;
animation:epSmartFocusPulse 1.4s ease both!important;
}
@keyframes epSmartFocusPulse{
0%{box-shadow:0 0 0 0 rgba(38,114,216,.26)}
55%{box-shadow:0 0 0 12px rgba(38,114,216,0)}
100%{box-shadow:none}
} .ep-math-teacher-workspace .ep-math-input-tabs--below-question{
margin:10px 0 12px!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
order:initial!important;
}
.ep-math-teacher-workspace .ep-math-input-tabs--below-question button{
width:100%!important;
min-width:0!important;
min-height:40px!important;
white-space:normal!important;
}
@media(max-width:640px){
.ep-math-teacher-workspace .ep-math-input-tabs--below-question{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
}
} .ep-math-writing-pen{width:40px!important;height:18px!important;font-size:0!important;}
.ep-math-writing-pen::after,.ep-math-writing-pen i,.ep-math-writing-pen i:before,.ep-math-writing-pen i:after{display:none!important;content:none!important;}
.ep-math-writing-pen::before,.ep-math-writing-pen b{display:block!important;left:1px!important;top:7px!important;width:34px!important;height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#195db7 0 72%,#f4c34e 72% 90%,#28374b 90%)!important;transform:rotate(-25deg)!important;transform-origin:right center!important;box-shadow:0 2px 3px rgba(17,45,78,.22)!important;} .ep-magic-board-pointer{width:40px!important;height:18px!important;}
.ep-magic-board-pointer b{display:none!important;content:none!important;}
.ep-magic-board-pointer i{display:block!important;right:1px!important;bottom:5px!important;width:34px!important;height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#195db7 0 72%,#f4c34e 72% 90%,#28374b 90%)!important;box-shadow:0 2px 3px rgba(17,45,78,.22)!important;transform:rotate(-25deg)!important;}
.ep-math-writing-pen{width:40px!important;height:18px!important;font-size:0!important;color:transparent!important;background:none!important;}
.ep-math-writing-pen::after,.ep-math-writing-pen i,.ep-math-writing-pen i::before,.ep-math-writing-pen i::after{display:none!important;content:none!important;}
.ep-math-writing-pen::before,.ep-math-writing-pen b{display:block!important;content:""!important;position:absolute!important;left:1px!important;top:7px!important;width:34px!important;height:4px!important;border-radius:999px!important;background:linear-gradient(90deg,#195db7 0 72%,#f4c34e 72% 90%,#28374b 90%)!important;transform:rotate(-25deg)!important;transform-origin:right center!important;box-shadow:0 2px 3px rgba(17,45,78,.22)!important;}
.ep-math-visual{margin:16px 0;padding:12px;border:1px solid #dbe6fb;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f3f8ff)}
.ep-math-visual-title{font-weight:800;color:#204d7a;margin-bottom:8px;font-size:15px}
.ep-math-visual svg{display:block;width:100%;max-width:360px;height:auto;margin:0 auto}
.ep-math-visual text{font-weight:700}
.ep-math-verified-badge{display:inline-flex;margin:8px 0;padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#08783f;font-size:11px;font-weight:800;border:1px solid #bcebd0} .ep-math-magic-idea,
.ep-math-checkpoint,
.ep-math-self-check,
.ep-math-memory-trick,
.ep-math-encouragement{
display:flex;
gap:12px;
align-items:flex-start;
margin:14px 0;
padding:14px 16px;
border:1px solid rgba(112,151,202,.30);
border-radius:16px;
background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,248,255,.88));
box-shadow:0 8px 22px rgba(35,76,125,.08), inset 0 1px 0 rgba(255,255,255,.96);
}
.ep-math-magic-idea{background:linear-gradient(135deg,rgba(255,250,226,.96),rgba(244,249,255,.92));border-color:rgba(231,194,88,.38)}
.ep-math-magic-idea>span{font-size:23px;line-height:1.1}
.ep-math-magic-idea strong,.ep-math-checkpoint strong,.ep-math-self-check strong,.ep-math-memory-trick strong{color:#204e7d;font-weight:900}
.ep-math-magic-idea p,.ep-math-checkpoint p{margin:5px 0 0;line-height:1.55}
.ep-math-checkpoint{background:linear-gradient(135deg,rgba(236,248,255,.96),rgba(246,252,255,.92));}
.ep-math-self-check{background:linear-gradient(135deg,rgba(239,250,244,.96),rgba(247,252,249,.92));border-color:rgba(68,167,111,.28)}
.ep-math-memory-trick{background:linear-gradient(135deg,rgba(246,241,255,.96),rgba(250,247,255,.92));border-color:rgba(130,100,190,.25)}
.ep-math-encouragement{display:block;text-align:center;font-weight:800;color:#285e93;background:linear-gradient(135deg,rgba(235,246,255,.92),rgba(249,252,255,.95));} .ep-math-board-questionbar{grid-template-columns:minmax(0,1fr) auto auto!important;align-items:stretch}
.ep-math-board-questionbar .ep-math-board-solve-btn,.ep-math-board-questionbar .ep-math-board-camera-btn{min-height:44px;white-space:nowrap}
.ep-math-board-questionbar .ep-math-board-camera-btn{border-color:#8fb8e8;background:linear-gradient(135deg,#f8fcff,#e9f4ff);color:#14518e;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 5px 12px rgba(32,91,154,.09)}
.ep-math-board-questionbar .ep-math-board-camera-btn:hover{border-color:#4c91dc;background:linear-gradient(135deg,#ffffff,#e5f2ff);transform:translateY(-1px)}
@media(max-width:700px){
.ep-math-board-questionbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.ep-math-board-questionbar input{grid-column:1/-1}
.ep-math-board-questionbar .ep-math-board-solve-btn,.ep-math-board-questionbar .ep-math-board-camera-btn{width:100%;min-height:44px}
}
@media(max-width:380px){
.ep-math-board-questionbar{grid-template-columns:1fr!important}
.ep-math-board-questionbar input,.ep-math-board-questionbar .ep-math-board-solve-btn,.ep-math-board-questionbar .ep-math-board-camera-btn{grid-column:1}
} .ep-math-teacher-card{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border-radius:18px!important}
.ep-math-teacher-card__icon{font-size:24px!important}.ep-math-teacher-card h2{font-size:20px!important;margin:0!important}.ep-math-teacher-card p{display:none!important}.ep-math-teacher-card .ep-math-primary{display:none!important}
.ep-math-controls{display:flex!important;align-items:center!important;gap:8px!important;margin:8px 0 10px!important}.ep-math-controls label{font-size:11px!important;font-weight:800!important;color:#5d7188!important}.ep-math-controls label:nth-child(3),.ep-math-controls label:nth-child(4){display:none!important}.ep-math-controls select{min-height:34px!important;border-radius:10px!important;padding:5px 28px 5px 9px!important;font-weight:700!important}
.ep-math-pane[data-ep-math-pane="text"] textarea,.ep-math-teacher-workspace .ep-math-pane[data-ep-math-pane="text"] textarea[data-ep-math-question]{min-height:112px!important;border-radius:18px!important;border:1px solid #d7e4f3!important;background:rgba(255,255,255,.96)!important;box-shadow:0 5px 20px rgba(32,74,120,.06)!important;font-size:17px!important;padding:16px 18px!important}
.ep-math-input-tabs--below-question{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:8px 0 10px!important}.ep-math-input-tabs--below-question button{width:auto!important;min-height:36px!important;padding:7px 11px!important;border-radius:999px!important;background:#f4f8fd!important;border:1px solid #dbe7f4!important;color:#315d88!important;font-size:12px!important;font-weight:800!important}.ep-math-input-tabs--below-question button.is-active{background:#eaf2ff!important;border-color:#a9c7ee!important;color:#1f62b0!important}
.ep-math-teacher-options{display:none!important}
.ep-math-board-toolbar{display:flex!important;justify-content:flex-end!important;gap:5px!important;padding:5px!important;background:transparent!important;border:0!important}.ep-math-board-toolbar button{display:none!important}.ep-math-board-toolbar [data-ep-board-replay],.ep-math-board-toolbar [data-ep-board-fullscreen]{display:inline-flex!important}.ep-math-board-toolbar [data-ep-board-replay]{font-size:0!important}.ep-math-board-toolbar [data-ep-board-replay]::after{content:'↻';font-size:16px}.ep-math-board-toolbar [data-ep-board-fullscreen]{font-size:0!important}.ep-math-board-toolbar [data-ep-board-fullscreen]::after{content:'⛶';font-size:16px}
.ep-math-board-questionbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important;align-items:center!important;padding:7px!important;border:1px solid #dbe7f4!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 5px 18px rgba(32,74,120,.06)!important}.ep-math-board-questionbar input{min-width:0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-weight:600!important}.ep-math-board-questionbar button{min-height:42px!important;border-radius:12px!important;padding:8px 12px!important;font-weight:900!important}.ep-math-board-questionbar .ep-math-board-camera-btn{background:#f3f7fd!important;color:#245b91!important;border:1px solid #d5e2f0!important}.ep-math-board-questionbar .ep-math-board-solve-btn{background:linear-gradient(135deg,#477ee8,#345fd0)!important;color:#fff!important;border:0!important}
.ep-math-board-footer{display:flex!important;justify-content:flex-end!important;gap:7px!important;padding-top:8px!important}.ep-math-board-footer button{display:none!important}.ep-math-board-footer [data-ep-math-live],.ep-math-board-footer [data-ep-math-speak]{display:inline-flex!important;min-height:38px!important;padding:7px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important}.ep-math-board-footer [data-ep-math-speak]{background:#f4f8fd!important;color:#2d5f8e!important;border:1px solid #d8e5f2!important}.ep-math-board-footer [data-ep-math-live]{background:#eef5ff!important;color:#245f9e!important;border:1px solid #c9ddf5!important}.ep-math-credit-warning{display:none!important}
.ep-magic-tools-drawer--maths{margin-top:8px!important;border:1px solid #e1eaf3!important;border-radius:12px!important}.ep-magic-tools-drawer--maths summary{padding:8px 11px!important;font-size:12px!important;font-weight:800!important;color:#5d7188!important}
.ep-math-visual{margin:8px 0!important;border-radius:14px!important;border:1px solid #dce7f2!important;background:#fbfdff!important;padding:8px!important}.ep-math-visual-title{font-size:11px!important;font-weight:900!important;color:#52708d!important;margin-bottom:3px!important}
@media(max-width:640px){.ep-math-controls{gap:6px!important}.ep-math-controls label{flex:1!important}.ep-math-board-questionbar{grid-template-columns:minmax(0,1fr) auto auto!important}.ep-math-board-questionbar button{padding:7px 9px!important;font-size:11px!important}.ep-math-board-footer{justify-content:stretch!important}.ep-math-board-footer button{flex:1!important;justify-content:center!important}} .ep-math-board-questionbar{min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.ep-math-board-questionbar input{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.ep-math-board-questionbar button{min-width:0!important;flex-shrink:1!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ep-math-board-questionbar .ep-math-board-solve-btn,
.ep-math-board-questionbar .ep-math-board-camera-btn{justify-content:center!important;text-align:center!important;min-width:112px!important}
.ep-math-board-toolbar{min-width:0!important;flex-wrap:wrap!important;align-items:center!important}
.ep-math-board-toolbar [data-ep-board-replay],
.ep-math-board-toolbar [data-ep-board-fullscreen]{width:38px!important;height:34px!important;min-width:38px!important;padding:0!important;align-items:center!important;justify-content:center!important;border:1px solid #c9dced!important;border-radius:10px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 3px 9px rgba(32,74,120,.07)!important}
@media(max-width:900px){
.ep-math-board-questionbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important}
.ep-math-board-questionbar input{grid-column:1/-1!important;width:100%!important}
.ep-math-board-questionbar .ep-math-board-solve-btn,
.ep-math-board-questionbar .ep-math-board-camera-btn{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 8px!important}
}
@media(max-width:430px){
.ep-math-board-questionbar{gap:6px!important;padding:6px!important;border-radius:14px!important}
.ep-math-board-questionbar .ep-math-board-solve-btn,
.ep-math-board-questionbar .ep-math-board-camera-btn{font-size:11px!important;letter-spacing:-.01em!important}
.ep-math-board-toolbar{gap:4px!important}
.ep-math-board-toolbar [data-ep-board-replay],
.ep-math-board-toolbar [data-ep-board-fullscreen]{width:36px!important;height:32px!important;min-width:36px!important}
}.ep-human-heart-card,.ep-human-heart-card *{box-sizing:border-box}
.ep-human-heart-card{margin:12px 0;padding:13px;border:1px solid #f3cf86;border-radius:18px;background:linear-gradient(135deg,#fffaf0,#f1fbff 58%,#f7f3ff);box-shadow:0 12px 30px rgba(42,67,101,.08);color:#173452;transition:.2s opacity,.2s transform}
.ep-human-heart-card.is-loading{opacity:.65;pointer-events:none;transform:scale(.995)}
.ep-human-heart-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.ep-human-heart-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:#fff3c7;font-size:21px;box-shadow:inset 0 0 0 1px #f5d98d}.ep-human-heart-head>div{min-width:0;flex:1}.ep-human-heart-head strong,.ep-human-heart-head small{display:block}.ep-human-heart-head strong{font-size:14px;color:#102f55}.ep-human-heart-head small{font-size:10px;color:#6b7d92}.ep-human-heart-head button{flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:1px solid #f0c8c8;border-radius:50%;background:#fff;color:#b42335;font-size:20px;line-height:1;cursor:pointer}
.ep-human-heart-card p{margin:0 0 10px;font-size:13px;line-height:1.5;font-weight:800;color:#173c69}.ep-human-heart-options{display:flex;gap:7px;flex-wrap:wrap}.ep-human-heart-options button,.ep-human-heart-text button{min-height:34px;padding:7px 11px;border:1px solid #bfd4f4;border-radius:999px;background:#fff;color:#174675;font-size:11px;font-weight:900;cursor:pointer}.ep-human-heart-options button:hover{border-color:#5c72f5;box-shadow:0 4px 12px rgba(65,84,210,.12)}.ep-human-heart-options .is-skip{color:#667085;background:#f8fafc}
.ep-human-heart-text{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.ep-human-heart-text input{min-width:0;height:38px;padding:8px 11px;border:1px solid #cbdcf4;border-radius:12px;background:#fff;color:#173452}.ep-human-heart-text button{border-radius:12px;background:linear-gradient(135deg,#2aa8ff,#7355f5);color:#fff;border:0}.ep-human-heart-privacy{display:block;margin-top:9px;color:#708197;font-size:9px;line-height:1.4}
@media(max-width:560px){.ep-human-heart-card{padding:11px;border-radius:15px}.ep-human-heart-options{display:grid;grid-template-columns:1fr 1fr}.ep-human-heart-options button{min-width:0;padding:7px 5px;white-space:normal}.ep-human-heart-text{grid-template-columns:1fr}.ep-human-heart-text button{width:100%}}:root {
--ai-blue: #1B4F9C;
--ai-blue-light: #2E6BC4;
--ai-orange: #F58220;
--ai-orange-light: #FFA040;
--ai-green: #27AE60;
--ai-green-light: #58D68D;
--ai-red: #E74C3C;
--ai-magenta: #E91E8C;
--ai-black: #1A1A2E;
--ai-white: #FFFFFF;
--ai-primary: var(--ai-blue);
--ai-primary-light: var(--ai-blue-light);
--ai-secondary: var(--ai-green);
--ai-accent: var(--ai-orange);
--ai-coral: var(--ai-red);
--ai-bg: #FFFFFF;
--ai-card: #FFFFFF;
--ai-text: var(--ai-black);
--ai-muted: #5A6270;
--ai-border: #D6E4F0;
--ai-radius: 16px;
--ai-shadow: 0 6px 24px rgba(27, 79, 156, 0.12);
}
[data-theme="dark"] {
--ai-bg: #1a1a2e;
--ai-card: #16213e;
--ai-text: #edf2f4;
--ai-muted: #a0aec0;
--ai-border: #2d3748;
--ai-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.ai-study-dashboard {
width: 100%;
max-width: min(1240px, 100%);
margin: 16px auto;
padding: 0;
color: var(--ai-text);
font-family: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
box-sizing: border-box;
}
.entry-content > .ai-study-dashboard,
.wp-block-shortcode .ai-study-dashboard,
.vc_row .ai-study-dashboard {
max-width: 100%;
}
.ai-study-dashboard *,
.ai-study-auth-shell * {
box-sizing: border-box;
}
.ai-study-shell {
display: grid;
grid-template-columns: 250px minmax(0, 1fr);
min-height: 760px;
border: 2px solid var(--ai-border);
background: var(--ai-bg);
border-radius: var(--ai-radius);
overflow: hidden;
box-shadow: var(--ai-shadow);
}
.ai-study-tabs {
padding: 14px;
border-right: 2px solid var(--ai-border);
background: var(--ai-card);
}
.ai-study-student-profile {
display: grid;
gap: 6px;
margin-bottom: 14px;
padding: 14px;
border: 2px solid var(--ai-primary-light);
border-radius: var(--ai-radius);
background: linear-gradient(135deg, #f8f5ff 0%, #fff9f0 100%);
}
.ai-study-brand-mark {
display: flex;
align-items: baseline;
gap: 4px;
margin-bottom: 4px;
line-height: 1;
}
.ai-study-brand-easy {
font-size: 22px;
font-weight: 900;
color: var(--ai-blue);
font-style: italic;
}
.ai-study-brand-padhai {
font-size: 22px;
font-weight: 900;
color: var(--ai-orange);
}
.ai-study-student-profile span {
color: var(--ai-muted);
font-size: 13px;
}
.ai-study-logout-button {
width: 100%;
min-height: 34px;
border: 1px solid #c8d6e2;
border-radius: 8px;
background: #ffffff;
color: #183247;
cursor: pointer;
font-weight: 700;
}
.ai-study-tab {
width: 100%;
margin: 0 0 6px;
padding: 10px 12px;
border: 2px solid transparent;
border-radius: 12px;
background: transparent;
color: var(--ai-text);
cursor: pointer;
text-align: left;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
transition: all 0.2s ease;
}
.ai-study-tab.is-active,
.ai-study-tab:hover {
border-color: var(--ai-primary-light);
background: linear-gradient(135deg, #f0edff 0%, #e8fff9 100%);
color: var(--ai-primary);
transform: translateX(3px);
}
.ai-study-auth-shell {
max-width: 1040px;
margin: 28px auto;
padding: 22px;
border: 1px solid #dce4ec;
background: #f6f8fb;
color: #182033;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ai-study-auth-hero {
margin-bottom: 18px;
padding: 24px;
border: 1px solid #cddce9;
border-radius: 8px;
background: #ffffff;
}
.ai-study-auth-hero span {
display: block;
margin-bottom: 8px;
color: #0f6ba8;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
}
.ai-study-auth-hero h2 {
margin: 0 0 8px;
font-size: 30px;
line-height: 1.15;
}
.ai-study-auth-hero p {
margin: 0;
color: #526070;
line-height: 1.5;
}
.ai-study-auth-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.ai-study-auth-card {
display: grid;
gap: 13px;
padding: 20px;
border: 1px solid #dce4ec;
border-radius: 8px;
background: #ffffff;
}
.ai-study-auth-card h3 {
margin: 0;
font-size: 21px;
}
.ai-study-auth-card label {
display: grid;
gap: 7px;
color: #344054;
font-weight: 700;
}
.ai-study-auth-card input[type="text"],
.ai-study-auth-card input[type="email"],
.ai-study-auth-card input[type="tel"],
.ai-study-auth-card input[type="password"] {
width: 100%;
min-height: 42px;
padding: 9px 11px;
border: 1px solid #c8d6e2;
border-radius: 8px;
}
.ai-study-auth-check {
display: flex !important;
flex-direction: row;
align-items: center;
gap: 8px !important;
}
.ai-study-auth-notice {
margin-bottom: 14px;
padding: 12px 14px;
border-left: 4px solid #0b67a3;
background: #eef7ff;
color: #18435e;
font-weight: 700;
}
.ai-study-auth-note {
padding: 10px 12px;
border: 1px solid #bdd7e9;
border-radius: 8px;
background: #f2f9ff;
color: #18435e;
line-height: 1.45;
}
.ai-study-main {
min-width: 0;
padding: 22px;
}
.ai-study-panel {
display: none;
}
.ai-study-panel.is-active {
display: block;
}
.ai-study-hero,
.ai-study-scan-hero {
margin-bottom: 18px;
padding: 26px;
border: 1px solid #cddce9;
border-radius: 8px;
background: linear-gradient(135deg, #ffffff 0%, #ecf7ff 100%);
}
.ai-study-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) 180px;
gap: 18px;
align-items: center;
}
.ai-study-kicker {
display: block;
margin-bottom: 8px;
color: #0f6ba8;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.ai-study-hero h2,
.ai-study-scan-hero h2 {
margin: 0 0 10px;
font-size: 32px;
line-height: 1.15;
}
.ai-study-hero p,
.ai-study-scan-hero p,
.ai-study-muted {
margin: 0 0 16px;
color: #526070;
line-height: 1.55;
}
.ai-study-hero__media {
display: grid;
place-items: center;
min-height: 150px;
border-radius: 8px;
background: #ffffff;
border: 1px solid #d6e3ee;
}
.ai-study-camera-mark {
font-size: 72px;
}
.ai-study-primary-button,
.ai-study-secondary-button,
.ai-study-upload-button,
.ai-study-link-button {
min-height: 40px;
padding: 9px 14px;
border-radius: 8px;
cursor: pointer;
font-weight: 700;
}
.ai-study-primary-button {
border: 0;
background: linear-gradient(135deg, var(--ai-blue) 0%, var(--ai-orange) 55%, var(--ai-magenta) 100%);
color: var(--ai-white);
box-shadow: 0 6px 18px rgba(245, 130, 32, 0.35);
font-weight: 800;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ai-study-primary-button:hover {
transform: translateY(-1px);
box-shadow: 0 8px 22px rgba(245, 130, 32, 0.45);
}
.ai-study-secondary-button,
.ai-study-upload-button {
border: 2px solid var(--ai-blue-light);
background: var(--ai-white);
color: var(--ai-blue);
font-weight: 700;
}
.ai-study-chip-row span,
.ai-study-feature-list span {
background: linear-gradient(135deg, #E8F5E9, #E3F2FD);
border: 1px solid var(--ai-green-light);
color: var(--ai-blue);
font-weight: 700;
}
.ai-study-kicker {
color: var(--ai-orange);
font-weight: 800;
} .ai-study-tool-camera {
margin-bottom: 14px;
padding: 12px;
border: 2px dashed var(--ai-blue-light);
border-radius: var(--ai-radius);
background: linear-gradient(135deg, #F0F7FF 0%, #FFF8F0 100%);
}
.ai-study-tool-camera-title {
display: block;
margin-bottom: 8px;
color: var(--ai-blue);
font-size: 14px;
}
.ai-study-input-window,
.ai-study-output-window {
display: grid;
gap: 8px;
padding: 10px;
border-radius: 12px;
}
.ai-study-input-window {
border: 2px solid #c2185b;
background: linear-gradient(135deg, #fce4ec 0%, #fff5f8 100%);
}
.ai-study-input-window--scan {
margin-bottom: 14px;
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
}
.ai-study-input-window--scan .ai-study-camera-video,
.ai-study-input-window--scan .ai-study-image-preview,
.ai-study-input-window--scan .ai-study-camera-canvas {
position: relative;
inset: auto;
width: 100%;
max-height: 220px;
aspect-ratio: 16 / 9;
border-radius: 10px;
background: #1a1a2e;
object-fit: contain;
}
.ai-study-input-window--scan .ai-study-camera-toolbar {
position: relative;
z-index: 3;
}
.ai-study-output-window {
margin-top: 14px;
border: 2px solid var(--ai-green);
background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
}
.ai-study-window-label {
display: block;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #880e4f;
}
.ai-study-window-label--output {
color: #1b5e20;
}
.ai-study-tool-camera-box,
.ai-study-camera-box--horizontal {
position: relative;
width: 100%;
aspect-ratio: 21 / 7;
max-height: 96px;
min-height: 72px;
border: 2px solid var(--ai-border);
border-radius: 10px;
background: #1a1a2e;
overflow: hidden;
}
.ai-study-tool-camera-video,
.ai-study-tool-camera-img,
.ai-study-camera-video,
.ai-study-image-preview {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.ai-study-tool-camera-img[hidden],
.ai-study-image-preview[hidden],
.ai-study-tool-camera-video[hidden] {
display: none !important;
}
.ai-study-tool-camera-empty,
.ai-study-camera-empty {
position: absolute;
inset: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
padding: 8px 12px;
text-align: left;
color: #ffffff;
font-size: 12px;
}
.ai-study-tool-camera-empty span,
.ai-study-camera-empty > span:first-child {
font-size: 26px;
flex-shrink: 0;
}
.ai-study-tool-camera-empty strong {
font-size: 13px;
}
.ai-study-tool-camera-toolbar,
.ai-study-camera-toolbar {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: stretch;
}
.ai-study-tool-camera-toolbar .ai-study-primary-button,
.ai-study-tool-camera-toolbar .ai-study-secondary-button,
.ai-study-tool-camera-toolbar .ai-study-upload-button,
.ai-study-camera-toolbar .ai-study-primary-button,
.ai-study-camera-toolbar .ai-study-secondary-button,
.ai-study-camera-toolbar .ai-study-upload-button {
flex: 1 1 calc(25% - 6px);
min-width: 88px;
font-size: 12px;
padding: 7px 8px;
text-align: center;
justify-content: center;
}
.ai-study-compact-label--inline {
flex: 1 1 140px;
min-width: 120px;
margin: 0;
}
.ai-study-compact-label--inline select {
min-height: 36px;
}
.ai-study-tool-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: stretch;
}
.ai-study-tool-actions select,
.ai-study-tool-actions .ai-study-primary-button,
.ai-study-tool-actions .ai-study-secondary-button {
flex: 1 1 140px;
min-width: 0;
max-width: 100%;
}
.ai-study-tool-grid {
display: flex;
flex-direction: column;
gap: 14px;
}
.ai-study-tool-output.ai-study-output-window h3 {
margin: 0 0 8px;
font-size: 16px;
}
.ai-study-tool-grid--reading-layout {
gap: 20px;
width: 100%;
}
.ai-study-tool-grid--reading-layout .ai-study-tool-output {
width: 100%;
}
.ai-study-answer-output--horizontal {
line-height: 1.75;
font-size: 15px;
}
.ai-study-tool-inputs,
.ai-study-tool-output {
min-width: 0;
}
.ai-study-tool-inputs textarea,
.ai-study-tool-inputs select,
.ai-study-tool-inputs input {
width: 100%;
max-width: 100%;
} .ai-study-mobile-quick-grid {
display: none;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-bottom: 16px;
}
.ai-study-mobile-quick-card {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
gap: 2px 10px;
align-items: start;
padding: 12px;
border: 2px solid var(--ai-border);
border-radius: 14px;
background: var(--ai-white);
text-align: left;
cursor: pointer;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.ai-study-mobile-quick-card:nth-child(3n + 1) { border-color: #1B4F9C; background: linear-gradient(135deg, #e3f2fd, #fff); }
.ai-study-mobile-quick-card:nth-child(3n + 2) { border-color: #F58220; background: linear-gradient(135deg, #fff3e0, #fff); }
.ai-study-mobile-quick-card:nth-child(3n) { border-color: #2e7d32; background: linear-gradient(135deg, #e8f5e9, #fff); }
.ai-study-mobile-quick-card:active {
transform: scale(0.98);
}
.ai-study-mobile-quick-card__icon {
grid-row: 1 / 3;
font-size: 28px;
line-height: 1;
}
.ai-study-mobile-quick-card strong {
font-size: 14px;
color: var(--ai-blue);
}
.ai-study-mobile-quick-card small {
grid-column: 2;
color: var(--ai-muted);
font-size: 11px;
line-height: 1.3;
}
.ai-study-stat-card {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 12px;
align-items: center;
padding: 14px;
}
.ai-study-stat-card__icon {
grid-row: 1 / span 3;
font-size: 30px;
line-height: 1;
}
.ai-study-stat-card__body {
display: grid;
gap: 2px;
min-width: 0;
}
.ai-study-stat-card__label {
font-size: 12px;
font-weight: 700;
color: var(--ai-muted);
}
.ai-study-stat-card--action .ai-study-stat-card__body {
gap: 8px;
}
.ai-study-master-card {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 12px;
align-items: start;
text-align: left;
}
.ai-study-master-card__icon {
grid-row: 1 / span 2;
font-size: 32px;
line-height: 1;
}
.ai-study-master-card__body {
min-width: 0;
}
.ai-study-master-card__body h3,
.ai-study-master-card h3 {
margin: 0 0 4px;
font-size: 15px;
}
.ai-study-master-card__body p,
.ai-study-master-card p {
margin: 0;
font-size: 12px;
line-height: 1.35;
}
@media (max-width: 900px) {
.ai-study-shell {
grid-template-columns: 1fr;
}
.ai-study-dashboard {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.ai-study-main {
padding: 10px 8px;
}
.ai-study-tool-grid,
.ai-study-answer-layout,
.ai-study-answer-layout--stacked {
grid-template-columns: 1fr !important;
}
.ai-study-tool-camera-toolbar .ai-study-primary-button,
.ai-study-tool-camera-toolbar .ai-study-secondary-button,
.ai-study-tool-camera-toolbar .ai-study-upload-button,
.ai-study-camera-toolbar .ai-study-primary-button,
.ai-study-camera-toolbar .ai-study-secondary-button,
.ai-study-camera-toolbar .ai-study-upload-button {
flex: 1 1 calc(50% - 4px);
}
.ai-study-compact-label--inline {
flex: 1 1 100%;
}
.ai-study-tool-actions select,
.ai-study-tool-actions .ai-study-primary-button,
.ai-study-tool-actions .ai-study-secondary-button {
flex: 1 1 100%;
width: 100%;
}
.ai-study-stat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ai-study-hero {
grid-template-columns: 1fr;
}
.ai-study-hero h2,
.ai-study-scan-hero h2 {
font-size: 22px;
}
}
@media (max-width: 480px) {
.ai-study-dashboard {
margin: 0;
padding: 0;
max-width: 100%;
}
.ai-study-shell {
border-radius: 0;
border-left: 0;
border-right: 0;
}
.ai-study-main {
padding: 10px;
}
.ai-study-stat-grid {
grid-template-columns: 1fr;
}
.ai-study-streak-grid {
grid-template-columns: 1fr;
}
.ai-study-master-card-grid {
grid-template-columns: 1fr !important;
}
.ai-study-english-tool-grid {
grid-template-columns: 1fr !important;
}
.ai-study-table-controls,
.ai-study-table-controls--wide,
.ai-study-table-controls--english {
grid-template-columns: 1fr !important;
}
.ai-study-buddy-card {
grid-template-columns: 1fr;
text-align: center;
}
.ai-study-buddy-actions {
justify-content: center;
}
.ai-study-subscription-grid {
grid-template-columns: 1fr !important;
}
}
.ai-study-secondary-button,
.ai-study-upload-button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #c8d6e2;
background: #ffffff;
color: #183247;
}
.ai-study-link-button {
border: 0;
background: transparent;
color: #0b67a3;
}
.ai-study-stat-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 18px;
}
.ai-study-buddy-card {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
gap: 16px;
align-items: center;
margin-bottom: 18px;
padding: 18px;
border: 1px solid #d7d1ef;
border-radius: 8px;
background: #fbf9ff;
}
.ai-study-buddy-avatar {
display: grid;
place-items: center;
width: 84px;
height: 84px;
border-radius: 50%;
border: 3px solid #8c7ad8;
background: #ffffff;
color: #51429a;
font-size: 26px;
font-weight: 900;
}
.ai-study-buddy-card h3 {
margin: 0 0 6px;
font-size: 22px;
}
.ai-study-buddy-card p {
margin: 0 0 12px;
color: #526070;
}
.ai-study-buddy-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
.ai-study-buddy-message {
padding: 10px 12px;
border-radius: 8px;
background: #ffffff;
color: #344054;
font-weight: 700;
}
.ai-study-streak-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 18px;
}
.ai-study-streak-badge {
padding: 16px;
border: 1px solid #dce4ec;
border-radius: 8px;
background: #ffffff;
}
.ai-study-streak-badge.is-unlocked {
border-color: #b8d8c0;
background: #f4fbf5;
}
.ai-study-streak-badge strong,
.ai-study-streak-badge span {
display: block;
}
.ai-study-streak-badge span {
margin-top: 6px;
color: #667085;
}
.ai-study-stat-card,
.ai-study-section,
.ai-study-result-box,
.ai-study-subscription-box {
padding: 18px;
border: 1px solid #dce4ec;
border-radius: 8px;
background: #ffffff;
}
.ai-study-stat-card span:not(.ai-study-stat-card__icon),
.ai-study-stat-card small,
.ai-study-subscription-box span {
display: block;
color: #667085;
}
.ai-study-stat-card__label {
display: block;
color: #667085;
}
.ai-study-stat-card strong {
display: block;
margin: 4px 0 2px;
font-size: 22px;
}
.ai-study-stat-card--action {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 12px;
}
.ai-study-section__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.ai-study-section__header h2,
.ai-study-section__header h3 {
margin: 0;
}
.ai-study-dashboard__blocked {
margin-bottom: 18px;
padding: 12px 14px;
border-left: 4px solid #c93535;
background: #fff2f2;
color: #8a1f1f;
}
.ai-study-camera-grid {
display: none;
}
.ai-study-camera-box {
position: relative;
display: grid;
place-items: center;
overflow: hidden;
border: 1px solid #cddce9;
border-radius: 8px;
background: #111827;
}
.ai-study-camera-box:not(.ai-study-camera-box--horizontal) {
min-height: 360px;
}
.ai-study-camera-actions {
display: none;
}
.ai-study-camera-toolbar {
display: flex;
}
.ai-study-compact-label {
display: grid;
gap: 6px;
color: #344054;
font-size: 13px;
font-weight: 700;
}
.ai-study-compact-label select {
min-height: 40px;
width: 100%;
padding: 8px 10px;
border: 1px solid #c8d6e2;
border-radius: 8px;
background: #ffffff;
color: #182033;
}
.ai-study-smart-ocr-box {
display: grid;
grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
gap: 14px;
margin-bottom: 14px;
padding: 16px;
border: 1px solid #bdd7e9;
border-radius: 8px;
background: #f2f9ff;
}
.ai-study-smart-ocr-box strong {
display: block;
margin-bottom: 6px;
color: #0b4778;
}
.ai-study-smart-ocr-box p {
margin: 0;
color: #526070;
line-height: 1.45;
}
.ai-study-revision-box,
.ai-study-weakness-box {
display: grid;
gap: 12px;
margin-top: 2px;
margin-bottom: 14px;
padding: 16px;
border: 1px solid #cfe0d3;
border-radius: 8px;
background: #f5fbf6;
}
.ai-study-revision-box {
grid-template-columns: minmax(0, 1fr) max-content;
align-items: center;
}
.ai-study-revision-box strong,
.ai-study-weakness-box strong {
display: block;
margin-bottom: 6px;
color: #235b35;
}
.ai-study-revision-box p,
.ai-study-weakness-box p,
.ai-study-output-block p {
margin: 0;
color: #526070;
line-height: 1.45;
}
.ai-study-output-block h4 {
margin: 0 0 10px;
}
.ai-study-output-block ol,
.ai-study-output-block ul {
margin-top: 8px;
margin-bottom: 8px;
padding-left: 22px;
}
.ai-study-premium-box {
display: grid;
gap: 10px;
padding: 16px;
border: 1px solid #d8c58c;
border-radius: 8px;
background: #fffaf0;
}
.ai-study-premium-badge {
width: fit-content;
padding: 5px 9px;
border-radius: 8px;
background: #7a5600;
color: #ffffff;
font-size: 12px;
font-weight: 800;
}
.ai-study-premium-box strong {
color: #5a3d00;
font-size: 18px;
}
.ai-study-premium-box p {
margin: 0;
color: #5f5a4d;
line-height: 1.45;
}
.ai-study-premium-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ai-study-chat-row {
margin: 8px 0;
padding: 10px 12px;
border-radius: 8px;
line-height: 1.45;
}
.ai-study-chat-user {
background: #eef7ff;
color: #18435e;
}
.ai-study-chat-ai {
background: #f4fbf5;
color: #235b35;
}
.ai-study-feature-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
.ai-study-feature-list span {
padding: 8px 10px;
border: 1px solid #d6e3ee;
border-radius: 8px;
background: #ffffff;
color: #344054;
font-size: 13px;
}
.ai-study-answer-layout {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.ai-study-answer-layout--stacked {
grid-template-columns: 1fr;
}
.ai-study-result-box--horizontal textarea {
min-height: 72px;
max-height: 120px;
}
.ai-study-result-box--horizontal .ai-study-answer-output {
line-height: 1.75;
}
.ai-study-result-box h3 {
margin: 0 0 10px;
}
.ai-study-result-box textarea {
width: 100%;
min-height: 150px;
padding: 12px;
border: 1px solid #c8d6e2;
border-radius: 8px;
resize: vertical;
}
.ai-study-answer-output {
padding: 16px 18px;
border: 1px solid #c8d6e2;
border-radius: 12px;
background: #f8fafc;
color: #344054;
line-height: 1.75;
font-size: 15px;
}
.ai-study-save-note {
margin: 12px 0 0;
padding-top: 10px;
border-top: 1px solid #dce4ec;
color: #0b67a3;
font-weight: 700;
}
.ai-study-history-list {
display: grid;
gap: 10px;
}
.ai-study-history-item {
padding: 14px;
border: 1px solid #dce4ec;
border-radius: 8px;
background: #ffffff;
}
.ai-study-history-item span {
color: #0b67a3;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.ai-study-history-item h4 {
margin: 6px 0;
}
.ai-study-history-item p,
.ai-study-empty-state {
margin: 0;
color: #667085;
}
.ai-study-subscription-box {
display: grid;
gap: 8px;
}
.ai-study-subscription-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-bottom: 14px;
}
.ai-study-subscription-box p {
margin: 0;
color: #526070;
}
.ai-study-tool-panel {
display: grid;
gap: 16px;
}
.ai-study-tool-grid {
display: flex;
flex-direction: column;
gap: 14px;
}
.ai-study-tool-inputs,
.ai-study-tool-output {
display: grid;
align-content: start;
gap: 12px;
}
.ai-study-chip-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ai-study-chip-row span {
padding: 8px 10px;
border: 1px solid #bdd7e9;
border-radius: 8px;
background: #eef7ff;
color: #18435e;
font-size: 13px;
font-weight: 700;
}
.ai-study-field-label {
display: grid;
gap: 8px;
color: #344054;
font-weight: 700;
min-width: 0;
white-space: normal;
overflow-wrap: break-word;
}
.ai-study-file-input,
.ai-study-field-label textarea,
.ai-study-tool-actions select {
width: 100%;
border: 1px solid #c8d6e2;
border-radius: 8px;
background: #ffffff;
color: #182033;
}
.ai-study-file-input,
.ai-study-tool-actions select {
min-height: 42px;
padding: 8px 10px;
}
.ai-study-field-label textarea {
min-height: 170px;
padding: 12px;
resize: vertical;
font-weight: 400;
}
.ai-study-file-name {
margin: -4px 0 2px;
color: #667085;
font-size: 13px;
}
.ai-study-tool-actions {
display: grid;
grid-template-columns: minmax(0, 150px) minmax(0, 150px) max-content max-content;
gap: 10px;
align-items: center;
}
.ai-study-premium-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-bottom: 12px;
}
.ai-study-premium-fields input,
.ai-study-premium-fields select {
width: 100%;
min-height: 42px;
border: 1px solid #c9d4df;
border-radius: 8px;
padding: 10px 12px;
}
.ai-study-premium-previews {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 8px;
margin: 10px 0 12px;
}
.ai-study-premium-previews img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 8px;
border: 1px solid #dce4ec;
}
.ai-study-warning-inline {
background: #fff8e6;
border: 1px solid #ffe1a3;
color: #8a5a00;
border-radius: 8px;
padding: 10px 12px;
font-weight: 700;
}
.ai-study-master-card-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin: 14px 0 18px;
}
.ai-study-master-card {
background: #fff;
border: 1px solid #dce4ec;
border-radius: 12px;
padding: 12px;
min-height: auto;
}
.ai-study-master-card.is-highlighted {
border-color: #2e90fa;
background: #eff8ff;
}
.ai-study-master-card h3 {
margin: 0 0 8px;
font-size: 16px;
}
.ai-study-master-card p {
margin: 0;
color: #667085;
font-size: 13px;
}
.ai-study-table-builder {
background: #fff;
border: 1px solid #dce4ec;
border-radius: 12px;
padding: 18px;
width: 100%;
}
.ai-study-table-output {
padding: 18px 20px;
margin-top: 12px;
border: 1px solid #dce4ec;
border-radius: 12px;
background: #f8fafc;
color: #344054;
line-height: 1.75;
font-size: 15px;
width: 100%;
}
.ai-study-table-controls {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
align-items: end;
margin-bottom: 14px;
}
.ai-study-table-controls--wide {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.ai-study-table-controls--english {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.ai-study-table-controls > .ai-study-primary-button,
.ai-study-table-controls > .ai-study-secondary-button {
width: 100%;
justify-self: stretch;
}
.ai-study-calculation-result ol,
.ai-study-formula-result ol {
margin-top: 12px;
}
.ai-study-graph-placeholder {
min-height: 220px;
border: 1px dashed #98a2b3;
border-radius: 8px;
background: linear-gradient(90deg, rgba(152,162,179,.18) 1px, transparent 1px), linear-gradient(rgba(152,162,179,.18) 1px, transparent 1px);
background-size: 28px 28px;
padding: 16px;
display: grid;
align-content: center;
text-align: center;
}
.ai-study-vocab-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.ai-study-vocab-card {
border: 1px solid #e4eaf1;
border-radius: 8px;
background: #f7f9fc;
padding: 14px;
}
.ai-study-vocab-card h5 {
margin: 0 0 10px;
font-size: 18px;
}
.ai-study-vocab-card p {
margin: 6px 0;
}
.ai-study-english-tool-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.ai-study-english-tool-card {
border: 1px solid #e4eaf1;
border-radius: 8px;
background: #fff;
padding: 14px;
}
.ai-study-english-tool-card h4 {
margin: 0 0 8px;
}
.ai-study-english-tool-controls {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 10px 0;
}
.ai-study-english-tool-card textarea,
.ai-study-english-tool-card select {
width: 100%;
border: 1px solid #c9d4df;
border-radius: 8px;
padding: 10px 12px;
}
.ai-study-table-lines {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.ai-study-table-lines div {
display: flex;
justify-content: space-between;
gap: 12px;
border: 1px solid #e4eaf1;
border-radius: 8px;
padding: 10px 12px;
background: #f7f9fc;
}
.ai-study-tool-output h3 {
margin: 0;
}
.ai-study-feature-list--wide {
margin-top: 2px;
}
.ai-study-advanced {
max-width: 1120px;
margin: 24px auto;
padding: 0 16px;
color: #172033;
}
.ai-study-advanced-header {
margin-bottom: 16px;
}
.ai-study-advanced-header h2 {
margin: 0 0 8px;
font-size: 30px;
line-height: 1.15;
}
.ai-study-advanced-header p {
margin: 0;
color: #667085;
}
.ai-study-advanced-card,
.ai-study-question-card {
background: #fff;
border: 1px solid #dce4ec;
border-radius: 8px;
padding: 18px;
margin-bottom: 14px;
box-shadow: 0 8px 24px rgba(22, 34, 51, .06);
}
.ai-study-advanced-grid {
display: grid;
gap: 12px;
margin-bottom: 12px;
}
.ai-study-advanced-grid--two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ai-study-advanced-grid--four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ai-study-field {
display: grid;
gap: 6px;
font-weight: 700;
}
.ai-study-field input,
.ai-study-field select,
.ai-study-field textarea,
.ai-study-filter-bar input,
.ai-study-filter-bar select,
.ai-study-inline-form input,
.ai-study-inline-form select {
width: 100%;
min-height: 42px;
border: 1px solid #c9d4df;
border-radius: 8px;
padding: 10px 12px;
background: #fff;
color: #172033;
}
.ai-study-field textarea {
resize: vertical;
}
.ai-study-filter-bar,
.ai-study-inline-form,
.ai-study-card-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: end;
margin-bottom: 14px;
}
.ai-study-filter-bar label {
display: grid;
gap: 6px;
flex: 1 1 170px;
font-weight: 700;
}
.ai-study-inline-form > * {
flex: 1 1 160px;
}
.ai-study-advanced-list {
display: grid;
gap: 14px;
}
.ai-study-advanced-list--grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ai-study-meta-row,
.ai-study-chip-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
.ai-study-meta-row span,
.ai-study-chip-row span {
background: #eef6f1;
color: #1f6f4a;
border-radius: 999px;
padding: 5px 10px;
font-size: 12px;
font-weight: 700;
}
.ai-study-answer-box {
background: #f7f9fc;
border: 1px solid #e4eaf1;
border-radius: 8px;
padding: 12px;
}
.ai-study-warning,
.ai-study-success {
border-radius: 8px;
padding: 12px 14px;
margin-bottom: 14px;
font-weight: 700;
}
.ai-study-warning {
background: #fff8e6;
color: #8a5a00;
border: 1px solid #ffe1a3;
}
.ai-study-success {
background: #ecfdf3;
color: #05603a;
border: 1px solid #abefc6;
}
.ai-study-timer {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 92px;
min-height: 44px;
background: #172033;
color: #fff;
border-radius: 8px;
font-weight: 800;
letter-spacing: 0;
margin-bottom: 12px;
}
.ai-study-timer.is-finished {
background: #b42318;
}
.ai-study-question-card {
display: grid;
gap: 10px;
}
.ai-study-question-card legend {
font-weight: 800;
margin-bottom: 8px;
}
.ai-study-question-card label {
display: flex;
gap: 8px;
align-items: flex-start;
}
.ai-study-history-row {
display: flex;
justify-content: space-between;
gap: 12px;
border-bottom: 1px solid #edf1f6;
padding: 10px 0;
}
.ai-study-result-details {
margin: 8px 0 12px;
}
.ai-study-progress-line {
height: 10px;
background: #edf1f6;
border-radius: 999px;
overflow: hidden;
}
.ai-study-progress-line span {
display: block;
height: 100%;
background: #2e90fa;
}
.ai-study-report-card .ai-study-advanced-grid > div {
display: grid;
gap: 6px;
background: #f7f9fc;
border: 1px solid #e4eaf1;
border-radius: 8px;
padding: 12px;
}
.ai-study-flashcard-stack {
display: grid;
gap: 12px;
}
.ai-study-flashcard {
background: #fff;
border: 1px solid #dce4ec;
border-radius: 8px;
padding: 18px;
}
.ai-study-flashcard span {
color: #667085;
font-weight: 700;
}
.ai-study-flashcard h3 {
margin: 8px 0 12px;
}
@media (max-width: 900px) {
.ai-study-shell,
.ai-study-hero,
.ai-study-auth-grid,
.ai-study-camera-grid,
.ai-study-answer-layout,
.ai-study-tool-grid,
.ai-study-subscription-grid,
.ai-study-smart-ocr-box,
.ai-study-revision-box,
.ai-study-buddy-card,
.ai-study-streak-grid,
.ai-study-advanced-grid--two,
.ai-study-advanced-grid--four,
.ai-study-advanced-list--grid {
grid-template-columns: 1fr;
}
.ai-study-stat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.ai-study-dashboard,
.ai-study-auth-shell {
width: 100%;
margin: 0;
padding: 0;
border-left: 0;
border-right: 0;
}
.ai-study-shell {
min-height: auto;
border-left: 0;
border-right: 0;
}
.ai-study-main {
padding: 10px;
}
.ai-study-auth-hero,
.ai-study-auth-card,
.ai-study-section,
.ai-study-stat-card,
.ai-study-result-box,
.ai-study-subscription-box {
padding: 14px;
}
.ai-study-hero h2,
.ai-study-scan-hero h2,
.ai-study-auth-hero h2 {
font-size: 23px;
}
.ai-study-stat-grid {
grid-template-columns: 1fr;
}
.ai-study-camera-box {
min-height: 260px;
}
.ai-study-tool-actions {
grid-template-columns: 1fr;
}
.ai-study-premium-fields,
.ai-study-premium-previews,
.ai-study-master-card-grid,
.ai-study-table-controls,
.ai-study-table-lines,
.ai-study-table-controls--english,
.ai-study-vocab-grid,
.ai-study-english-tool-grid,
.ai-study-english-tool-controls {
grid-template-columns: 1fr;
}
.ai-study-advanced {
padding: 0 10px;
margin: 10px auto;
}
.ai-study-advanced-header h2 {
font-size: 24px;
}
.ai-study-filter-bar,
.ai-study-inline-form,
.ai-study-card-actions {
display: grid;
grid-template-columns: 1fr;
}
.ai-study-history-row {
display: grid;
}
.ai-study-primary-button,
.ai-study-secondary-button,
.ai-study-upload-button,
.ai-study-link-button {
width: 100%;
justify-content: center;
white-space: normal;
}
} .ai-study-dashboard {
background: #fff8fd;
border-radius: 18px;
}
.ai-study-shell {
overflow: hidden;
border: 0;
border-radius: 18px;
background: linear-gradient(135deg, #fff7e8 0%, #eef8ff 45%, #fff0fb 100%);
box-shadow: 0 18px 45px rgba(66, 88, 130, .18);
}
.ai-study-tabs {
border-right: 0;
background:
radial-gradient(circle at 18% 8%, rgba(255, 215, 105, .95) 0 34px, transparent 35px),
radial-gradient(circle at 88% 20%, rgba(126, 224, 255, .9) 0 28px, transparent 29px),
radial-gradient(circle at 22% 88%, rgba(255, 146, 198, .75) 0 34px, transparent 35px),
linear-gradient(180deg, #6c5ce7 0%, #00b8d9 52%, #35d07f 100%);
box-shadow: inset -1px 0 0 rgba(255, 255, 255, .35);
}
.ai-study-student-profile {
border: 2px solid rgba(255, 255, 255, .75);
border-radius: 16px;
background: rgba(255, 255, 255, .92);
box-shadow: 0 10px 22px rgba(27, 43, 92, .18);
}
.ai-study-student-profile strong {
color: #4a2fb5;
font-size: 17px;
}
.ai-study-student-profile span {
color: #007c89;
font-weight: 800;
}
.ai-study-logout-button {
border: 0;
background: linear-gradient(135deg, #ff6b6b, #ff9f43);
color: #fff;
box-shadow: 0 6px 14px rgba(255, 107, 107, .3);
}
.ai-study-tab {
position: relative;
overflow: hidden;
margin-bottom: 8px;
border: 2px solid rgba(255, 255, 255, .38);
border-radius: 14px;
background: rgba(255, 255, 255, .20);
color: #fff;
font-weight: 800;
box-shadow: 0 8px 18px rgba(32, 50, 110, .14);
transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.ai-study-tab:nth-of-type(4n + 1) {
background: rgba(255, 122, 162, .42);
}
.ai-study-tab:nth-of-type(4n + 2) {
background: rgba(255, 209, 102, .42);
}
.ai-study-tab:nth-of-type(4n + 3) {
background: rgba(78, 205, 196, .42);
}
.ai-study-tab:nth-of-type(4n + 4) {
background: rgba(126, 87, 194, .42);
}
.ai-study-tab:hover,
.ai-study-tab.is-active {
transform: translateX(4px);
border-color: #fff;
background: #fff;
color: #4a2fb5;
box-shadow: 0 12px 24px rgba(27, 43, 92, .25);
}
.ai-study-main {
background:
linear-gradient(90deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .86)),
radial-gradient(circle at 100% 0%, rgba(255, 214, 102, .35), transparent 260px),
radial-gradient(circle at 0% 100%, rgba(78, 205, 196, .32), transparent 280px);
}
.ai-study-hero,
.ai-study-scan-hero,
.ai-study-auth-hero {
border: 0;
border-radius: 18px;
background:
linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 250, 231, .92)),
linear-gradient(135deg, #ff9ff3, #feca57 35%, #48dbfb 70%, #1dd1a1);
box-shadow: 0 14px 35px rgba(67, 83, 125, .16);
}
.ai-study-kicker {
color: #d63384;
letter-spacing: 0;
}
.ai-study-primary-button {
border: 0;
background: linear-gradient(135deg, #ff6b6b 0%, #feca57 52%, #1dd1a1 100%);
color: #fff;
box-shadow: 0 8px 18px rgba(255, 107, 107, .25);
}
.ai-study-secondary-button,
.ai-study-upload-button,
.ai-study-link-button {
border: 2px solid #c7f0ff;
background: #ffffff;
color: #4a2fb5;
box-shadow: 0 6px 14px rgba(72, 219, 251, .18);
}
.ai-study-stat-card,
.ai-study-section,
.ai-study-result-box,
.ai-study-subscription-box,
.ai-study-table-builder,
.ai-study-advanced-card,
.ai-study-question-card,
.ai-study-english-tool-card,
.ai-study-vocab-card {
border: 0;
border-radius: 16px;
background: rgba(255, 255, 255, .95);
box-shadow: 0 10px 26px rgba(66, 88, 130, .12);
}
.ai-study-stat-card:nth-child(4n + 1),
.ai-study-master-card:nth-child(4n + 1) {
background: linear-gradient(135deg, #fff, #fff1f8);
}
.ai-study-stat-card:nth-child(4n + 2),
.ai-study-master-card:nth-child(4n + 2) {
background: linear-gradient(135deg, #fff, #fff8df);
}
.ai-study-stat-card:nth-child(4n + 3),
.ai-study-master-card:nth-child(4n + 3) {
background: linear-gradient(135deg, #fff, #e9fbff);
}
.ai-study-stat-card:nth-child(4n + 4),
.ai-study-master-card:nth-child(4n + 4) {
background: linear-gradient(135deg, #fff, #ebfff4);
}
.ai-study-master-card {
border: 0;
border-radius: 16px;
box-shadow: 0 10px 22px rgba(66, 88, 130, .12);
}
.ai-study-master-card.is-highlighted {
border: 2px solid #48dbfb;
background: linear-gradient(135deg, #e9fbff, #fff8df);
}
.ai-study-buddy-card {
border: 0;
border-radius: 18px;
background: linear-gradient(135deg, #fef3ff 0%, #e8f9ff 48%, #ecfff4 100%);
box-shadow: 0 14px 34px rgba(108, 92, 231, .18);
}
.ai-study-buddy-avatar,
.ai-study-camera-mark {
background: linear-gradient(135deg, #6c5ce7, #ff6bcb);
color: #fff;
}
.ai-study-field-label input,
.ai-study-field-label select,
.ai-study-field-label textarea,
.ai-study-auth-card input[type="text"],
.ai-study-auth-card input[type="email"],
.ai-study-auth-card input[type="tel"],
.ai-study-auth-card input[type="password"] {
border: 2px solid #dff3ff;
border-radius: 12px;
background: #fff;
}
.ai-study-answer-box,
.ai-study-table-lines div {
border: 0;
border-radius: 14px;
background: #f3fbff;
}
@media (max-width: 900px) {
.ai-study-tabs {
background: linear-gradient(90deg, #6c5ce7, #00b8d9, #35d07f);
}
.ai-study-tab:hover,
.ai-study-tab.is-active {
transform: translateY(-2px);
}
} @keyframes aiStudyFloatSoft {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.ai-study-hero__media,
.ai-study-buddy-avatar,
.ai-study-camera-mark {
animation: aiStudyFloatSoft 4s ease-in-out infinite;
}
@media (max-width: 900px) {
.ai-study-shell { border-radius: 22px !important; }
}
@media (max-width: 560px) {
.ai-study-dashboard { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.ai-study-hero,
.ai-study-scan-hero,
.ai-study-auth-hero { border-radius: 12px !important; }
}
.ai-study-subscription-current {
margin-top: 14px;
border: 2px solid var(--card-border, var(--ai-primary-light)) !important;
background: var(--card-hover-bg, var(--section-bg)) !important;
}
.ai-study-price {
display: block;
font-size: 28px;
font-weight: 800;
color: var(--primary, var(--ai-primary));
margin: 8px 0;
} .ai-study-hero--compact {
display: flex;
align-items: flex-start;
gap: 14px;
grid-template-columns: none;
}
.ai-study-hero-icon {
flex-shrink: 0;
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 14px;
font-size: 26px;
}
.ai-study-hero__body {
flex: 1;
min-width: 0;
}
.ai-study-hero--compact .ai-study-hero__media,
.ai-study-hero--compact .ai-study-camera-mark {
display: none !important;
}
.ai-study-buddy-card--compact {
grid-template-columns: auto 1fr;
gap: 12px;
align-items: start;
}
.ai-study-buddy-icon {
flex-shrink: 0;
display: grid;
place-items: center;
width: 44px;
height: 44px;
border-radius: 50%;
font-size: 22px;
}
.ai-study-buddy-card--compact .ai-study-buddy-avatar {
display: none !important;
}
.ai-study-camera-toolbar--compact {
margin-top: 4px;
}
.ai-study-mobile-quick-section {
display: none;
margin-bottom: 16px;
}
.ai-study-mobile-quick-heading {
margin: 0 0 10px;
font-size: 16px;
font-weight: 800;
}
.ai-study-mobile-quick-grid {
display: none;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.ai-study-mobile-quick-card {
display: flex;
align-items: center;
gap: 10px;
padding: 14px 12px;
border-radius: 16px;
text-align: left;
cursor: pointer;
transition: transform var(--transition, 300ms ease);
min-height: 76px;
}
.ai-study-mobile-quick-card:active {
transform: scale(0.98);
}
.ai-study-mobile-quick-card__icon {
flex-shrink: 0;
display: grid;
place-items: center;
width: 42px;
height: 42px;
border-radius: 12px;
font-size: 22px;
}
.ai-study-mobile-quick-card__content {
flex: 1;
min-width: 0;
}
.ai-study-mobile-quick-card__content strong {
display: block;
font-size: 14px;
line-height: 1.2;
color: inherit;
}
.ai-study-mobile-quick-card__content small {
display: block;
margin-top: 3px;
font-size: 11px;
opacity: 0.9;
color: inherit;
}
.ai-study-mobile-quick-card__arrow {
flex-shrink: 0;
font-size: 18px;
opacity: 0.85;
}
@media (max-width: 900px) {
.ai-study-mobile-quick-section,
.ai-study-mobile-quick-grid {
display: none;
}
.ai-study-hero--compact {
flex-direction: column;
}
.ai-study-hero-icon {
width: 48px;
height: 48px;
font-size: 24px;
}
.ai-study-hero h2,
.ai-study-scan-hero h2 {
font-size: 22px !important;
}
.ai-study-hero__media,
.ai-study-camera-mark,
.ai-study-buddy-avatar {
display: none !important;
animation: none !important;
}
} body.ai-study-clean-auth-body{margin:0!important;background:#f7f9fc!important;overflow-x:hidden!important}
.ep-auth-page{background:#f7f9fc!important;min-height:100vh!important;padding:20px 16px 56px!important;overflow-x:hidden!important}
.ep-auth-page .ai-study-auth-hero{width:100%!important;max-width:980px!important;margin:0 auto 22px!important;padding:24px 18px 15px!important;border:0!important;border-radius:16px!important;text-align:center!important;background:linear-gradient(105deg,#fff7f8 0%,#f3fff0 100%)!important;box-shadow:0 18px 55px rgba(15,23,42,.06)!important}
.ep-auth-tabs,.ep-auth-main-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;max-width:480px!important;margin:0 0 14px!important;padding:6px!important;border:1px solid #d8e2ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.04)!important;overflow:hidden!important}
.ep-auth-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;margin:0!important;padding:12px 10px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#526987!important;font-size:15px!important;font-weight:900!important;line-height:1.1!important;text-align:center!important;box-shadow:none!important;cursor:pointer!important;text-decoration:none!important;white-space:normal!important;text-transform:none!important}
.ep-auth-tab.is-active{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.22)!important}
.ep-auth-panel[hidden],.ep-auth-card[hidden]{display:none!important}
@media (max-width:700px){.ep-auth-tabs,.ep-auth-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ep-auth-page{padding:18px 14px 40px!important}} .ep-auth-page .ep-auth-panel[hidden],
.ep-auth-page .ep-auth-panel:not(.is-active),
.ep-auth-page form.ep-auth-panel[hidden],
.ep-auth-page form.ep-auth-panel:not(.is-active){
display:none!important;
visibility:hidden!important;
height:0!important;
min-height:0!important;
max-height:0!important;
overflow:hidden!important;
margin:0!important;
padding:0!important;
border:0!important;
box-shadow:none!important;
pointer-events:none!important;
}
.ep-auth-page .ep-auth-panel.is-active{
display:flex!important;
visibility:visible!important;
height:auto!important;
max-height:none!important;
overflow:visible!important;
pointer-events:auto!important;
}
.ep-auth-links.ep-auth-action-buttons{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
align-items:stretch!important;
}
.ep-auth-links.ep-auth-action-buttons a,
.ep-auth-links.ep-auth-action-buttons button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:38px!important;
padding:9px 12px!important;
border:1px solid rgba(37,99,235,.18)!important;
border-radius:12px!important;
background:#f8fbff!important;
color:#2563eb!important;
font-size:13px!important;
font-weight:900!important;
text-align:center!important;
text-decoration:none!important;
box-shadow:0 6px 16px rgba(37,99,235,.06)!important;
cursor:pointer!important;
}
.ep-auth-links.ep-auth-action-buttons a:hover,
.ep-auth-links.ep-auth-action-buttons button:hover{
background:#eef5ff!important;
border-color:rgba(37,99,235,.35)!important;
}
@media (max-width:480px){
.ep-auth-links.ep-auth-action-buttons{grid-template-columns:1fr!important;}
} @media (max-width: 700px) {
html,
body.ai-study-clean-auth-body {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.ai-study-clean-auth-body #page,
body.ai-study-clean-auth-body .site,
body.ai-study-clean-auth-body .site-content,
body.ai-study-clean-auth-body .content-area,
body.ai-study-clean-auth-body main,
body.ai-study-clean-auth-body .entry-content,
body.ai-study-clean-auth-body .wp-block-shortcode,
body.ai-study-clean-auth-body .ast-container {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.ep-auth-page {
width: 100vw !important;
max-width: 100vw !important;
min-width: 0 !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 12px 10px 34px !important;
min-height: 100svh !important;
}
.entry-content > .ep-auth-page,
.wp-block-shortcode > .ep-auth-page,
.site-main .ep-auth-page,
.ast-container .ep-auth-page {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.ep-auth-page .ai-study-auth-hero {
width: 100% !important;
max-width: none !important;
margin: 0 0 14px !important;
padding: 18px 12px 14px !important;
border-radius: 14px !important;
}
.ep-auth-page .ai-study-auth-hero span {
padding: 6px 11px !important;
font-size: 10px !important;
letter-spacing: .10em !important;
}
.ep-auth-page .ai-study-auth-hero h2 {
margin: 14px 0 8px !important;
font-size: clamp(24px, 7.8vw, 32px) !important;
line-height: 1.12 !important;
letter-spacing: -0.03em !important;
}
.ep-auth-page .ai-study-auth-hero p {
max-width: 100% !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
.ep-auth-shell.ai-study-auth-grid,
.ep-auth-page .ep-auth-shell,
.ep-auth-page .ai-study-auth-grid,
.ep-auth-page .ai-study-auth-grid-single {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.ep-auth-tabs,
.ep-auth-main-tabs {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 6px !important;
margin: 0 0 10px !important;
padding: 5px !important;
border-radius: 14px !important;
}
.ep-auth-tab {
min-height: 46px !important;
padding: 9px 7px !important;
border-radius: 10px !important;
font-size: 12px !important;
line-height: 1.12 !important;
}
.ep-auth-card.ai-study-auth-card,
.ep-auth-page .ai-study-auth-card {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 18px 14px !important;
gap: 12px !important;
border-radius: 14px !important;
}
.ep-auth-page .ai-study-auth-card h3 {
font-size: 21px !important;
line-height: 1.2 !important;
}
.ep-auth-page .ai-study-auth-card label,
.ep-auth-page .ai-study-auth-check span {
font-size: 12px !important;
}
.ep-auth-page .ai-study-auth-card input,
.ep-auth-page .ai-study-auth-card textarea,
.ep-auth-page .ai-study-auth-card select {
min-height: 44px !important;
padding: 10px 12px !important;
font-size: 16px !important;
}
.ep-auth-page .ai-study-primary-button {
min-height: 44px !important;
padding: 11px 14px !important;
font-size: 13px !important;
}
.ep-auth-links.ep-auth-action-buttons {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.ep-auth-links.ep-auth-action-buttons a,
.ep-auth-links.ep-auth-action-buttons button {
min-height: 36px !important;
padding: 8px 8px !important;
font-size: 12px !important;
border-radius: 10px !important;
}
}
@media (max-width: 360px) {
.ep-auth-page { padding-left: 8px !important; padding-right: 8px !important; }
.ep-auth-tab { font-size: 11px !important; }
.ep-auth-links.ep-auth-action-buttons { grid-template-columns: 1fr !important; }
} @media (max-width: 1024px), (max-device-width: 1024px) {
html.ai-study-auth-mobile-fit-ready,
html.ai-study-auth-mobile-fit-ready body,
body.ai-study-clean-auth-body {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
overflow-x: hidden !important;
background: #f7f9fc !important;
}
body.ai-study-clean-auth-body #page,
body.ai-study-clean-auth-body .site,
body.ai-study-clean-auth-body .site-content,
body.ai-study-clean-auth-body .content-area,
body.ai-study-clean-auth-body main,
body.ai-study-clean-auth-body .entry-content,
body.ai-study-clean-auth-body .wp-block-shortcode,
body.ai-study-clean-auth-body .ast-container,
body.ai-study-clean-auth-body .container,
body.ai-study-clean-auth-body .site-container,
body.ai-study-clean-auth-body .wp-site-blocks {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.ep-auth-page,
.entry-content > .ep-auth-page,
.wp-block-shortcode > .ep-auth-page,
.site-main .ep-auth-page,
.ast-container .ep-auth-page {
display: block !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 0 !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 12px 10px 34px !important;
overflow-x: hidden !important;
}
.ep-auth-page .ai-study-auth-hero {
width: 100% !important;
max-width: none !important;
margin: 0 0 12px !important;
padding: 18px 12px 14px !important;
border-radius: 14px !important;
}
.ep-auth-page .ai-study-auth-hero h2 {
margin: 13px 0 8px !important;
font-size: clamp(26px, 7.4vw, 38px) !important;
line-height: 1.12 !important;
}
.ep-auth-page .ai-study-auth-hero p {
max-width: 100% !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
.ep-auth-shell.ai-study-auth-grid,
.ep-auth-page .ep-auth-shell,
.ep-auth-page .ai-study-auth-grid,
.ep-auth-page .ai-study-auth-grid-single {
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.ep-auth-tabs,
.ep-auth-main-tabs {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 6px !important;
margin: 0 0 10px !important;
padding: 5px !important;
border-radius: 14px !important;
}
.ep-auth-tab {
min-height: 48px !important;
padding: 9px 7px !important;
border-radius: 10px !important;
font-size: clamp(12px, 3.2vw, 14px) !important;
line-height: 1.12 !important;
}
.ep-auth-card.ai-study-auth-card,
.ep-auth-page .ai-study-auth-card {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 18px 14px !important;
gap: 12px !important;
border-radius: 14px !important;
transform: none !important;
}
.ep-auth-page .ai-study-auth-card h3 {
font-size: clamp(22px, 5.6vw, 28px) !important;
line-height: 1.2 !important;
}
.ep-auth-page .ai-study-auth-card label,
.ep-auth-page .ai-study-auth-check span {
font-size: 13px !important;
}
.ep-auth-page .ai-study-auth-card input,
.ep-auth-page .ai-study-auth-card textarea,
.ep-auth-page .ai-study-auth-card select {
min-height: 46px !important;
padding: 10px 12px !important;
font-size: 16px !important;
}
.ep-auth-page .ai-study-primary-button {
min-height: 46px !important;
padding: 11px 14px !important;
font-size: 14px !important;
}
.ep-auth-links.ep-auth-action-buttons {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
}
.ep-auth-links.ep-auth-action-buttons a,
.ep-auth-links.ep-auth-action-buttons button {
min-height: 38px !important;
padding: 8px 8px !important;
font-size: 12px !important;
border-radius: 10px !important;
}
}
@media (max-width: 380px) {
.ep-auth-page,
.entry-content > .ep-auth-page,
.wp-block-shortcode > .ep-auth-page,
.site-main .ep-auth-page,
.ast-container .ep-auth-page {
padding-left: 8px !important;
padding-right: 8px !important;
}
.ep-auth-links.ep-auth-action-buttons {
grid-template-columns: 1fr !important;
}
} .ai-study-live-agent-sync-bar{margin-top:12px;padding:10px 12px;border:1px solid #d8e3ff;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#eefcff);display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;color:#27364b}
.ai-study-live-agent-sync-bar button{border:0;border-radius:999px;background:linear-gradient(135deg,#7057ff,#0cb8cf);color:#fff;font-weight:900;padding:8px 12px;cursor:pointer;box-shadow:0 8px 18px rgba(16,24,40,.12)}
@media (max-width:720px){.ai-study-live-agent-sync-bar{align-items:flex-start;flex-direction:column}.ai-study-live-agent-sync-bar button{width:100%}} .ai-study-dashboard,
.ai-study-shell,
.ai-study-panel,
.ai-study-student-inbox,
.ai-study-student-live-class,
.ai-study-advanced,
.ai-study-teacher-dashboard {
text-rendering: optimizeLegibility;
}
.ai-study-dashboard :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,label,legend,li,td,th,summary,button,a,textarea,input,select),
.ai-study-shell :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,label,legend,li,td,th,summary,button,a,textarea,input,select),
.ai-study-student-inbox :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,label,legend,li,td,th,summary,button,a),
.ai-study-student-live-class :is(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,label,legend,li,td,th,summary,button,a) {
opacity: 1 !important;
} html[data-theme="light"] .ai-study-dashboard :is(h1,h2,h3,h4,h5,h6),
html:not([data-theme]) .ai-study-dashboard :is(h1,h2,h3,h4,h5,h6),
body:not(.dark-mode) .ai-study-dashboard :is(h1,h2,h3,h4,h5,h6),
.ai-study-dashboard:not([data-ai-study-theme="dark"]) :is(h1,h2,h3,h4,h5,h6) {
color: #0f172a !important;
}
html[data-theme="light"] .ai-study-dashboard :is(p,li,small,span,label,td,th,summary),
html:not([data-theme]) .ai-study-dashboard :is(p,li,small,span,label,td,th,summary),
body:not(.dark-mode) .ai-study-dashboard :is(p,li,small,span,label,td,th,summary),
.ai-study-dashboard:not([data-ai-study-theme="dark"]) :is(p,li,small,span,label,td,th,summary) {
color: #334155 !important;
}
html[data-theme="light"] .ai-study-dashboard .ai-study-muted,
html:not([data-theme]) .ai-study-dashboard .ai-study-muted,
body:not(.dark-mode) .ai-study-dashboard .ai-study-muted,
.ai-study-dashboard:not([data-ai-study-theme="dark"]) .ai-study-muted {
color: #475569 !important;
} .ai-study-dashboard :is(.ai-study-primary-button,.ai-study-main-camera-btn,.ai-study-extract-solve-btn,.ai-study-live-listening,.ai-study-live-speaking),
.ai-study-shell :is(.ai-study-primary-button,.ai-study-main-camera-btn,.ai-study-extract-solve-btn,.ai-study-live-listening,.ai-study-live-speaking) {
color: #ffffff !important;
}
.ai-study-dashboard :is(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button),
.ai-study-shell :is(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button) {
color: #1d4ed8 !important;
} html[data-theme="dark"] .ai-study-dashboard :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(h1,h2,h3,h4,h5,h6,strong,label,legend,summary),
body[data-ai-study-theme="dark"] .ai-study-dashboard :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(h1,h2,h3,h4,h5,h6,strong,label,legend,summary),
body.dark-mode .ai-study-dashboard :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(h1,h2,h3,h4,h5,h6,strong,label,legend,summary),
.ai-study-dashboard[data-ai-study-theme="dark"] :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(h1,h2,h3,h4,h5,h6,strong,label,legend,summary) {
color: #f8fafc !important;
}
html[data-theme="dark"] .ai-study-dashboard :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(p,li,span,small,td,th,em),
body[data-ai-study-theme="dark"] .ai-study-dashboard :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(p,li,span,small,td,th,em),
body.dark-mode .ai-study-dashboard :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(p,li,span,small,td,th,em),
.ai-study-dashboard[data-ai-study-theme="dark"] :is(.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output) :is(p,li,span,small,td,th,em) {
color: #dbeafe !important;
} html[data-theme="dark"] .ai-study-dashboard .ai-study-student-inbox :is(h1,h2,h3,h4,h5,h6,strong),
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-inbox__head :is(h1,h2,h3,h4,h5,h6,strong),
body.dark-mode .ai-study-dashboard .ai-study-student-inbox :is(h1,h2,h3,h4,h5,h6,strong),
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-inbox :is(h1,h2,h3,h4,h5,h6,strong) {
color: #f8fafc !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-inbox :is(p,span,small,.ai-study-muted),
body.dark-mode .ai-study-dashboard .ai-study-student-inbox :is(p,span,small,.ai-study-muted),
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-inbox :is(p,span,small,.ai-study-muted) {
color: #dbeafe !important;
} html[data-theme="dark"] .ai-study-dashboard .ai-study-student-live-class :is(h1,h2,h3,h4,h5,h6,strong),
body.dark-mode .ai-study-dashboard .ai-study-student-live-class :is(h1,h2,h3,h4,h5,h6,strong),
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-live-class :is(h1,h2,h3,h4,h5,h6,strong) {
color: #0f172a !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-live-class :is(p,span,small,.ai-study-muted),
body.dark-mode .ai-study-dashboard .ai-study-student-live-class :is(p,span,small,.ai-study-muted),
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-live-class :is(p,span,small,.ai-study-muted) {
color: #334155 !important;
} html[data-theme="dark"] .ai-study-dashboard :is(input,textarea,select,.ai-study-answer-box,.ai-study-output-window,.ai-study-input-window),
body.dark-mode .ai-study-dashboard :is(input,textarea,select,.ai-study-answer-box,.ai-study-output-window,.ai-study-input-window),
.ai-study-dashboard[data-ai-study-theme="dark"] :is(input,textarea,select,.ai-study-answer-box,.ai-study-output-window,.ai-study-input-window) {
color: #f8fafc !important;
}
html[data-theme="dark"] .ai-study-dashboard :is(input,textarea)::placeholder,
body.dark-mode .ai-study-dashboard :is(input,textarea)::placeholder,
.ai-study-dashboard[data-ai-study-theme="dark"] :is(input,textarea)::placeholder {
color: #cbd5e1 !important;
opacity: 1 !important;
}
html[data-theme="light"] .ai-study-dashboard :is(input,textarea)::placeholder,
html:not([data-theme]) .ai-study-dashboard :is(input,textarea)::placeholder,
.ai-study-dashboard:not([data-ai-study-theme="dark"]) :is(input,textarea)::placeholder {
color: #64748b !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), textarea, select),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), textarea, select),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), textarea, select) {
background: #f8fbff !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
border-color: #93c5fd !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(input, textarea)::placeholder,
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input, textarea)::placeholder,
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input, textarea)::placeholder {
color: #475569 !important;
-webkit-text-fill-color: #475569 !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-live-agent-sync-bar) :where(h1,h2,h3,h4,h5,h6,strong,label),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-live-agent-sync-bar) :where(h1,h2,h3,h4,h5,h6,strong,label),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-live-agent-sync-bar) :where(h1,h2,h3,h4,h5,h6,strong,label) {
color: #ffffff !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box) :where(p,span,small,li,div),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box) :where(p,span,small,li,div),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box) :where(p,span,small,li,div) {
color: #dbeafe !important;
opacity: 1 !important;
} .ai-study-dashboard[data-ai-study-theme="dark"],
html[data-theme="dark"] .ai-study-dashboard,
body[data-ai-study-theme="dark"] .ai-study-dashboard,
body.dark-mode .ai-study-dashboard {
color: #f8fafc !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-student-live-class,.ai-study-student-inbox,.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-buddy-card,.ai-study-stat-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item,.ai-study-live-room,.ai-study-live-room__frame),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-student-live-class,.ai-study-student-inbox,.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-buddy-card,.ai-study-stat-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item,.ai-study-live-room,.ai-study-live-room__frame),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-student-live-class,.ai-study-student-inbox,.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-buddy-card,.ai-study-stat-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item,.ai-study-live-room,.ai-study-live-room__frame),
body.dark-mode .ai-study-dashboard :where(.ai-study-student-live-class,.ai-study-student-inbox,.ai-study-section,.ai-study-card,.ai-study-tool-panel,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-master-card,.ai-study-advanced-card,.ai-study-question-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-buddy-card,.ai-study-stat-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item,.ai-study-live-room,.ai-study-live-room__frame) {
background: linear-gradient(135deg, #0f2137 0%, #101f35 100%) !important;
color: #f8fafc !important;
border-color: rgba(96, 165, 250, .45) !important;
box-shadow: 0 16px 36px rgba(0, 0, 0, .22) !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-section-title,.ai-study-title,.ai-study-card-title,.ai-study-window-label,.ai-study-field-label,.ai-study-compact-label,.ai-study-kicker,.ai-study-stat-card__label),
html[data-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-section-title,.ai-study-title,.ai-study-card-title,.ai-study-window-label,.ai-study-field-label,.ai-study-compact-label,.ai-study-kicker,.ai-study-stat-card__label),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-section-title,.ai-study-title,.ai-study-card-title,.ai-study-window-label,.ai-study-field-label,.ai-study-compact-label,.ai-study-kicker,.ai-study-stat-card__label),
body.dark-mode .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-section-title,.ai-study-title,.ai-study-card-title,.ai-study-window-label,.ai-study-field-label,.ai-study-compact-label,.ai-study-kicker,.ai-study-stat-card__label) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
text-shadow: none !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(p,span,small,li,td,th,em,a,.ai-study-muted,.ai-study-card-desc,.ai-study-description,.ai-study-student-live-class__head span,.ai-study-student-inbox__head span),
html[data-theme="dark"] .ai-study-dashboard :where(p,span,small,li,td,th,em,a,.ai-study-muted,.ai-study-card-desc,.ai-study-description,.ai-study-student-live-class__head span,.ai-study-student-inbox__head span),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(p,span,small,li,td,th,em,a,.ai-study-muted,.ai-study-card-desc,.ai-study-description,.ai-study-student-live-class__head span,.ai-study-student-inbox__head span),
body.dark-mode .ai-study-dashboard :where(p,span,small,li,td,th,em,a,.ai-study-muted,.ai-study-card-desc,.ai-study-description,.ai-study-student-live-class__head span,.ai-study-student-inbox__head span) {
color: #dbeafe !important;
-webkit-text-fill-color: #dbeafe !important;
opacity: 1 !important;
text-shadow: none !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-live-class,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-inbox,
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-live-class,
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-inbox,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-student-live-class,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-student-inbox,
body.dark-mode .ai-study-dashboard .ai-study-student-live-class,
body.dark-mode .ai-study-dashboard .ai-study-student-inbox {
background: #102035 !important;
color: #f8fafc !important;
border: 1px solid rgba(96, 165, 250, .55) !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-live-class :is(h3,p,span,.ai-study-muted),
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-inbox :is(h3,p,span,.ai-study-muted),
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-live-class :is(h3,p,span,.ai-study-muted),
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-inbox :is(h3,p,span,.ai-study-muted),
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-student-live-class :is(h3,p,span,.ai-study-muted),
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-student-inbox :is(h3,p,span,.ai-study-muted),
body.dark-mode .ai-study-dashboard .ai-study-student-live-class :is(h3,p,span,.ai-study-muted),
body.dark-mode .ai-study-dashboard .ai-study-student-inbox :is(h3,p,span,.ai-study-muted) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-live-class p,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-live-class span,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-inbox p,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-student-inbox span,
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-live-class p,
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-live-class span,
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-inbox p,
html[data-theme="dark"] .ai-study-dashboard .ai-study-student-inbox span {
color: #dbeafe !important;
-webkit-text-fill-color: #dbeafe !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),textarea,select),
html[data-theme="dark"] .ai-study-dashboard :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),textarea,select),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),textarea,select),
body.dark-mode .ai-study-dashboard :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),textarea,select) {
background: #ffffff !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
border-color: #93c5fd !important;
opacity: 1 !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input,textarea)::placeholder,
html[data-theme="dark"] .ai-study-dashboard :where(input,textarea)::placeholder,
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input,textarea)::placeholder,
body.dark-mode .ai-study-dashboard :where(input,textarea)::placeholder {
color: #475569 !important;
-webkit-text-fill-color: #475569 !important;
opacity: 1 !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] select option,
html[data-theme="dark"] .ai-study-dashboard select option,
body[data-ai-study-theme="dark"] .ai-study-dashboard select option,
body.dark-mode .ai-study-dashboard select option {
background: #ffffff !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill,[disabled],.is-disabled),
html[data-theme="dark"] .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill,[disabled],.is-disabled),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill,[disabled],.is-disabled),
body.dark-mode .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill,[disabled],.is-disabled) {
opacity: 1 !important;
text-shadow: none !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill) :where(span,strong,b,small),
html[data-theme="dark"] .ai-study-dashboard :where(button,.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill) :where(span,strong,b,small) {
color: inherit !important;
-webkit-text-fill-color: currentColor !important;
opacity: 1 !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs,.ai-study-menu,.ai-study-student-profile) :where(a,button,span,strong,small,div),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu,.ai-study-student-profile) :where(a,button,span,strong,small,div),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu,.ai-study-student-profile) :where(a,button,span,strong,small,div),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu,.ai-study-student-profile) :where(a,button,span,strong,small,div) {
color: #f8fafc !important;
-webkit-text-fill-color: #f8fafc !important;
opacity: 1 !important;
} .ai-fs-scanner__mic.ai-study-voice-btn,
.ai-study-voice-btn {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.ai-fs-scanner__mic.ai-study-voice-btn .ai-study-voice-btn__label,
.ai-fs-scanner__mic.ai-study-voice-btn .ai-study-voice-btn__icon,
.ai-study-voice-btn .ai-study-voice-btn__label,
.ai-study-voice-btn .ai-study-voice-btn__icon {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
.ai-fs-scanner__mic.ai-study-voice-btn,
.ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-voice-btn,
.ai-study-fullscreen-scanner .ai-study-voice-btn {
background: linear-gradient(135deg, #4538b8, #2f238f) !important;
border-color: #a5b4fc !important;
} .ai-study-gst-breakup{
display:block;
margin-top:6px;
font-size:12px;
line-height:1.45;
color:#475569;
font-weight:700;
}
.ai-study-price small{
font-size:12px;
font-weight:800;
opacity:.86;
}
[data-ai-study-theme="dark"] .ai-study-gst-breakup,
.ai-study-dark .ai-study-gst-breakup,
body.ai-study-dark .ai-study-gst-breakup{
color:#cfe4ff;
} .ai-study-dashboard,
.ai-study-dashboard *{box-sizing:border-box}
.ai-study-dashboard{max-width:100%;overflow-x:hidden}
.ai-study-dashboard [data-ai-study-panel],
.ai-study-panel,
.ai-study-card,
.ai-study-tool-card,
.ai-study-output-window,
.ai-study-input-window{max-width:100%;min-width:0;overflow-wrap:anywhere}
.ai-study-dashboard img,
.ai-study-dashboard video,
.ai-study-dashboard canvas{max-width:100%;height:auto}
.ai-study-image-preview,
.ai-study-tool-camera-img,
.ai-study-camera-video,
.ai-study-tool-camera-video{max-width:100%!important;max-height:260px!important;object-fit:contain!important;border-radius:14px!important}
.ai-study-tool-camera-box,
.ai-study-camera-box--horizontal,
.ai-study-input-window--scan{max-width:100%!important;overflow:hidden!important}
.ai-study-tool-camera-box img,
.ai-study-camera-box--horizontal img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:260px!important;display:block!important;object-fit:contain!important}
.ai-study-output-window textarea,
.ai-study-input-window textarea,
.ai-study-dashboard textarea{max-width:100%;resize:vertical;overflow:auto}
.ai-study-dashboard button{cursor:pointer;touch-action:manipulation}
@media(max-width:1100px){
.ai-study-student-shell,.ai-study-dashboard-shell,.ai-study-portal-shell{grid-template-columns:minmax(150px,220px) minmax(0,1fr)!important}
.ai-study-dashboard .ai-study-card{padding:16px!important}
}
@media(max-width:760px){
.ai-study-student-shell,.ai-study-dashboard-shell,.ai-study-portal-shell{display:block!important}
.ai-study-sidebar{position:relative!important;width:100%!important;max-height:none!important;overflow:visible!important;margin-bottom:14px!important}
.ai-study-menu-card{display:inline-flex!important;margin:4px!important;white-space:nowrap!important}
.ai-study-dashboard .ai-study-grid,.ai-study-dashboard .ai-study-feature-grid{grid-template-columns:1fr!important}
} .ai-study-history-dashboard{display:flex;flex-direction:column;gap:16px}.ai-study-history-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid #d9e7ff;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#eef7ff 60%,#fff7fb);box-shadow:0 14px 34px rgba(16,24,40,.06)}.ai-study-history-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf1ff;color:#2457d6;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.ai-study-history-hero h3{margin:8px 0 6px;font-size:26px;color:#102033}.ai-study-history-hero p{margin:0;color:#4d5f78}.ai-study-history-hero__stats{min-width:110px;text-align:center;padding:14px;border-radius:20px;background:#fff;border:1px solid #dbe7ff}.ai-study-history-hero__stats strong{display:block;font-size:28px;color:#2457d6}.ai-study-history-hero__stats span{font-size:12px;font-weight:800;color:#5f6f86}.ai-study-history-toolbar{display:grid;grid-template-columns:1fr minmax(170px,240px);gap:12px}.ai-study-history-toolbar input,.ai-study-history-toolbar select{width:100%;border:1px solid #d6e5ff;border-radius:16px;background:#fff;color:#102033;padding:13px 14px;font-size:15px;outline:none}.ai-study-history-list--full{gap:14px}.ai-study-history-item{position:relative}.ai-study-history-item__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.ai-study-history-tool{display:inline-flex;font-size:12px;font-weight:900;color:#40506b;text-transform:uppercase;letter-spacing:.04em}.ai-study-history-item time{font-size:12px;color:#7889a1}.ai-study-history-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.ai-study-history-actions .ai-study-secondary-button,.ai-study-history-actions .ai-study-link-button{border-radius:999px;padding:9px 13px;font-weight:900}.ai-study-history-answer{margin-top:14px;padding:14px;border-radius:18px;background:#f8fbff;border:1px solid #dce8ff;color:#102033;max-height:520px;overflow:auto}.ai-study-history-answer :where(p,li,div,span){color:inherit}.ai-study-history-answer[hidden]{display:none!important}@media(max-width:720px){.ai-study-history-hero{align-items:flex-start;flex-direction:column}.ai-study-history-toolbar{grid-template-columns:1fr}.ai-study-history-hero__stats{width:100%}}
html[data-theme="dark"] .ai-study-history-hero,body[data-ai-study-theme="dark"] .ai-study-history-hero,.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-hero{background:linear-gradient(135deg,#0d1c31,#10213a);border-color:#28527f}html[data-theme="dark"] .ai-study-history-hero h3,body[data-ai-study-theme="dark"] .ai-study-history-hero h3,.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-hero h3{color:#fff}html[data-theme="dark"] .ai-study-history-hero p,body[data-ai-study-theme="dark"] .ai-study-history-hero p,.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-hero p{color:#d5e6ff}html[data-theme="dark"] .ai-study-history-hero__stats,body[data-ai-study-theme="dark"] .ai-study-history-hero__stats,.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-hero__stats,html[data-theme="dark"] .ai-study-history-answer,body[data-ai-study-theme="dark"] .ai-study-history-answer,.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-answer{background:#07182b;border-color:#2b5b88;color:#eaf3ff}html[data-theme="dark"] .ai-study-history-toolbar input,html[data-theme="dark"] .ai-study-history-toolbar select,body[data-ai-study-theme="dark"] .ai-study-history-toolbar input,body[data-ai-study-theme="dark"] .ai-study-history-toolbar select,.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-toolbar input,.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-toolbar select{background:#07182b;border-color:#2b5b88;color:#fff} .ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn),
.ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn),
.ai-fs-scanner__mic.ai-study-voice-btn {
background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
border: 1.5px solid #4f46e5 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
filter: none !important;
box-shadow: 0 10px 24px rgba(79, 70, 229, 0.22) !important;
text-shadow: none !important;
}
.ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn) :where(.ai-study-voice-btn__icon,.ai-study-voice-btn__label,.ai-study-voice-btn__svg,span,svg),
.ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn) :where(.ai-study-voice-btn__icon,.ai-study-voice-btn__label,.ai-study-voice-btn__svg,span,svg),
.ai-fs-scanner__mic.ai-study-voice-btn :where(.ai-study-voice-btn__icon,.ai-study-voice-btn__label,.ai-study-voice-btn__svg,span,svg) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
fill: currentColor !important;
opacity: 1 !important;
}
.ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn):hover,
.ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn):focus-visible,
.ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn):hover,
.ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn):focus-visible,
.ai-fs-scanner__mic.ai-study-voice-btn:hover,
.ai-fs-scanner__mic.ai-study-voice-btn:focus-visible {
background: linear-gradient(135deg, #1d4ed8 0%, #6d28d9 100%) !important;
border-color: #4338ca !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 14px 30px rgba(79, 70, 229, 0.30) !important;
}
.ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn):disabled,
.ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn)[aria-disabled="true"],
.ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn).is-disabled,
.ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn):disabled,
.ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn)[aria-disabled="true"],
.ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn).is-disabled,
.ai-fs-scanner__mic.ai-study-voice-btn:disabled,
.ai-fs-scanner__mic.ai-study-voice-btn[aria-disabled="true"],
.ai-fs-scanner__mic.ai-study-voice-btn.is-disabled {
background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
border-color: #4f46e5 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
filter: none !important;
cursor: not-allowed !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn),
body.dark-mode .ai-study-dashboard :where(.ai-study-voice-btn, button.ai-study-voice-btn),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-voice-btn, button.ai-study-voice-btn),
html[data-theme="dark"] .ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn),
body[data-ai-study-theme="dark"] .ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn),
body.dark-mode .ai-study-fullscreen-scanner :where(.ai-study-voice-btn, button.ai-study-voice-btn) {
background: linear-gradient(135deg, #2563eb 0%, #8b5cf6 100%) !important;
border-color: #93c5fd !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
box-shadow: 0 10px 24px rgba(147, 197, 253, 0.20) !important;
}
.ai-study-voice-btn.is-listening,
.ai-study-dashboard .ai-study-voice-btn.is-listening,
.ai-study-fullscreen-scanner .ai-study-voice-btn.is-listening,
.ai-fs-scanner__mic.ai-study-voice-btn.is-listening {
background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
border-color: #fecaca !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
} @media (max-width: 768px) {
.ai-study-tool-actions {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 10px !important;
align-items: center !important;
width: 100% !important;
overflow: visible !important;
}
.ai-study-tool-actions > .ai-study-primary-button {
order: -2 !important;
grid-column: 1 / -1 !important;
min-height: 46px !important;
height: 46px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.ai-study-tool-actions > select {
height: 44px !important;
min-height: 44px !important;
max-height: 46px !important;
width: 100% !important;
padding: 0 34px 0 12px !important;
line-height: normal !important;
box-sizing: border-box !important;
}
}
@media (max-width: 430px) {.ai-study-tool-actions{grid-template-columns:1fr!important}} :where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge) :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #2563eb;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto!important}:where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge),:where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge) *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}} .ai-study-table-question-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
gap: 10px;
margin: 14px 0;
}
.ai-study-table-question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 12px;
border: 1px solid var(--ai-study-border, #d9e0ea);
border-radius: 10px;
background: var(--ai-study-card-bg, #fff);
}
.ai-study-table-question input {
width: 82px;
min-height: 42px;
}
.ai-study-table-question input.is-correct {
border-color: #17803d;
outline: 2px solid rgba(23, 128, 61, .18);
}
.ai-study-table-question input.is-incorrect {
border-color: #b42318;
outline: 2px solid rgba(180, 35, 24, .18);
}
.ai-study-table-timer,
.ai-study-table-score {
font-weight: 700;
}
.ai-study-linear-graph {
display: block;
width: 100%;
max-width: 720px;
height: auto;
margin: 12px auto;
}
.ai-study-graph-background {
fill: var(--ai-study-card-bg, #fff);
stroke: var(--ai-study-border, #d9e0ea);
}
.ai-study-graph-axis {
stroke: currentColor;
stroke-width: 1.5;
opacity: .7;
}
.ai-study-graph-line {
fill: none;
stroke: #2563eb;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
}
.ai-study-graph-values {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 8px;
}
.ai-study-graph-values > span {
display: flex;
justify-content: space-between;
gap: 8px;
padding: 7px 9px;
border: 1px solid var(--ai-study-border, #d9e0ea);
border-radius: 8px;
}
@media (max-width: 600px) {
.ai-study-table-question-grid { grid-template-columns: 1fr; }
} .ep-glass-close,
.ep-magic-modal__close,
[data-ep-whiteboard-close],
[data-ep-homework-close],
[data-ep-highlights-close],
.ep-kids-modal__close,
[data-ep-kids-profile-close],
.ep-touch-modal-close,
[data-ai-study-modal-close],
[data-ai-fs-close][aria-label],
[data-ep-continue-action="close"],
[data-ep-continue-action="close-mini"]{
width:34px!important;min-width:34px!important;max-width:34px!important;
height:34px!important;min-height:34px!important;max-height:34px!important;
padding:0!important;margin:0!important;border-radius:50%!important;
border:1px solid rgba(255,255,255,.56)!important;
background:linear-gradient(145deg,rgba(255,80,92,.94),rgba(176,17,43,.9))!important;
color:#fff!important;
box-shadow:0 8px 18px rgba(167,20,43,.25),inset 0 1px 0 rgba(255,255,255,.5)!important;
backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
font:900 22px/1 Arial,sans-serif!important;
display:grid!important;place-items:center!important;cursor:pointer!important;
} .ai-study-dashboard button.is-active:not(:disabled),
.ai-study-dashboard button.is-selected:not(:disabled),
.ai-study-dashboard button[aria-pressed="true"]:not(:disabled),
.ai-study-dashboard button[aria-selected="true"]:not(:disabled),
.ep-math-teacher button.is-active:not(:disabled),
.ep-math-teacher button.is-selected:not(:disabled),
.ep-magic-modal button.is-active:not(:disabled),
.ep-magic-modal button.is-selected:not(:disabled){opacity:1!important;-webkit-text-fill-color:currentColor!important}
.ai-study-dashboard button.is-active:not(:disabled)>*,
.ai-study-dashboard button.is-selected:not(:disabled)>*,
.ai-study-dashboard button[aria-pressed="true"]:not(:disabled)>*,
.ai-study-dashboard button[aria-selected="true"]:not(:disabled)>*,
.ep-math-teacher button.is-active:not(:disabled)>*,
.ep-math-teacher button.is-selected:not(:disabled)>*,
.ep-magic-modal button.is-active:not(:disabled)>*,
.ep-magic-modal button.is-selected:not(:disabled)>*{color:inherit!important;opacity:1!important;-webkit-text-fill-color:currentColor!important} .ai-study-mobile-only .ai-study-menu{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px 18px;
align-items:stretch;
margin:18px 6px 0;
}
.ai-study-mobile-only .ai-study-menu-card{
position:relative;
display:flex!important;
align-items:center;
gap:18px;
min-height:118px;
width:100%;
margin:0!important;
padding:18px 54px 18px 18px;
white-space:normal!important;
text-align:left;
border:2px solid #dfe8f7;
border-radius:30px;
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
box-shadow:0 14px 34px rgba(31,69,126,.08), inset 0 1px 0 rgba(255,255,255,.9);
overflow:hidden;
transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.ai-study-mobile-only .ai-study-menu-card::before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 78% 34%, rgba(255,255,255,.95) 0 7px, rgba(255,255,255,0) 8px),
radial-gradient(circle at 87% 60%, rgba(255,255,255,.75) 0 5px, rgba(255,255,255,0) 6px),
radial-gradient(circle at 70% 78%, rgba(255,255,255,.55) 0 4px, rgba(255,255,255,0) 5px),
linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,251,255,.85));
z-index:0;
}
.ai-study-mobile-only .ai-study-menu-card::after{
content:'›';
position:absolute;
right:22px;
top:50%;
transform:translateY(-50%);
color:#1f355c;
font-size:36px;
line-height:1;
font-weight:700;
opacity:.9;
}
.ai-study-mobile-only .ai-study-menu-card > *{position:relative;z-index:1}
.ai-study-mobile-only .ai-study-menu-card .icon{
flex:0 0 76px;
width:76px;
height:76px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:22px;
font-size:42px;
line-height:1;
background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%);
box-shadow:0 8px 22px rgba(71,107,181,.14), inset 0 0 0 1.5px rgba(255,255,255,.85);
filter:saturate(1.05);
}
.ai-study-mobile-only .ai-study-menu-card .title{
display:block;
flex:1 1 auto;
padding-right:6px;
color:#16274a;
font-size:clamp(17px,2vw,23px);
line-height:1.18;
font-weight:900;
letter-spacing:-.02em;
}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+1){border-color:#7c93ff;box-shadow:0 14px 34px rgba(93,99,239,.10)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+1) .icon{color:#5b53f3;background:linear-gradient(180deg,#f4f1ff 0%,#ebe6ff 100%);box-shadow:0 8px 22px rgba(102,82,238,.22)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+2){border-color:#ffb177;box-shadow:0 14px 34px rgba(255,157,86,.10)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+2) .icon{color:#ff8c37;background:linear-gradient(180deg,#fff3e7 0%,#ffe7d1 100%);box-shadow:0 8px 22px rgba(255,140,55,.20)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+3){border-color:#8cd8ff;box-shadow:0 14px 34px rgba(66,189,255,.10)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+3) .icon{color:#34a6ef;background:linear-gradient(180deg,#eaf8ff 0%,#dff4ff 100%);box-shadow:0 8px 22px rgba(52,166,239,.18)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+4){border-color:#d1a0ff;box-shadow:0 14px 34px rgba(172,112,255,.10)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+4) .icon{color:#8b5cf6;background:linear-gradient(180deg,#f6eeff 0%,#eee4ff 100%);box-shadow:0 8px 22px rgba(139,92,246,.18)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+5){border-color:#9de5b5;box-shadow:0 14px 34px rgba(84,206,120,.10)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+5) .icon{color:#2eb96d;background:linear-gradient(180deg,#edfff2 0%,#e0ffe8 100%);box-shadow:0 8px 22px rgba(46,185,109,.16)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+6){border-color:#ffd683;box-shadow:0 14px 34px rgba(248,186,54,.10)}
.ai-study-mobile-only .ai-study-menu-card:nth-child(6n+6) .icon{color:#f1aa19;background:linear-gradient(180deg,#fff8e7 0%,#fff1cb 100%);box-shadow:0 8px 22px rgba(241,170,25,.18)}
.ai-study-mobile-only .ai-study-menu-card:hover,
.ai-study-mobile-only .ai-study-menu-card:focus-visible,
.ai-study-mobile-only .ai-study-menu-card.is-active{
transform:translateY(-2px);
box-shadow:0 20px 44px rgba(31,69,126,.14);
}
.ai-study-mobile-only .ai-study-menu-card.is-active .title,
.ai-study-mobile-only .ai-study-menu-card:hover .title,
.ai-study-mobile-only .ai-study-menu-card:focus-visible .title{color:#102a60}
.ai-study-mobile-only .ai-study-menu-card.is-active::after{opacity:1}
@media (max-width: 900px){
.ai-study-mobile-only .ai-study-menu-card{min-height:106px;padding:16px 48px 16px 16px;border-radius:26px}
.ai-study-mobile-only .ai-study-menu-card .icon{width:68px;height:68px;flex-basis:68px;font-size:38px;border-radius:20px}
}
@media (max-width: 560px){
.ai-study-mobile-only .ai-study-menu{gap:14px;margin:14px 4px 0}
.ai-study-mobile-only .ai-study-menu-card{min-height:94px;padding:14px 42px 14px 14px;border-radius:22px;gap:12px}
.ai-study-mobile-only .ai-study-menu-card::after{right:16px;font-size:28px}
.ai-study-mobile-only .ai-study-menu-card .icon{width:54px;height:54px;flex-basis:54px;border-radius:16px;font-size:30px}
.ai-study-mobile-only .ai-study-menu-card .title{font-size:15px;line-height:1.2}
} .ai-study-mobile-only .ai-study-menu-card{
--ep-menu-accent:#5b63f6;
--ep-menu-accent-soft:#eeefff;
--ep-menu-border:#a8b3ff;
--ep-menu-shadow:rgba(91,99,246,.22);
border-color:var(--ep-menu-border)!important;
background:
radial-gradient(circle at 88% 24%,rgba(255,255,255,.98) 0 5px,transparent 6px),
radial-gradient(circle at 75% 68%,rgba(255,255,255,.82) 0 4px,transparent 5px),
linear-gradient(135deg,#ffffff 0%,var(--ep-menu-accent-soft) 170%)!important;
box-shadow:0 13px 30px color-mix(in srgb,var(--ep-menu-shadow) 54%,transparent),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.ai-study-mobile-only .ai-study-menu-card .icon{
position:relative;
isolation:isolate;
color:var(--ep-menu-accent)!important;
background:
radial-gradient(circle at 28% 22%,rgba(255,255,255,.98) 0 8%,transparent 9%),
linear-gradient(145deg,#ffffff 0%,var(--ep-menu-accent-soft) 72%,#ffffff 100%)!important;
border:2px solid color-mix(in srgb,var(--ep-menu-accent) 42%,#ffffff)!important;
box-shadow:
0 9px 20px color-mix(in srgb,var(--ep-menu-shadow) 72%,transparent),
inset 0 0 0 3px rgba(255,255,255,.72),
inset 0 -7px 14px color-mix(in srgb,var(--ep-menu-accent) 10%,transparent)!important;
text-shadow:
0 2px 0 rgba(255,255,255,.96),
0 4px 9px color-mix(in srgb,var(--ep-menu-accent) 42%,transparent);
transform:translateZ(0);
}
.ai-study-mobile-only .ai-study-menu-card .icon::before{
content:"";
position:absolute;
inset:5px;
z-index:-1;
border-radius:inherit;
background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 44%,rgba(255,255,255,.28));
pointer-events:none;
}
.ai-study-mobile-only .ai-study-menu-card .icon::after{
content:"";
position:absolute;
left:13%;
right:13%;
bottom:-8px;
height:11px;
z-index:-2;
border-radius:50%;
background:var(--ep-menu-accent);
opacity:.18;
filter:blur(7px);
pointer-events:none;
}
.ai-study-mobile-only .ai-study-menu-card:hover .icon,
.ai-study-mobile-only .ai-study-menu-card:focus-visible .icon,
.ai-study-mobile-only .ai-study-menu-card.is-active .icon{
transform:translateY(-2px) scale(1.035);
box-shadow:0 13px 26px color-mix(in srgb,var(--ep-menu-shadow) 88%,transparent),inset 0 0 0 3px rgba(255,255,255,.78)!important;
} .ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="dashboard"]{--ep-menu-accent:#4f5df4;--ep-menu-accent-soft:#eeefff;--ep-menu-border:#7087ff;--ep-menu-shadow:rgba(79,93,244,.28)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="kids-world"]{--ep-menu-accent:#f28b2d;--ep-menu-accent-soft:#fff3e7;--ep-menu-border:#ffae68;--ep-menu-shadow:rgba(242,139,45,.27)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="camera-scan"]{--ep-menu-accent:#1aa7dc;--ep-menu-accent-soft:#e7f9ff;--ep-menu-border:#55c9ec;--ep-menu-shadow:rgba(26,167,220,.25)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="homework-solver"]{--ep-menu-accent:#7656f4;--ep-menu-accent-soft:#f2ecff;--ep-menu-border:#b18cff;--ep-menu-shadow:rgba(118,86,244,.25)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="type-question"]{--ep-menu-accent:#ec4aa8;--ep-menu-accent-soft:#fff0f8;--ep-menu-border:#ff8bcb;--ep-menu-shadow:rgba(236,74,168,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="maths-tutor"]{--ep-menu-accent:#3679ed;--ep-menu-accent-soft:#ebf3ff;--ep-menu-border:#70a7ff;--ep-menu-shadow:rgba(54,121,237,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="maths-master"]{--ep-menu-accent:#eaa51e;--ep-menu-accent-soft:#fff7e6;--ep-menu-border:#ffc45c;--ep-menu-shadow:rgba(234,165,30,.25)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="math-live-teacher"],
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="maths-whiteboard"]{--ep-menu-accent:#12a9c7;--ep-menu-accent-soft:#e9fcff;--ep-menu-border:#51d5df;--ep-menu-shadow:rgba(18,169,199,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="science-solver"]{--ep-menu-accent:#19b978;--ep-menu-accent-soft:#eafff4;--ep-menu-border:#71e0ad;--ep-menu-shadow:rgba(25,185,120,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="english-grammar"]{--ep-menu-accent:#357bdc;--ep-menu-accent-soft:#edf5ff;--ep-menu-border:#73aff7;--ep-menu-shadow:rgba(53,123,220,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="learn-english-usa"]{--ep-menu-accent:#7357ee;--ep-menu-accent-soft:#f1edff;--ep-menu-border:#9f8cff;--ep-menu-shadow:rgba(115,87,238,.25)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="english-master"]{--ep-menu-accent:#59bd33;--ep-menu-accent-soft:#efffe9;--ep-menu-border:#91e176;--ep-menu-shadow:rgba(89,189,51,.25)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="live-avatar-tutor"],
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="english-live-teacher"]{--ep-menu-accent:#8a54e9;--ep-menu-accent-soft:#f5edff;--ep-menu-border:#c08cff;--ep-menu-shadow:rgba(138,84,233,.25)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="voice-translator"]{--ep-menu-accent:#7c48e9;--ep-menu-accent-soft:#f3edff;--ep-menu-border:#ad83ff;--ep-menu-shadow:rgba(124,72,233,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="translation"]{--ep-menu-accent:#159cdd;--ep-menu-accent-soft:#eaf8ff;--ep-menu-border:#62c6f1;--ep-menu-shadow:rgba(21,156,221,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="notes-maker"]{--ep-menu-accent:#e7a20d;--ep-menu-accent-soft:#fff8e3;--ep-menu-border:#ffc850;--ep-menu-shadow:rgba(231,162,13,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="quiz-test"]{--ep-menu-accent:#ef3e8f;--ep-menu-accent-soft:#fff0f7;--ep-menu-border:#ff82bb;--ep-menu-shadow:rgba(239,62,143,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="pdf-upload"]{--ep-menu-accent:#ed4e67;--ep-menu-accent-soft:#fff0f2;--ep-menu-border:#ff8799;--ep-menu-shadow:rgba(237,78,103,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="notebook-scanner"]{--ep-menu-accent:#168aa1;--ep-menu-accent-soft:#e9fbff;--ep-menu-border:#5dd2df;--ep-menu-shadow:rgba(22,138,161,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="chapter-master"]{--ep-menu-accent:#6550e8;--ep-menu-accent-soft:#f1efff;--ep-menu-border:#9b8aff;--ep-menu-shadow:rgba(101,80,232,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="test-paper"]{--ep-menu-accent:#ed7250;--ep-menu-accent-soft:#fff1ec;--ep-menu-border:#ffa084;--ep-menu-shadow:rgba(237,114,80,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="smart-revision"]{--ep-menu-accent:#20a970;--ep-menu-accent-soft:#ebfff6;--ep-menu-border:#72ddb0;--ep-menu-shadow:rgba(32,169,112,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="exam-predictor"]{--ep-menu-accent:#575fdf;--ep-menu-accent-soft:#eef0ff;--ep-menu-border:#8994ff;--ep-menu-shadow:rgba(87,95,223,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="learning-path"]{--ep-menu-accent:#19a5c0;--ep-menu-accent-soft:#eafcff;--ep-menu-border:#67d2e3;--ep-menu-shadow:rgba(25,165,192,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="writing-evaluator"]{--ep-menu-accent:#ea5a8f;--ep-menu-accent-soft:#fff0f6;--ep-menu-border:#ff93ba;--ep-menu-shadow:rgba(234,90,143,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="notebook-intelligence"]{--ep-menu-accent:#386ee0;--ep-menu-accent-soft:#edf3ff;--ep-menu-border:#7da5ff;--ep-menu-shadow:rgba(56,110,224,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="handwriting-notes"]{--ep-menu-accent:#8155d9;--ep-menu-accent-soft:#f4efff;--ep-menu-border:#b28aea;--ep-menu-shadow:rgba(129,85,217,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="school-project-maker"]{--ep-menu-accent:#ef7943;--ep-menu-accent-soft:#fff3ec;--ep-menu-border:#ffaa7d;--ep-menu-shadow:rgba(239,121,67,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="voice-doubt-solver"]{--ep-menu-accent:#874fe8;--ep-menu-accent-soft:#f4eeff;--ep-menu-border:#b487ff;--ep-menu-shadow:rgba(135,79,232,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="study-planner"]{--ep-menu-accent:#2c96dd;--ep-menu-accent-soft:#ecf8ff;--ep-menu-border:#75c8f4;--ep-menu-shadow:rgba(44,150,221,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="timetable-homework"]{--ep-menu-accent:#16aa89;--ep-menu-accent-soft:#ebfff9;--ep-menu-border:#6edbc3;--ep-menu-shadow:rgba(22,170,137,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="exam-preparation"]{--ep-menu-accent:#e9a30f;--ep-menu-accent-soft:#fff8e5;--ep-menu-border:#ffcc59;--ep-menu-shadow:rgba(233,163,15,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="progress"]{--ep-menu-accent:#36a15c;--ep-menu-accent-soft:#edfff3;--ep-menu-border:#7bd69a;--ep-menu-shadow:rgba(54,161,92,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="productivity"]{--ep-menu-accent:#f2a712;--ep-menu-accent-soft:#fff8e4;--ep-menu-border:#ffd264;--ep-menu-shadow:rgba(242,167,18,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="scholarship-alerts"]{--ep-menu-accent:#e39a16;--ep-menu-accent-soft:#fff7e6;--ep-menu-border:#ffc766;--ep-menu-shadow:rgba(227,154,22,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="career-guidance"]{--ep-menu-accent:#3c72ec;--ep-menu-accent-soft:#edf3ff;--ep-menu-border:#80a5ff;--ep-menu-shadow:rgba(60,114,236,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="graduation-hub"]{--ep-menu-accent:#6f55e3;--ep-menu-accent-soft:#f2efff;--ep-menu-border:#a18cff;--ep-menu-shadow:rgba(111,85,227,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="profile"]{--ep-menu-accent:#6a55dc;--ep-menu-accent-soft:#f3efff;--ep-menu-border:#a08bff;--ep-menu-shadow:rgba(106,85,220,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="subscription"]{--ep-menu-accent:#d99313;--ep-menu-accent-soft:#fff7e5;--ep-menu-border:#ffc864;--ep-menu-shadow:rgba(217,147,19,.24)}
.ai-study-mobile-only .ai-study-menu-card[data-ai-study-tab="history"]{--ep-menu-accent:#3c75b9;--ep-menu-accent-soft:#eef6ff;--ep-menu-border:#83b7eb;--ep-menu-shadow:rgba(60,117,185,.24)} @media (max-width:390px){
.ai-study-mobile-only .ai-study-menu{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important;
margin-inline:2px!important;
}
.ai-study-mobile-only .ai-study-menu-card{
min-width:0!important;
min-height:82px!important;
padding:10px 29px 10px 9px!important;
gap:7px!important;
border-radius:18px!important;
}
.ai-study-mobile-only .ai-study-menu-card::after{right:9px!important;font-size:23px!important}
.ai-study-mobile-only .ai-study-menu-card .icon{
width:42px!important;
height:42px!important;
flex-basis:42px!important;
min-width:42px!important;
border-radius:13px!important;
font-size:24px!important;
}
.ai-study-mobile-only .ai-study-menu-card .title{
min-width:0!important;
font-size:12px!important;
line-height:1.14!important;
overflow-wrap:anywhere!important;
}
}
@media (max-width:330px){
.ai-study-mobile-only .ai-study-menu{gap:7px!important}
.ai-study-mobile-only .ai-study-menu-card{min-height:76px!important;padding:8px 25px 8px 7px!important;gap:5px!important}
.ai-study-mobile-only .ai-study-menu-card .icon{width:37px!important;height:37px!important;flex-basis:37px!important;min-width:37px!important;font-size:21px!important;border-radius:11px!important}
.ai-study-mobile-only .ai-study-menu-card .title{font-size:11px!important}
} .ai-study-mobile-only .ai-study-menu-card .icon{
width:84px!important;
height:84px!important;
flex-basis:84px!important;
min-width:84px!important;
font-size:68px!important;
line-height:1!important;
padding:0!important;
overflow:visible!important;
}
.ai-study-mobile-only .ai-study-menu-card .icon > *{
transform:scale(1.18);
transform-origin:center center;
}
@media (max-width:900px){
.ai-study-mobile-only .ai-study-menu-card .icon{
width:76px!important;
height:76px!important;
flex-basis:76px!important;
min-width:76px!important;
font-size:62px!important;
}
}
@media (max-width:560px){
.ai-study-mobile-only .ai-study-menu-card{gap:10px!important;padding-left:11px!important}
.ai-study-mobile-only .ai-study-menu-card .icon{
width:62px!important;
height:62px!important;
flex-basis:62px!important;
min-width:62px!important;
border-radius:17px!important;
font-size:52px!important;
}
}
@media (max-width:390px){
.ai-study-mobile-only .ai-study-menu-card{gap:6px!important;padding-left:7px!important}
.ai-study-mobile-only .ai-study-menu-card .icon{
width:48px!important;
height:48px!important;
flex-basis:48px!important;
min-width:48px!important;
border-radius:14px!important;
font-size:40px!important;
}
}
@media (max-width:330px){
.ai-study-mobile-only .ai-study-menu-card .icon{
width:43px!important;
height:43px!important;
flex-basis:43px!important;
min-width:43px!important;
border-radius:12px!important;
font-size:35px!important;
}
} .ep-feature-tool-mount[data-ep-feature-dashboard-tab="dashboard"] .ai-study-panel[data-ai-study-panel="dashboard"],
.ep-feature-tool-mount[data-ep-feature-dashboard-tab="camera-scan"] .ai-study-panel[data-ai-study-panel="camera-scan"],
.ep-feature-tool-mount[data-ep-feature-dashboard-tab="homework-solver"] .ai-study-panel[data-ai-study-panel="homework-solver"],
.ep-feature-tool-mount[data-ep-feature-dashboard-tab="quiz-test"] .ai-study-panel[data-ai-study-panel="quiz-test"],
.ep-feature-tool-mount[data-ep-feature-dashboard-tab="notes-maker"] .ai-study-panel[data-ai-study-panel="notes-maker"],
.ep-feature-tool-mount[data-ep-feature-dashboard-tab="subscription"] .ai-study-panel[data-ai-study-panel="subscription"],
.ep-feature-tool-mount[data-ep-feature-dashboard-tab="history"] .ai-study-panel[data-ai-study-panel="history"] {
display: block !important;
}.ep-credit-wall-open{overflow:hidden}.ep-credit-wall{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ep-credit-wall__backdrop{position:absolute;inset:0;background:rgba(8,15,32,.64);backdrop-filter:blur(5px)}.ep-credit-wall__card{position:relative;width:min(480px,100%);border:1px solid rgba(90,112,160,.25);border-radius:24px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 28px 90px rgba(8,20,50,.32);padding:28px;color:#18233b;outline:none;animation:epCreditWallIn .22s ease-out}.ep-credit-wall__close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#64748b;font-size:27px;cursor:pointer;width:38px;height:38px;border-radius:50%}.ep-credit-wall__close:hover{background:#eef3fa}.ep-credit-wall__icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:28px;box-shadow:0 12px 30px rgba(79,70,229,.28);margin-bottom:14px}.ep-credit-wall__eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.ep-credit-wall h2{margin:6px 0 10px;font-size:25px;line-height:1.2}.ep-credit-wall p{margin:0;color:#526078;font-size:15px;line-height:1.6}.ep-credit-wall__balance{display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding:13px 15px;border-radius:14px;background:#f0f4fa;border:1px solid #dfe7f2}.ep-credit-wall__balance span{font-size:13px;color:#64748b;font-weight:700}.ep-credit-wall__balance strong{font-size:20px;color:#17233b}.ep-credit-wall__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ep-credit-wall__actions button{min-height:48px;border:0;border-radius:14px;font-weight:800;cursor:pointer;font-size:14px}.ep-credit-wall__buy{background:linear-gradient(135deg,#2563eb,#6d3df0);color:#fff;box-shadow:0 10px 22px rgba(79,70,229,.22)}.ep-credit-wall__upgrade{background:#eef3fa;color:#23314b;border:1px solid #d6dfec!important}.ep-credit-wall__later{display:block;margin:13px auto 0;border:0;background:transparent;color:#64748b;cursor:pointer;font-size:13px}.ep-credit-wall__buy:hover{filter:brightness(1.05)}@keyframes epCreditWallIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){.ep-credit-wall{padding:12px}.ep-credit-wall__card{padding:23px 18px 18px;border-radius:20px}.ep-credit-wall__actions{grid-template-columns:1fr}.ep-credit-wall h2{font-size:22px}}.ep-smart-filter-shell{--epf-blue:#2563eb;--epf-purple:#7c3aed;--epf-green:#16a34a;--epf-text:#0f172a;--epf-muted:#475569;width:100%;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;z-index:35}.ep-smart-filter-shell *{box-sizing:border-box}.ep-smart-filter{display:flex;align-items:center;gap:16px;width:min(1440px,calc(100% - 28px));margin:12px auto;padding:14px 16px;border:1px solid #dbeafe;border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(30,64,175,.09);color:var(--epf-text)}.ep-smart-bg-gradient .ep-smart-filter{background:linear-gradient(135deg,#f8fbff,#fff 55%,#f5f3ff)}.ep-smart-bg-blue .ep-smart-filter{background:#eff6ff}.ep-smart-bg-white .ep-smart-filter{background:#fff}.ep-smart-filter-intro{flex:0 0 230px;display:grid;gap:5px}.ep-smart-filter-intro strong{font-size:13px;letter-spacing:.07em;color:#1d4ed8}.ep-smart-filter-intro span{font-size:14px;line-height:1.35;color:#334155;font-weight:700}.ep-smart-filter-form{display:flex;align-items:flex-end;gap:10px;flex:1;min-width:0;position:relative}.ep-smart-filter-form>label{display:grid;gap:5px;flex:1 1 130px;min-width:105px}.ep-smart-filter-form label span{font-size:11px;font-weight:800;color:var(--epf-muted)}.ep-smart-filter select,.ep-smart-filter input{width:100%;max-width:100%;height:42px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:var(--epf-text);padding:0 10px;font-size:13px;min-width:0;outline:none}.ep-smart-filter select:focus,.ep-smart-filter input:focus,.ep-smart-filter button:focus-visible{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.16)}.ep-smart-filter select:disabled{opacity:.65;cursor:progress}.ep-smart-submit,.ep-smart-advanced-toggle,.ep-smart-filter-mobile-trigger{height:42px;border:0;border-radius:12px;padding:0 15px;font-weight:850;white-space:nowrap;cursor:pointer}.ep-smart-submit{background:linear-gradient(135deg,var(--epf-blue),var(--epf-purple));color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.22)}.ep-smart-submit:disabled{opacity:.68;cursor:progress}.ep-smart-advanced-toggle{background:#eef2ff;color:#3730a3}.ep-smart-advanced-toggle[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}.ep-smart-advanced{position:absolute;top:calc(100% + 10px);right:0;width:min(1000px,calc(100vw - 40px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #dbeafe;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.16);z-index:8}.ep-smart-advanced[hidden]{display:none}.ep-smart-status{position:absolute;left:0;top:calc(100% + 4px);font-size:12px;color:var(--epf-muted);max-width:100%}.ep-smart-filter-close,.ep-smart-filter-mobile-trigger,.ep-smart-filter-backdrop{display:none}.ep-smart-filter-shell.is-sticky{position:sticky;top:0;z-index:900}.admin-bar .ep-smart-filter-shell.is-sticky{top:32px}.ep-smart-filter-shell.is-loading .ep-smart-filter{cursor:progress}.ep-smart-result-message{padding:12px 15px;border-radius:12px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.ep-smart-results{width:min(1240px,calc(100% - 28px));margin:24px auto;padding:20px}.ep-smart-results-header>span{display:inline-block;color:#1d4ed8;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ep-smart-results-header h1{margin:.35rem 0}.ep-smart-results .ep-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.ep-smart-results .ep-course-card{position:relative;background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(15,23,42,.07)}.ep-smart-results .ep-course-card small{display:block;padding-right:76px;color:#64748b}.ep-smart-results .ep-course-card h2{margin:10px 0 8px;font-size:20px;line-height:1.3}.ep-smart-results .ep-course-card h2 a{color:#0f172a;text-decoration:none}.ep-smart-results .ep-course-card p{color:#475569}.ep-smart-access{position:absolute;right:16px;top:16px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.ep-smart-access.is-free{background:#dcfce7;color:#166534}.ep-smart-access.is-premium{background:#ede9fe;color:#6d28d9}.ep-smart-course-link{display:inline-flex;margin-top:8px;font-weight:800;color:#1d4ed8;text-decoration:none}.ep-smart-filter-shell.hide-desktop{display:none}
html[data-theme="dark"] .ep-smart-filter,body[data-ai-study-theme="dark"] .ep-smart-filter,html[data-theme="dark"] .ep-smart-advanced,body[data-ai-study-theme="dark"] .ep-smart-advanced,html[data-theme="dark"] .ep-smart-results .ep-course-card,body[data-ai-study-theme="dark"] .ep-smart-results .ep-course-card{background:#0f1b2d;color:#e5e7eb;border-color:#334155}html[data-theme="dark"] .ep-smart-filter-intro span,body[data-ai-study-theme="dark"] .ep-smart-filter-intro span,html[data-theme="dark"] .ep-smart-filter label span,body[data-ai-study-theme="dark"] .ep-smart-filter label span,html[data-theme="dark"] .ep-smart-results .ep-course-card p,body[data-ai-study-theme="dark"] .ep-smart-results .ep-course-card p{color:#cbd5e1}html[data-theme="dark"] .ep-smart-filter select,html[data-theme="dark"] .ep-smart-filter input,body[data-ai-study-theme="dark"] .ep-smart-filter select,body[data-ai-study-theme="dark"] .ep-smart-filter input{background:#111827;color:#f8fafc;border-color:#475569}html[data-theme="dark"] .ep-smart-results .ep-course-card h2 a,body[data-ai-study-theme="dark"] .ep-smart-results .ep-course-card h2 a{color:#f8fafc}
@media(max-width:1180px){.ep-smart-filter{align-items:stretch}.ep-smart-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ep-smart-submit,.ep-smart-advanced-toggle{width:100%}.ep-smart-filter-intro{flex-basis:190px}.ep-smart-advanced{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-smart-status{position:static;grid-column:1/-1}.ep-smart-results .ep-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:782px){.admin-bar .ep-smart-filter-shell.is-sticky{top:46px}}
@media(max-width:760px){html.ep-filter-open{overflow:hidden}.ep-smart-filter-shell.hide-desktop{display:block}.ep-smart-filter-shell.hide-mobile{display:none}.ep-smart-filter-mobile-trigger{display:flex;align-items:center;justify-content:center;margin:10px auto;width:calc(100% - 24px);background:linear-gradient(135deg,var(--epf-blue),var(--epf-purple));color:#fff}.ep-smart-filter-backdrop{position:fixed;inset:0;border:0;background:rgba(15,23,42,.55);z-index:999998}.ep-smart-filter-shell.is-open .ep-smart-filter-backdrop{display:block}.ep-smart-filter{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:min(88dvh,760px);margin:0;padding:16px 14px 20px;border-radius:24px 24px 0 0;display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transform:translateY(105%);transition:transform .24s ease;z-index:999999}.ep-smart-filter-shell.is-open .ep-smart-filter{transform:translateY(0)}.ep-smart-filter-close{display:grid;place-items:center;position:sticky;top:0;margin:0 0 -36px auto;width:36px;height:36px;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#0f172a;font-size:24px;line-height:1;z-index:10}.ep-smart-filter-intro{padding-right:46px;margin-bottom:14px;min-height:38px}.ep-smart-filter-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.ep-smart-filter-form>label{min-width:0}.ep-smart-submit{grid-column:1/-1}.ep-smart-advanced{position:static;transform:none;width:100%;max-width:100%;grid-column:1/-1;grid-template-columns:1fr 1fr;box-shadow:none;margin-top:3px}.ep-smart-status{position:static;grid-column:1/-1;min-height:18px}.ep-smart-filter-shell.is-sticky{position:relative;top:auto}.ep-smart-results{width:calc(100% - 16px);padding:10px}.ep-smart-results .ep-course-grid{grid-template-columns:1fr}}
@media(max-width:460px){.ep-smart-filter-form,.ep-smart-advanced{grid-template-columns:1fr}.ep-smart-submit,.ep-smart-advanced-toggle,.ep-smart-status{grid-column:1}.ep-smart-filter select,.ep-smart-filter input{height:44px}.ep-smart-filter{max-height:92dvh}.ep-smart-filter-mobile-trigger{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ep-smart-filter{transition:none}} :where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge) :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #2563eb;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto!important}:where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge),:where(.ai-study-app,.ep-course-experience,.ep-course-showcase,.ep-home-course-showcase,.ep-smart-filter,.ep-quiz-player,.ep-course-module-bridge) *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}} .ep-smart-filter-shell.has-advanced-open{
z-index:90000!important;
overflow:visible!important;
}
.ep-smart-filter-shell.has-advanced-open .ep-smart-filter,
.ep-smart-filter-shell.has-advanced-open .ep-smart-filter-form{
overflow:visible!important;
}
.ep-smart-filter-shell.has-advanced-open .ep-smart-advanced{
z-index:90002!important;
visibility:visible!important;
}
@media(max-width:760px){
.ep-smart-filter-shell.has-advanced-open{z-index:999999!important}
.ep-smart-filter-shell.has-advanced-open .ep-smart-filter{z-index:1000000!important}
.ep-smart-filter-shell.has-advanced-open .ep-smart-advanced{z-index:auto!important}
} @media (min-width:761px){
.ep-smart-filter-shell{
max-width:100%!important;
overflow:visible!important;
}
.ep-smart-filter{
width:min(1200px,calc(100% - 32px))!important;
max-width:1200px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.ep-smart-filter-form,
.ep-smart-filter-form > label{
max-width:100%!important;
min-width:0!important;
}
.ep-smart-advanced{
max-width:min(100%,1000px)!important;
}
} @media (min-width:761px){
.ep-smart-filter-shell.is-guest{
width:min(1200px,calc(100% - 32px))!important;
max-width:1200px!important;
margin-left:auto!important;
margin-right:auto!important;
}
.ep-smart-filter-shell.is-guest > .ep-smart-filter{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
.ep-smart-filter-shell.is-guest .ep-smart-advanced{
max-width:min(100%,1000px)!important;
}
}
@media (max-width:760px){
.ep-smart-filter-shell.is-guest{
width:100%!important;
max-width:none!important;
margin:0!important;
}
} @media (min-width:761px){
.ep-smart-filter-shell.is-guest,
.ep-smart-filter-shell.is-authenticated{
width:min(1200px,calc(100% - 32px))!important;
max-width:1200px!important;
margin-left:auto!important;
margin-right:auto!important;
overflow:visible!important;
}
.ep-smart-filter-shell.is-guest > .ep-smart-filter,
.ep-smart-filter-shell.is-authenticated > .ep-smart-filter{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
} @media (min-width:761px){
.ep-smart-filter-shell.has-advanced-open{
position:relative!important;
z-index:2147483000!important;
overflow:visible!important;
}
.ep-smart-filter-shell.has-advanced-open .ep-smart-filter{
position:relative!important;
z-index:2147483001!important;
overflow:visible!important;
}
.ep-smart-filter-shell.has-advanced-open .ep-smart-advanced{
z-index:2147483002!important;
isolation:isolate;
}
}