.ep-seo{--ep-blue:#2563eb;--ep-purple:#7c3aed;--ep-sky:#0ea5e9;--ep-green:#16a34a;--ep-ink:#0f172a;--ep-muted:#64748b;--ep-soft:#f8fafc;--ep-border:#e2e8f0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ep-ink);background:#fff;overflow-x:hidden}.ep-seo *{box-sizing:border-box}.ep-seo a{text-decoration:none}.ep-seo-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.ep-seo-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--ep-border)}.ep-seo-nav .ep-seo-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ep-seo-brand{font-size:23px;font-weight:950;color:var(--ep-ink)}.ep-seo-nav div div{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.ep-seo-nav a{color:#334155;font-weight:850}.ep-seo-nav a:hover{color:var(--ep-blue)}.ep-seo-hero{padding:84px 0 72px;background:radial-gradient(circle at 10% 8%,rgba(37,99,235,.16),transparent 32%),radial-gradient(circle at 85% 12%,rgba(124,58,237,.14),transparent 34%),linear-gradient(180deg,#f8fbff,#fff)}.ep-seo-hero-small{padding:72px 0}.ep-seo-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.ep-seo-pill{display:inline-flex;padding:9px 14px;border-radius:999px;background:#eef6ff;color:#1d4ed8;border:1px solid #dbeafe;font-size:14px;font-weight:900;margin-bottom:18px}.ep-seo h1{font-size:clamp(38px,5.2vw,66px);line-height:1.03;letter-spacing:-1.7px;margin:0 0 18px}.ep-seo h2{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-1px;margin:0 0 14px}.ep-seo h3{margin:0 0 10px}.ep-seo p{font-size:17px;line-height:1.72;color:var(--ep-muted);margin:0 0 18px}.ep-seo-actions{display:flex;flex-wrap:wrap;gap:13px}.ep-seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid var(--ep-border);border-radius:999px;background:#fff;color:var(--ep-blue);font-weight:950}.ep-seo-primary{color:#fff!important;background:linear-gradient(135deg,var(--ep-blue),var(--ep-purple));border-color:transparent;box-shadow:0 14px 34px rgba(37,99,235,.24)}.ep-seo-mock{background:#fff;border:1px solid var(--ep-border);border-radius:32px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.12)}.ep-seo-mock strong{display:block;font-size:22px;margin-bottom:16px}.ep-seo-mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ep-seo-mock-grid span{background:linear-gradient(135deg,#eff6ff,#faf5ff);border:1px solid #dbeafe;border-radius:18px;padding:16px;font-weight:850}.ep-seo-section{padding:76px 0}.ep-seo-soft{background:var(--ep-soft)}.ep-seo-head{text-align:center;max-width:860px;margin:0 auto 40px}.ep-seo-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ep-seo-cards-related{grid-template-columns:repeat(4,1fr)}.ep-seo-card{background:#fff;border:1px solid var(--ep-border);border-radius:26px;padding:23px;min-height:230px;box-shadow:0 14px 34px rgba(15,23,42,.055);transition:.2s ease}.ep-seo-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(15,23,42,.1)}.ep-seo-icon{width:50px;height:50px;border-radius:18px;background:#eff6ff;display:grid;place-items:center;font-size:24px;margin-bottom:14px}.ep-seo-card p{font-size:15px}.ep-seo-card a{color:var(--ep-blue);font-weight:950}.ep-seo-split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.ep-seo-highlight{border-radius:32px;padding:38px;color:#fff;background:linear-gradient(135deg,var(--ep-blue),var(--ep-purple));box-shadow:0 24px 60px rgba(37,99,235,.22)}.ep-seo-highlight p,.ep-seo-highlight h2{color:#fff}.ep-seo-list{display:grid;gap:14px}.ep-seo-list p{background:#fff;border:1px solid var(--ep-border);border-radius:20px;padding:18px;margin:0;color:#334155;box-shadow:0 12px 28px rgba(15,23,42,.045)}.ep-seo-list b{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:999px;background:#dcfce7;color:#15803d;margin-right:8px}.ep-seo-app{background:#fff;border:1px solid var(--ep-border);border-radius:32px;padding:28px;box-shadow:0 22px 60px rgba(15,23,42,.08);overflow:hidden}.ep-seo-warning{padding:18px;border-radius:16px;background:#fff1f2;border:1px solid #fecaca;color:#991b1b;font-weight:850}.ep-seo-lead{font-size:18px!important}@media(max-width:1080px){.ep-seo-hero-grid,.ep-seo-split{grid-template-columns:1fr}.ep-seo-cards,.ep-seo-cards-related{grid-template-columns:repeat(2,1fr)}.ep-seo-nav div div{display:none}}@media(max-width:720px){.ep-seo-wrap{width:min(100% - 22px,1180px)}.ep-seo h1{letter-spacing:-1px}.ep-seo-hero{padding:52px 0}.ep-seo-section{padding:54px 0}.ep-seo-cards,.ep-seo-cards-related,.ep-seo-mock-grid{grid-template-columns:1fr}.ep-seo-actions .ep-seo-btn{width:100%}.ep-seo-app{padding:14px;border-radius:24px}} .ep-seo-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0}
.ep-seo-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:84px}
.ep-seo-brand{font-size:26px;font-weight:950;color:#1f3f78;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.ep-seo-links{display:flex;align-items:center;gap:18px;font-weight:900;margin-left:auto}
.ep-seo-links a{color:#334155;text-decoration:underline;text-underline-offset:3px}.ep-seo-links a:hover{color:#2563eb}
.ep-seo-login-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff!important;font-weight:950;box-shadow:0 12px 30px rgba(37,99,235,.24)}
.ep-seo-user-menu{position:relative;z-index:100}.ep-seo-user-menu>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:50px;padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid #cfe0ff;box-shadow:0 12px 30px rgba(15,23,42,.08);cursor:pointer}.ep-seo-user-menu>summary::-webkit-details-marker{display:none}.ep-seo-user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:950;box-shadow:0 8px 18px rgba(37,99,235,.25);flex:0 0 auto}.ep-seo-user-avatar--big{width:46px;height:46px}.ep-seo-user-copy{display:grid;line-height:1.18}.ep-seo-user-copy strong{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:14px}.ep-seo-user-copy em{font-style:normal;color:#64748b;font-size:12px;font-weight:850}.ep-seo-user-chevron{color:#2563eb;font-weight:950}.ep-seo-user-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:310px;padding:14px;border-radius:24px;background:#fff;border:1px solid #dbe7ff;box-shadow:0 24px 70px rgba(15,23,42,.18);display:grid;gap:12px}.ep-seo-user-menu:not([open]) .ep-seo-user-dropdown{display:none}.ep-seo-user-top{display:flex;align-items:center;gap:12px}.ep-seo-user-top strong{display:block;color:#0f172a;font-size:17px}.ep-seo-user-top p{margin:2px 0 0;color:#64748b;font-weight:850}.ep-seo-plan-card{padding:12px;border-radius:16px;border:1px solid #fed7aa;background:linear-gradient(135deg,#fff7ed,#faf5ff)}.ep-seo-plan-card.is-premium{border-color:#f8b4d9;background:linear-gradient(135deg,#fff7ed,#f5f3ff)}.ep-seo-plan-card span{display:inline-flex;padding:4px 10px;border-radius:999px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-weight:950;font-size:12px}.ep-seo-plan-card strong{display:block;margin-top:6px;color:#0f172a}.ep-seo-plan-card p{margin:2px 0 0;color:#334155;font-weight:850}.ep-seo-limit-card{padding:13px;border-radius:18px;background:#eef4ff;border:1px solid #d5e4ff}.ep-seo-limit-head{display:flex;align-items:center;justify-content:space-between;gap:8px;text-transform:uppercase;letter-spacing:.04em;color:#243b5a}.ep-seo-limit-head span{padding:4px 9px;border-radius:999px;background:#fff3e8;border:1px solid #fdba74;color:#9a3412;font-weight:950;text-transform:none}.ep-seo-limit-card p{margin:8px 0 8px;color:#0f172a;font-weight:850}.ep-seo-limit-card small{display:inline-flex;padding:5px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:950}.ep-seo-limit-track{height:9px;border-radius:999px;background:#d5dfef;margin-top:10px;overflow:hidden}.ep-seo-limit-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed)}.ep-seo-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ep-seo-user-btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:40px;border-radius:999px;font-weight:950;border:1px solid #dbeafe;text-decoration:none;cursor:pointer}.ep-seo-user-btn--light{background:#fff;color:#1d4ed8}.ep-seo-user-btn--logout{width:100%;border:0;background:#e11d2e;color:#fff;font-size:15px}.ep-seo-logout-form{margin:0}
@media(max-width:980px){.ep-seo-nav-inner{align-items:flex-start;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.ep-seo-links{order:3;width:100%;overflow:auto;padding-bottom:2px}.ep-seo-user-menu{margin-left:auto}.ep-seo-user-dropdown{right:0;width:min(310px,calc(100vw - 28px))}}
@media(max-width:560px){.ep-seo-brand{font-size:22px}.ep-seo-user-copy{display:none}.ep-seo-links{gap:13px;font-size:14px}.ep-seo-user-actions{grid-template-columns:1fr}} .ep-seo-nav-inner--pro{min-height:92px;padding:12px 0}.ep-seo-left-head{display:flex;align-items:center;gap:12px;min-width:260px}.ep-seo-brand--guest{font-size:26px;font-weight:950;color:#1f3f78;text-decoration:underline;text-underline-offset:4px}.ep-seo-theme-toggle{border:1px solid #dbeafe;background:#fff;border-radius:999px;min-height:42px;padding:9px 16px;color:#0f172a;font-weight:950;box-shadow:0 10px 24px rgba(15,23,42,.06);cursor:pointer;white-space:nowrap}.ep-seo-links--visual{display:flex!important;gap:10px;align-items:center;flex-wrap:nowrap;margin-left:auto}.ep-seo-tool-link{display:inline-flex!important;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #e0ebff;color:#1e293b!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(15,23,42,.06);transition:.18s ease}.ep-seo-tool-link:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 14px 28px rgba(37,99,235,.13)}.ep-seo-tool-link span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#eef6ff,#f5f3ff);font-size:16px}.ep-seo-tool-link b{font-size:14px;white-space:nowrap}.ep-seo-user-menu>summary{min-height:56px;padding:8px 12px 8px 8px}.ep-seo-user-copy strong{max-width:150px}.ep-seo-user-dropdown{width:340px}.ep-seo-user-actions .ep-seo-user-btn--light{background:linear-gradient(135deg,#fff,#eff6ff);color:#0f4eb8!important;text-decoration:none!important;border-color:#cfe0ff;box-shadow:0 8px 18px rgba(37,99,235,.08)}.ep-seo-user-actions .ep-seo-user-btn--light:hover{transform:translateY(-1px);border-color:#60a5fa}.ep-seo-all-tools{border:1px solid #dbeafe;border-radius:18px;background:#f8fbff;overflow:hidden}.ep-seo-all-tools>summary{list-style:none;cursor:pointer;padding:11px 13px;font-weight:950;color:#1e3a8a}.ep-seo-all-tools>summary::-webkit-details-marker{display:none}.ep-seo-all-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 12px}.ep-seo-all-tools-grid a{display:flex;align-items:center;gap:8px;padding:9px;border-radius:13px;background:#fff;border:1px solid #e6efff;color:#1f2937!important;text-decoration:none!important;font-size:12px;font-weight:900}.ep-seo-all-tools-grid a:hover{border-color:#93c5fd;background:#eff6ff}.ep-seo-all-tools-grid span{width:24px;height:24px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9}.ep-seo-all-tools-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-seo-logout-form{display:flex}.ep-seo-user-btn--logout{min-height:44px;box-shadow:0 12px 24px rgba(225,29,46,.22)}html[data-theme="dark"] .ep-seo-nav,body[data-ai-study-theme="dark"] .ep-seo-nav{background:rgba(7,18,34,.94);border-color:#264d79}html[data-theme="dark"] .ep-seo-tool-link,body[data-ai-study-theme="dark"] .ep-seo-tool-link,html[data-theme="dark"] .ep-seo-theme-toggle,body[data-ai-study-theme="dark"] .ep-seo-theme-toggle{background:#0d2036;border-color:#2c5c8a;color:#fff!important}html[data-theme="dark"] .ep-seo-user-dropdown,body[data-ai-study-theme="dark"] .ep-seo-user-dropdown{background:#0b1b30;border-color:#2b5b88}html[data-theme="dark"] .ep-seo-all-tools,body[data-ai-study-theme="dark"] .ep-seo-all-tools{background:#0d2036;border-color:#2c5c8a}html[data-theme="dark"] .ep-seo-all-tools-grid a,body[data-ai-study-theme="dark"] .ep-seo-all-tools-grid a{background:#102238;border-color:#28527f;color:#fff!important}@media(max-width:1100px){.ep-seo-nav-inner--pro{align-items:flex-start;flex-wrap:wrap}.ep-seo-left-head{width:100%;justify-content:space-between}.ep-seo-links--visual{order:3;width:100%;overflow:auto;padding-bottom:4px}.ep-seo-tool-link{flex:0 0 auto}.ep-seo-user-menu{max-width:calc(100% - 120px)}.ep-seo-user-dropdown{left:0;right:auto;width:min(340px,calc(100vw - 28px))}}@media(max-width:560px){.ep-seo-left-head{gap:8px}.ep-seo-theme-toggle{padding:8px 12px;font-size:12px}.ep-seo-user-copy strong{max-width:110px}.ep-seo-user-copy em{font-size:11px}.ep-seo-user-dropdown{width:min(330px,calc(100vw - 22px))}.ep-seo-all-tools-grid{grid-template-columns:1fr}.ep-seo-tool-link b{font-size:13px}} .ep-seo-section--top-dashboard{padding-top:26px!important;padding-bottom:34px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}
.ep-seo-section--top-dashboard .ep-seo-app{margin-top:0!important}
.ep-seo-user-dropdown{position:fixed!important;top:86px!important;right:24px!important;left:auto!important;width:min(360px,calc(100vw - 32px))!important;max-height:calc(100vh - 105px)!important;overflow:auto!important;z-index:999999!important;transform:none!important;clip:auto!important}
.ep-seo-user-dropdown *{max-width:100%;box-sizing:border-box}.ep-seo-user-actions{gap:10px!important}.ep-seo-user-actions .ep-seo-user-btn{white-space:normal!important;text-decoration:none!important}.ep-seo-mobile-auth{display:none;align-items:center;gap:8px;order:4;width:100%;padding:6px 0 0;overflow:auto}.ep-seo-mobile-auth-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;border:1px solid #dbeafe;background:#fff;color:#1d4ed8!important;font-weight:950;text-decoration:none!important;white-space:nowrap;box-shadow:0 8px 18px rgba(37,99,235,.08)}.ep-seo-mobile-auth-btn--logout{background:#e11d2e!important;color:#fff!important;border-color:#e11d2e!important}.ep-seo-mobile-logout{display:inline-flex;margin:0}.ep-seo-links--visual{scrollbar-width:thin}.ep-seo-tool-link{text-decoration:none!important}@media(max-width:1100px){.ep-seo-user-dropdown{right:14px!important;left:auto!important;top:82px!important}.ep-seo-left-head{width:100%;justify-content:space-between}.ep-seo-mobile-auth{display:flex}.ep-seo-nav-inner--pro{gap:8px}.ep-seo-links--visual{order:3}.ep-seo-theme-toggle{margin-left:auto}}
@media(max-width:560px){.ep-seo-user-dropdown{right:8px!important;left:auto!important;top:76px!important;width:min(340px,calc(100vw - 16px))!important}.ep-seo-mobile-auth{display:flex}.ep-seo-mobile-auth-btn{font-size:12px;padding:7px 10px}.ep-seo-section--top-dashboard{padding-top:16px!important}.ep-seo-app h2{font-size:26px!important}} .ep-seo-nav{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #dbe7ff;position:sticky;top:0;z-index:9999}
.ep-seo-nav-inner--pro{display:grid!important;grid-template-columns:minmax(250px,320px) minmax(360px,1fr) auto;align-items:center;gap:16px;min-height:86px;padding:12px 0!important}
.ep-seo-left-head{min-width:0!important;width:auto!important;display:flex!important;align-items:center!important;gap:12px!important;justify-content:flex-start!important}.ep-seo-links--visual{margin:0!important;width:auto!important;order:initial!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;overflow:visible!important;padding:0!important;flex-wrap:wrap}.ep-seo-mobile-auth{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;order:initial!important;width:auto!important;padding:0!important;overflow:visible!important;white-space:nowrap}.ep-seo-mobile-auth-btn{min-height:42px!important;padding:9px 15px!important;border-radius:999px!important;text-decoration:none!important;line-height:1!important}.ep-seo-mobile-auth-btn:not(.ep-seo-mobile-auth-btn--logout){background:linear-gradient(135deg,#fff,#eff6ff)!important;border-color:#cfe0ff!important;color:#0f4eb8!important;box-shadow:0 10px 22px rgba(37,99,235,.08)!important}.ep-seo-mobile-auth-btn--logout{background:#e11d2e!important;border-color:#e11d2e!important;color:#fff!important;box-shadow:0 12px 24px rgba(225,29,46,.22)!important}.ep-seo-mobile-logout{margin:0!important}.ep-seo-tool-link{min-height:46px!important;padding:9px 14px!important}.ep-seo-user-menu{position:relative!important;z-index:1000000!important}.ep-seo-user-menu>summary{min-height:58px!important;border-radius:999px!important;box-shadow:0 12px 32px rgba(37,99,235,.14)!important}.ep-seo-user-dropdown{position:fixed!important;right:24px!important;left:auto!important;top:92px!important;width:min(360px,calc(100vw - 32px))!important;max-height:calc(100vh - 112px)!important;overflow:auto!important;z-index:1000001!important;clip:auto!important;transform:none!important}.ep-seo-user-actions .ep-seo-user-btn,.ep-seo-mobile-auth-btn{user-select:none!important;-webkit-user-select:none!important}.ep-seo-user-actions .ep-seo-user-btn--light{text-decoration:none!important}.ep-seo-user-actions .ep-seo-user-btn--light:focus,.ep-seo-mobile-auth-btn:focus{outline:3px solid rgba(37,99,235,.22)!important;outline-offset:2px!important}.ep-seo-user-dropdown .ep-seo-user-actions{grid-template-columns:1fr 1fr!important}.ep-seo-user-dropdown .ep-seo-user-btn--logout{margin-top:2px!important}
@media(max-width:1180px){.ep-seo-nav-inner--pro{grid-template-columns:1fr;gap:12px}.ep-seo-left-head{width:100%!important;justify-content:space-between!important}.ep-seo-links--visual{width:100%!important;justify-content:center!important;overflow:auto!important;flex-wrap:nowrap!important;padding:2px 0 5px!important}.ep-seo-tool-link{flex:0 0 auto}.ep-seo-mobile-auth{width:100%!important;justify-content:center!important;overflow:auto!important;padding-bottom:4px!important}.ep-seo-user-dropdown{right:14px!important;top:86px!important}}
@media(max-width:640px){.ep-seo-nav-inner--pro{min-height:auto;padding:10px 0!important}.ep-seo-left-head{gap:8px!important}.ep-seo-theme-toggle{min-height:40px!important;font-size:12px!important;padding:8px 12px!important}.ep-seo-user-menu>summary{min-height:50px!important;padding:7px 10px 7px 7px!important}.ep-seo-user-copy strong{max-width:104px!important}.ep-seo-user-copy em{font-size:11px!important}.ep-seo-links--visual{justify-content:flex-start!important}.ep-seo-mobile-auth{justify-content:flex-start!important}.ep-seo-user-dropdown{top:76px!important;right:8px!important;width:min(340px,calc(100vw - 16px))!important}.ep-seo-mobile-auth-btn{font-size:12px!important;padding:8px 11px!important}} .ai-study-cta-focus-pulse{animation:epCtaFocusPulse 1.2s ease-in-out 2!important;outline:3px solid rgba(37,99,235,.25)!important;outline-offset:4px!important;border-radius:18px!important}@keyframes epCtaFocusPulse{0%,100%{box-shadow:0 0 0 rgba(37,99,235,0)}50%{box-shadow:0 0 0 10px rgba(37,99,235,.13)}} @media (max-width: 767px){
html,body{overflow-x:hidden!important;}
.ep-seo{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
.ep-seo-wrap{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important;margin-left:auto!important;margin-right:auto!important;} .ep-seo-nav{display:none!important;} .ep-seo-section--top-dashboard,
.ep-seo-section,
.ep-seo-hero,
.ep-seo-app,
.ep-seo-soft{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
.ep-seo-section--top-dashboard{padding:8px 0 18px!important;}
.ep-seo-section{padding-left:0!important;padding-right:0!important;}
.ep-seo-app{padding:10px!important;border-radius:18px!important;box-shadow:none!important;border-left:1px solid #dbe7ff!important;border-right:1px solid #dbe7ff!important;}
.ep-seo-app h1,.ep-seo-app h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.15!important;letter-spacing:-.6px!important;word-break:normal!important;}
.ep-seo-app p{font-size:14px!important;line-height:1.55!important;}
.ep-shortcode-wrap{width:100%!important;max-width:100%!important;overflow-x:hidden!important;} .ep-shortcode-wrap > *,
.ep-shortcode-wrap .ai-study-app,
.ep-shortcode-wrap .ai-study-dashboard,
.ep-shortcode-wrap .ai-study-portal,
.ep-shortcode-wrap .ai-study-auth,
.ep-shortcode-wrap .ai-study-shell,
.ep-shortcode-wrap .ai-study-main,
.ep-shortcode-wrap .ai-study-panel,
.ep-shortcode-wrap .ai-study-card,
.ep-shortcode-wrap form,
.ep-shortcode-wrap input,
.ep-shortcode-wrap textarea,
.ep-shortcode-wrap select{max-width:100%!important;box-sizing:border-box!important;}
.ep-shortcode-wrap .ai-study-dashboard,
.ep-shortcode-wrap .ai-study-portal,
.ep-shortcode-wrap .ai-study-auth{margin-left:0!important;margin-right:0!important;}
.ep-shortcode-wrap input,
.ep-shortcode-wrap textarea,
.ep-shortcode-wrap select{width:100%!important;} .ep-shortcode-wrap button,
.ep-shortcode-wrap .ai-study-btn,
.ep-shortcode-wrap a[class*="btn"]{max-width:100%!important;white-space:normal!important;}
.ep-shortcode-wrap table{display:block!important;width:100%!important;overflow-x:auto!important;}
}
@media (max-width: 390px){
.ep-seo-wrap{padding-left:6px!important;padding-right:6px!important;}
.ep-seo-app{padding:8px!important;border-radius:16px!important;}
} .ep-seo-nav--clean{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.ep-seo-nav-inner--clean{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:68px!important;padding:10px 0!important;grid-template-columns:none!important}
.ep-seo-clean-brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;min-width:0}
.ep-seo-clean-brand__logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;font-size:14px;flex-shrink:0;box-shadow:0 8px 20px rgba(37,99,235,.22)}
.ep-seo-clean-brand__copy{display:grid;line-height:1.15;min-width:0}
.ep-seo-clean-brand__copy strong{color:#0f172a;font-size:16px;font-weight:800}
.ep-seo-clean-brand__copy em{font-style:normal;color:#64748b;font-size:12px;font-weight:600}
.ep-seo-clean-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0}
.ep-seo-clean-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid transparent;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.ep-seo-clean-btn--primary{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);color:#fff!important;box-shadow:0 8px 20px rgba(37,99,235,.22)}
.ep-seo-clean-btn--ghost{background:#fff;color:#1e293b!important;border-color:#cbd5e1}
.ep-seo-clean-btn--logout{background:#fff5f5;color:#dc2626!important;border-color:#fecaca}
.ep-seo-clean-logout{margin:0;display:inline-flex}
.ep-seo-user-menu--clean>summary{min-height:40px!important;padding:4px 12px 4px 4px!important;border:1.5px solid #cbd5e1!important;background:#fff!important;box-shadow:none!important}
.ep-seo-user-copy--simple strong{font-size:14px!important;max-width:none!important;color:#0f172a!important}
.ep-seo-user-menu--clean .ep-seo-user-avatar{width:32px!important;height:32px!important;font-size:13px!important}
.ep-seo-left-head,.ep-seo-links--visual,.ep-seo-mobile-auth,.ep-seo-nav-inner--pro .ep-seo-theme-toggle{display:none!important}
.ep-seo-dropdown-theme{padding:0 2px 4px}
.ep-seo-dropdown-theme .ep-seo-theme-toggle{width:100%;justify-content:center}
html[data-theme="dark"] .ep-seo-nav--clean,body[data-ai-study-theme="dark"] .ep-seo-nav--clean{background:rgba(11,22,40,.97)!important;border-color:#1e3a5f!important}
html[data-theme="dark"] .ep-seo-clean-brand__copy strong,body[data-ai-study-theme="dark"] .ep-seo-clean-brand__copy strong{color:#f8fafc!important}
html[data-theme="dark"] .ep-seo-clean-brand__copy em,body[data-ai-study-theme="dark"] .ep-seo-clean-brand__copy em{color:#94a3b8!important}
html[data-theme="dark"] .ep-seo-user-menu--clean>summary,body[data-ai-study-theme="dark"] .ep-seo-user-menu--clean>summary{background:#0f1b2d!important;border-color:#334155!important}
html[data-theme="dark"] .ep-seo-clean-btn--ghost,body[data-ai-study-theme="dark"] .ep-seo-clean-btn--ghost{background:#0f1b2d!important;color:#e2e8f0!important;border-color:#334155!important}
@media(max-width:640px){.ep-seo-clean-brand__copy em{display:none}.ep-seo-clean-brand__copy strong{font-size:14px!important}.ep-seo-clean-btn{padding:0 12px;font-size:12px}} .ep-dashboard-banner{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;margin:18px 0 24px;min-height:270px;border:1px solid #dbe7ff;border-radius:30px;box-shadow:0 20px 46px rgba(37,99,235,.08);overflow:hidden;position:relative;background:#f8fbff}
.ep-dashboard-banner__media{position:absolute;inset:0;z-index:0;background:#f8fbff}
.ep-dashboard-banner__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);animation:epDashboardSlider5 25s infinite ease-in-out}
.ep-dashboard-slider-count-1 .ep-dashboard-banner__slide{opacity:1!important;animation:none!important;transform:none!important}
.ep-dashboard-slider-count-2 .ep-dashboard-banner__slide{animation-name:epDashboardSlider2!important;animation-duration:10s!important}
.ep-dashboard-slider-count-3 .ep-dashboard-banner__slide{animation-name:epDashboardSlider3!important;animation-duration:15s!important}
.ep-dashboard-slider-count-4 .ep-dashboard-banner__slide{animation-name:epDashboardSlider4!important;animation-duration:20s!important}
.ep-dashboard-slider-count-5 .ep-dashboard-banner__slide{animation-name:epDashboardSlider5!important;animation-duration:25s!important}
.ep-dashboard-banner__slide--1{animation-delay:0s}.ep-dashboard-banner__slide--2{animation-delay:5s}.ep-dashboard-banner__slide--3{animation-delay:10s}.ep-dashboard-banner__slide--4{animation-delay:15s}.ep-dashboard-banner__slide--5{animation-delay:20s}
@keyframes epDashboardSlider2{0%,45%{opacity:1;transform:scale(1)}50%,100%{opacity:0;transform:scale(1.025)}}
@keyframes epDashboardSlider3{0%,28%{opacity:1;transform:scale(1)}33.333%,100%{opacity:0;transform:scale(1.025)}}
@keyframes epDashboardSlider4{0%,20%{opacity:1;transform:scale(1)}25%,100%{opacity:0;transform:scale(1.025)}}
@keyframes epDashboardSlider5{0%,16%{opacity:1;transform:scale(1)}20%,100%{opacity:0;transform:scale(1.025)}}
.ep-dashboard-banner__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(248,251,255,.98) 0%,rgba(248,251,255,.88) 42%,rgba(248,251,255,.36) 100%)}
.ep-dashboard-banner__content{position:relative;z-index:2;max-width:720px;padding:30px}
.ep-dashboard-banner__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(238,246,255,.94);border:1px solid #dbeafe;color:#1d4ed8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}
.ep-dashboard-banner h3{font-size:clamp(28px,3.8vw,50px);line-height:1.08;letter-spacing:-1.1px;color:#0f172a;margin:0 0 12px;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.ep-dashboard-banner p{margin:0 0 18px;color:#475569;font-size:17px;line-height:1.7;max-width:660px}
.ep-dashboard-banner__actions{display:flex;flex-wrap:wrap;gap:12px}
.ep-dashboard-banner__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:16px;border:1px solid #dbeafe;font-weight:800;font-size:15px;line-height:1;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;background:#fff;color:#1d4ed8;box-shadow:0 8px 20px rgba(15,23,42,.08)}
.ep-dashboard-banner__btn:hover{transform:translateY(-1px);filter:saturate(1.04)}
.ep-dashboard-banner__btn--primary{border-color:transparent;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 12px 30px rgba(37,99,235,.24)}
.ep-dashboard-banner__btn--success{border-color:transparent;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 12px 30px rgba(22,163,74,.24)}
.ep-dashboard-banner__btn--ghost{background:#fff;color:#0f172a;border-color:#cbd5e1}
.ep-dashboard-banner__stats{position:absolute;right:18px;top:18px;max-width:220px;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.96);border:1px solid #dbeafe;box-shadow:0 16px 32px rgba(15,23,42,.08);z-index:3}
.ep-dashboard-banner__stats-label{display:block;font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.ep-dashboard-banner__stats strong{display:block;font-size:28px;line-height:1.1;color:#0f172a;margin-bottom:6px}
.ep-dashboard-banner__stats p{margin:0 0 6px!important;font-size:14px!important;line-height:1.45!important;color:#0f172a!important}
.ep-dashboard-banner__stats small{display:block;font-size:13px;color:#16a34a;font-weight:800}
@media(max-width:900px){.ep-dashboard-banner{min-height:300px}.ep-dashboard-banner__overlay{background:linear-gradient(180deg,rgba(248,251,255,.96) 0%,rgba(248,251,255,.82) 60%,rgba(248,251,255,.48) 100%)}.ep-dashboard-banner__content{padding:22px;padding-top:92px}.ep-dashboard-banner__stats{left:14px;right:14px;top:14px;max-width:none}}
@media(max-width:720px){.ep-dashboard-banner{min-height:360px;border-radius:22px;margin:14px 0 18px}.ep-dashboard-banner__content{padding:18px;padding-top:108px}.ep-dashboard-banner h3{font-size:clamp(24px,7.4vw,34px);letter-spacing:-.7px}.ep-dashboard-banner p{font-size:14px!important;line-height:1.6!important}.ep-dashboard-banner__actions{display:grid;grid-template-columns:1fr;gap:10px}.ep-dashboard-banner__btn{width:100%;min-height:48px;border-radius:14px;padding:0 14px;font-size:14px}.ep-dashboard-banner__stats{padding:12px 14px}.ep-dashboard-banner__stats strong{font-size:22px}}
@media(max-width:480px){.ep-dashboard-banner{min-height:390px;border-radius:18px}.ep-dashboard-banner__content{padding:14px;padding-top:116px}.ep-dashboard-banner__eyebrow{font-size:11px;padding:6px 10px}.ep-dashboard-banner__stats p{font-size:13px!important}.ep-dashboard-banner__stats small{font-size:12px}} .ep-dashboard-banner--minimal{min-height:300px!important;margin:12px 0 22px!important;border-radius:28px!important;background:#f8fbff!important;position:relative!important;overflow:hidden!important}
.ep-dashboard-banner--minimal .ep-dashboard-banner__media,
.ep-dashboard-banner--minimal .ep-dashboard-banner__slide{height:100%!important}
.ep-dashboard-banner--minimal .ep-dashboard-banner__slide{object-fit:cover!important;object-position:center center!important}
.ep-dashboard-banner--minimal .ep-dashboard-banner__overlay{background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 35%,rgba(255,255,255,0) 70%)!important}
.ep-dashboard-banner--minimal .ep-dashboard-banner__content{position:absolute!important;top:14px!important;left:14px!important;z-index:3!important;display:block!important;min-height:auto!important;max-width:none!important;padding:0!important;pointer-events:none!important}
.ep-dashboard-banner--minimal h3{display:inline-flex!important;align-items:center!important;margin:0!important;padding:10px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(219,234,254,.95)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;font-size:clamp(16px,2vw,24px)!important;line-height:1.2!important;letter-spacing:-.35px!important;color:#0f172a!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important;text-shadow:none!important;max-width:min(78vw,420px)!important;white-space:normal!important}
.ep-dashboard-banner--minimal .ep-dashboard-banner__eyebrow,
.ep-dashboard-banner--minimal p,
.ep-dashboard-banner--minimal .ep-dashboard-banner__actions,
.ep-dashboard-banner--minimal .ep-dashboard-banner__stats{display:none!important}
@media(max-width:900px){.ep-dashboard-banner--minimal{min-height:0!important;aspect-ratio:16/7!important;background:#fff!important}.ep-dashboard-banner--minimal .ep-dashboard-banner__media{background:#fff!important}.ep-dashboard-banner--minimal .ep-dashboard-banner__slide{object-fit:contain!important;object-position:center center!important;transform:none!important}.ep-dashboard-banner--minimal .ep-dashboard-banner__content{top:12px!important;left:12px!important}.ep-dashboard-banner--minimal h3{font-size:clamp(15px,3vw,21px)!important;max-width:min(84vw,360px)!important}}
@media(max-width:560px){.ep-dashboard-banner--minimal{min-height:0!important;aspect-ratio:16/8!important;border-radius:18px!important;margin:10px 0 14px!important;background:#fff!important}.ep-dashboard-banner--minimal .ep-dashboard-banner__media{background:#fff!important}.ep-dashboard-banner--minimal .ep-dashboard-banner__slide{object-fit:contain!important;object-position:center center!important;transform:none!important}.ep-dashboard-banner--minimal .ep-dashboard-banner__content{top:8px!important;left:8px!important}.ep-dashboard-banner--minimal h3{padding:7px 10px!important;border-radius:11px!important;font-size:13px!important;line-height:1.22!important;max-width:min(86vw,260px)!important}} @media(max-width:900px){.ep-dashboard-banner--minimal.ep-dashboard-slider-count-1 .ep-dashboard-banner__slide{opacity:1!important;animation:none!important}.ep-dashboard-banner--minimal .ep-dashboard-banner__overlay{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0))!important}} .ep-dashboard-banner--minimal .ep-dashboard-banner__content{animation:epWelcomeBadgeFlashOut 6s ease-in-out 0s forwards!important;will-change:opacity,transform,visibility!important}
@keyframes epWelcomeBadgeFlashOut{0%{opacity:0;transform:translateY(-6px) scale(.98);visibility:visible}10%{opacity:1;transform:translateY(0) scale(1);visibility:visible}82%{opacity:1;transform:translateY(0) scale(1);visibility:visible}99%{opacity:0;transform:translateY(-4px) scale(.98);visibility:visible}100%{opacity:0;transform:translateY(-4px) scale(.98);visibility:hidden}} .ep-seo-nav--clean:not(.ep-seo-nav--profile-status) .ep-seo-nav-inner--clean{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important}
.ep-seo-nav--clean:not(.ep-seo-nav--profile-status) .ep-seo-clean-brand{flex:0 1 auto!important}
.ep-seo-nav--clean:not(.ep-seo-nav--profile-status) .ep-seo-clean-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}
@media(max-width:640px){.ep-seo-nav--clean:not(.ep-seo-nav--profile-status) .ep-seo-nav-inner--clean{flex-wrap:wrap!important}.ep-seo-nav--clean:not(.ep-seo-nav--profile-status) .ep-seo-clean-actions{width:100%!important;justify-content:flex-end!important}.ep-seo-nav--clean:not(.ep-seo-nav--profile-status) .ep-seo-clean-brand{width:100%!important}} .ep-seo-nav--profile-status{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dbe7ff!important;box-shadow:0 10px 26px rgba(15,23,42,.045)!important}
.ep-seo-nav-inner--profile-status{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-height:78px!important;padding-top:10px!important;padding-bottom:10px!important;flex-wrap:nowrap!important}
.ep-seo-profile-status-left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;flex:1 1 auto!important}
.ep-seo-profile-main-btn{display:inline-flex!important;align-items:center!important;gap:12px!important;min-height:54px!important;padding:8px 16px 8px 10px!important;border:1px solid #dbeafe!important;border-radius:18px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 10px 24px rgba(37,99,235,.08)!important;cursor:pointer!important;max-width:310px!important;min-width:210px!important;text-align:left!important;flex:0 0 auto!important}
.ep-seo-profile-main-btn__avatar{width:38px!important;height:38px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 18px rgba(37,99,235,.22)!important;flex:0 0 auto!important}
.ep-seo-profile-main-btn__copy{display:grid!important;gap:2px!important;line-height:1.1!important;min-width:0!important}
.ep-seo-profile-main-btn__copy strong{font-size:15px!important;font-weight:900!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ep-seo-profile-main-btn__copy em{font-style:normal!important;font-size:12px!important;font-weight:700!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ep-seo-header-info-cards{display:flex!important;align-items:stretch!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
.ep-seo-header-plan-card,.ep-seo-header-limit-card{appearance:none!important;border:1px solid #dbeafe!important;border-radius:16px!important;background:#fff!important;color:#0f172a!important;box-shadow:0 8px 20px rgba(15,23,42,.055)!important;padding:10px 13px!important;min-height:54px!important;text-align:left!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:170px!important;max-width:260px!important;overflow:hidden!important}
.ep-seo-header-plan-card.is-premium{background:linear-gradient(135deg,#fff7ed,#faf5ff)!important;border-color:#fed7aa!important}.ep-seo-header-plan-card.is-free{background:linear-gradient(135deg,#f8fafc,#eff6ff)!important}
.ep-seo-header-plan-card span{align-self:flex-start!important;padding:3px 9px!important;border-radius:999px!important;background:#fef3c7!important;border:1px solid #fde68a!important;color:#92400e!important;font-size:11px!important;font-weight:900!important;line-height:1!important}
.ep-seo-header-plan-card strong{font-size:13px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#0f172a!important}.ep-seo-header-plan-card p{font-size:12px!important;line-height:1.25!important;margin:0!important;color:#334155!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ep-seo-header-limit-card{min-width:260px!important;max-width:380px!important;background:linear-gradient(135deg,#eff6ff,#f8fbff)!important}.ep-seo-header-limit-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important}.ep-seo-header-limit-head b{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.02em!important;color:#1e293b!important;white-space:nowrap!important}.ep-seo-header-limit-head i{font-style:normal!important;padding:3px 9px!important;border-radius:999px!important;background:#fef3c7!important;border:1px solid #fde68a!important;color:#92400e!important;font-size:11px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}.ep-seo-header-limit-line{font-size:12px!important;color:#334155!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ep-seo-header-limit-line strong{font-size:14px!important;color:#0f172a!important}.ep-seo-header-limit-card small{display:inline-flex!important;align-self:flex-start!important;padding:3px 8px!important;border-radius:999px!important;background:#dbeafe!important;color:#1d4ed8!important;font-size:11px!important;font-weight:900!important}.ep-seo-header-limit-track{display:block!important;width:100%!important;height:5px!important;border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important;margin-top:2px!important}.ep-seo-header-limit-track i{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#2563eb,#7c3aed)!important}
.ep-seo-clean-actions--profile-status{flex:0 0 auto!important;margin-left:0!important;display:flex!important;align-items:center!important;gap:8px!important}.ep-seo-clean-actions--profile-status .ep-seo-clean-logout{margin:0!important}.ep-seo-clean-actions--profile-status .ep-seo-clean-btn--logout{min-height:42px!important;border-radius:999px!important;padding:0 16px!important}
@media(max-width:1100px){.ep-seo-nav-inner--profile-status{align-items:stretch!important;flex-wrap:wrap!important}.ep-seo-profile-status-left{width:100%!important;flex-wrap:wrap!important}.ep-seo-header-info-cards{width:100%!important;display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(230px,1.4fr)!important}.ep-seo-header-plan-card,.ep-seo-header-limit-card{max-width:none!important;width:100%!important}.ep-seo-clean-actions--profile-status{margin-left:auto!important}}
@media(max-width:700px){.ep-seo-profile-status-left{gap:10px!important}.ep-seo-profile-main-btn{width:100%!important;max-width:none!important;min-width:0!important}.ep-seo-header-info-cards{grid-template-columns:1fr!important;overflow:visible!important}.ep-seo-header-plan-card,.ep-seo-header-limit-card{min-width:0!important}.ep-seo-clean-actions--profile-status{width:100%!important;justify-content:flex-end!important}.ep-seo-nav-inner--profile-status{gap:10px!important}}
@media(max-width:420px){.ep-seo-profile-main-btn{padding:8px 12px 8px 8px!important}.ep-seo-profile-main-btn__copy strong{font-size:14px!important}.ep-seo-profile-main-btn__copy em{font-size:11px!important}.ep-seo-header-limit-head{flex-wrap:wrap!important}.ep-seo-header-limit-line{white-space:normal!important}} @media (min-width: 901px){
.ep-seo-nav--profile-status{box-shadow:0 6px 16px rgba(15,23,42,.035)!important}
.ep-seo-nav--profile-status .ep-seo-wrap{min-height:58px!important}
.ep-seo-nav-inner--profile-status{min-height:58px!important;padding-top:6px!important;padding-bottom:6px!important;gap:12px!important;align-items:center!important;flex-wrap:nowrap!important}
.ep-seo-profile-status-left{gap:10px!important;align-items:center!important;flex-wrap:nowrap!important;min-width:0!important;overflow:hidden!important}
.ep-seo-profile-main-btn{min-height:42px!important;height:42px!important;min-width:210px!important;max-width:245px!important;padding:5px 12px 5px 7px!important;border-radius:14px!important;gap:9px!important;box-shadow:0 7px 18px rgba(37,99,235,.08)!important}
.ep-seo-profile-main-btn__avatar{width:30px!important;height:30px!important;border-radius:10px!important;font-size:13px!important;box-shadow:none!important}
.ep-seo-profile-main-btn__copy{gap:0!important;line-height:1.05!important}
.ep-seo-profile-main-btn__copy strong{font-size:13px!important;line-height:1.05!important}
.ep-seo-profile-main-btn__copy em{font-size:11px!important;line-height:1.15!important}
.ep-seo-header-info-cards{display:flex!important;align-items:center!important;gap:8px!important;flex:1 1 auto!important;overflow:hidden!important;min-width:0!important}
.ep-seo-header-plan-card,
.ep-seo-header-limit-card{min-height:42px!important;height:42px!important;padding:6px 10px!important;border-radius:13px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;box-shadow:none!important;white-space:nowrap!important;overflow:hidden!important}
.ep-seo-header-plan-card{min-width:250px!important;max-width:310px!important;flex:0 0 250px!important}
.ep-seo-header-limit-card{min-width:390px!important;max-width:520px!important;flex:1 1 390px!important;background:linear-gradient(135deg,#eff6ff,#f8fbff)!important}
.ep-seo-header-plan-card span,
.ep-seo-header-limit-head i{padding:3px 8px!important;font-size:10px!important;line-height:1!important;flex:0 0 auto!important}
.ep-seo-header-plan-card strong{font-size:12px!important;line-height:1!important;flex:0 0 auto!important;max-width:110px!important}
.ep-seo-header-plan-card p{font-size:11px!important;line-height:1!important;margin:0!important;flex:1 1 auto!important;min-width:0!important}
.ep-seo-header-limit-head{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;justify-content:flex-start!important;min-width:auto!important}
.ep-seo-header-limit-head b{font-size:11px!important;line-height:1!important;letter-spacing:.02em!important}
.ep-seo-header-limit-line{font-size:11px!important;line-height:1!important;flex:0 1 auto!important;min-width:0!important;max-width:210px!important}
.ep-seo-header-limit-line strong{font-size:12px!important;line-height:1!important}
.ep-seo-header-limit-card small{padding:3px 7px!important;font-size:10px!important;line-height:1!important;align-self:center!important;flex:0 0 auto!important}
.ep-seo-header-limit-track{position:absolute!important;left:10px!important;right:10px!important;bottom:5px!important;width:auto!important;height:3px!important;margin:0!important}
.ep-seo-clean-actions--profile-status{gap:6px!important;flex:0 0 auto!important}
.ep-seo-clean-actions--profile-status .ep-seo-clean-btn--logout{min-height:34px!important;height:34px!important;padding:0 14px!important;font-size:12px!important;border-radius:999px!important}
}
@media (min-width:901px) and (max-width:1180px){
.ep-seo-profile-main-btn{min-width:190px!important;max-width:215px!important}
.ep-seo-header-plan-card{min-width:220px!important;flex-basis:220px!important;max-width:250px!important}
.ep-seo-header-limit-card{min-width:330px!important;flex-basis:330px!important}
.ep-seo-header-limit-line{max-width:160px!important}
}
@media (max-width:900px){
.ep-seo-nav-inner--profile-status{min-height:auto!important;padding-top:8px!important;padding-bottom:8px!important}
} .ep-seo-header-quick-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;white-space:nowrap!important;min-width:max-content!important}
.ep-seo-header-action-btn{appearance:none!important;border:0!important;border-radius:999px!important;min-height:38px!important;height:38px!important;padding:0 15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:900!important;line-height:1!important;color:#fff!important;cursor:pointer!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,23,42,.10)!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important}
.ep-seo-header-action-btn:hover{transform:translateY(-1px)!important;filter:saturate(1.06)!important;box-shadow:0 10px 22px rgba(15,23,42,.14)!important}
.ep-seo-header-action-btn--manage{background:linear-gradient(135deg,#2563eb,#3b82f6)!important}
.ep-seo-header-action-btn--credits{background:linear-gradient(135deg,#16a34a,#22c55e)!important}
@media (min-width:901px){
.ep-seo-header-quick-actions{height:42px!important}
.ep-seo-header-action-btn{height:34px!important;min-height:34px!important;padding:0 13px!important;font-size:12px!important}
.ep-seo-header-info-cards{flex:1 1 auto!important}
.ep-seo-header-plan-card{min-width:220px!important;max-width:270px!important;flex:0 1 230px!important}
.ep-seo-header-limit-card{min-width:310px!important;max-width:440px!important;flex:1 1 330px!important}
.ep-seo-header-limit-line{max-width:150px!important}
}
@media (min-width:901px) and (max-width:1180px){
.ep-seo-header-quick-actions{gap:6px!important}
.ep-seo-header-action-btn{padding:0 10px!important;font-size:11px!important}
.ep-seo-header-plan-card{min-width:190px!important;flex-basis:190px!important;max-width:220px!important}
.ep-seo-header-limit-card{min-width:270px!important;flex-basis:270px!important}
.ep-seo-header-limit-line{max-width:105px!important}
}
@media (max-width:900px){
.ep-seo-header-quick-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;min-width:0!important}
.ep-seo-header-action-btn{width:100%!important;min-height:42px!important;height:42px!important;border-radius:14px!important}
}
@media (max-width:420px){.ep-seo-header-quick-actions{grid-template-columns:1fr!important}.ep-seo-header-action-btn{min-height:40px!important;height:40px!important}} @media (min-width: 741px){
.ep-seo-nav--profile-status,
.ep-seo-nav--profile-status *{box-sizing:border-box!important}
.ep-seo-nav--profile-status{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
.ep-seo-nav--profile-status .ep-seo-wrap,
.ep-seo-nav-inner--profile-status{min-height:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:nowrap!important;padding-top:4px!important;padding-bottom:4px!important;max-width:1180px!important;overflow:visible!important}
.ep-seo-profile-status-left{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;width:auto!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;flex:0 0 auto!important}
.ep-seo-profile-main-btn{height:38px!important;min-height:38px!important;min-width:185px!important;max-width:205px!important;flex:0 0 185px!important;padding:4px 10px 4px 6px!important;border-radius:13px!important;gap:8px!important;overflow:hidden!important}
.ep-seo-profile-main-btn__avatar{width:28px!important;height:28px!important;border-radius:9px!important;font-size:12px!important;flex:0 0 28px!important}
.ep-seo-profile-main-btn__copy{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;line-height:1!important;overflow:hidden!important}
.ep-seo-profile-main-btn__copy strong{font-size:12px!important;line-height:1!important;flex:0 0 auto!important}
.ep-seo-profile-main-btn__copy em{font-size:10px!important;line-height:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.ep-seo-header-info-cards{display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;flex:0 0 auto!important}
.ep-seo-header-plan-card,
.ep-seo-header-limit-card{height:38px!important;min-height:38px!important;padding:5px 9px!important;border-radius:13px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;white-space:nowrap!important;overflow:hidden!important;box-shadow:none!important;flex:0 0 auto!important}
.ep-seo-header-plan-card{min-width:185px!important;max-width:205px!important;width:185px!important}
.ep-seo-header-limit-card{min-width:255px!important;max-width:285px!important;width:255px!important;position:relative!important;padding-bottom:8px!important}
.ep-seo-header-plan-card span,
.ep-seo-header-limit-head i{padding:2px 6px!important;font-size:9px!important;line-height:1!important;flex:0 0 auto!important;border-radius:999px!important}
.ep-seo-header-plan-card strong{font-size:11px!important;line-height:1!important;max-width:82px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 0 auto!important}
.ep-seo-header-plan-card p{font-size:10px!important;line-height:1!important;margin:0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1 1 auto!important}
.ep-seo-header-limit-head{display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;min-width:0!important;justify-content:flex-start!important}
.ep-seo-header-limit-head b{font-size:10px!important;line-height:1!important;letter-spacing:.01em!important;white-space:nowrap!important}
.ep-seo-header-limit-line{font-size:10px!important;line-height:1!important;max-width:112px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:0 1 auto!important}
.ep-seo-header-limit-line strong{font-size:11px!important;line-height:1!important}
.ep-seo-header-limit-card small{padding:2px 5px!important;font-size:9px!important;line-height:1!important;align-self:center!important;flex:0 0 auto!important;white-space:nowrap!important}
.ep-seo-header-limit-track{position:absolute!important;left:9px!important;right:9px!important;bottom:4px!important;height:3px!important;width:auto!important;margin:0!important}
.ep-seo-header-quick-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;min-width:max-content!important;width:auto!important;height:38px!important;white-space:nowrap!important}
.ep-seo-header-action-btn{height:32px!important;min-height:32px!important;padding:0 11px!important;font-size:11px!important;border-radius:999px!important;white-space:nowrap!important;flex:0 0 auto!important}
.ep-seo-clean-actions--profile-status{height:38px!important;display:flex!important;align-items:center!important;gap:0!important;flex:0 0 auto!important;margin-left:auto!important;min-width:max-content!important;width:auto!important}
.ep-seo-clean-actions--profile-status .ep-seo-clean-btn--logout{height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:11px!important;white-space:nowrap!important;border-radius:999px!important}
}
@media (min-width:741px) and (max-width:980px){
.ep-seo-profile-main-btn{min-width:160px!important;max-width:170px!important;flex-basis:160px!important}
.ep-seo-header-plan-card{min-width:158px!important;width:158px!important;max-width:158px!important}
.ep-seo-header-plan-card strong{max-width:66px!important}
.ep-seo-header-limit-card{min-width:220px!important;width:220px!important;max-width:220px!important}
.ep-seo-header-limit-line{max-width:78px!important}
.ep-seo-header-action-btn{padding:0 9px!important;font-size:10px!important}
} @media (min-width:901px){
.ep-seo-nav--profile-status{
overflow:visible!important;
background:#fff!important;
}
.ep-seo-nav--profile-status .ep-seo-wrap,
.ep-seo-nav-inner--profile-status{
height:auto!important;
min-height:70px!important;
padding-top:9px!important;
padding-bottom:9px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
flex-wrap:nowrap!important;
overflow:visible!important;
}
.ep-seo-profile-status-left{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex:1 1 auto!important;
min-width:0!important;
width:auto!important;
max-width:none!important;
flex-wrap:nowrap!important;
overflow:visible!important;
}
.ep-seo-profile-main-btn{
height:52px!important;
min-height:52px!important;
flex:0 0 220px!important;
width:220px!important;
min-width:220px!important;
max-width:220px!important;
padding:7px 12px 7px 8px!important;
border-radius:16px!important;
gap:10px!important;
overflow:hidden!important;
}
.ep-seo-profile-main-btn__avatar{
width:36px!important;
height:36px!important;
flex:0 0 36px!important;
border-radius:12px!important;
font-size:14px!important;
}
.ep-seo-profile-main-btn__copy{
display:grid!important;
gap:2px!important;
min-width:0!important;
line-height:1.1!important;
overflow:hidden!important;
}
.ep-seo-profile-main-btn__copy strong{
font-size:14px!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.ep-seo-profile-main-btn__copy em{
font-size:11px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.ep-seo-header-info-cards{
display:flex!important;
align-items:center!important;
gap:10px!important;
flex:1 1 auto!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
overflow:visible!important;
}
.ep-seo-header-plan-card,
.ep-seo-header-limit-card{
height:52px!important;
min-height:52px!important;
padding:8px 12px!important;
border-radius:16px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:9px!important;
white-space:nowrap!important;
overflow:hidden!important;
box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
}
.ep-seo-header-plan-card{
flex:0 0 230px!important;
width:230px!important;
min-width:230px!important;
max-width:230px!important;
}
.ep-seo-header-plan-card span,
.ep-seo-header-limit-head i{
padding:3px 8px!important;
font-size:10px!important;
line-height:1!important;
flex:0 0 auto!important;
border-radius:999px!important;
}
.ep-seo-header-plan-card strong{
font-size:13px!important;
line-height:1!important;
max-width:110px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
flex:0 0 auto!important;
}
.ep-seo-header-plan-card p{
font-size:11px!important;
line-height:1!important;
margin:0!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
flex:1 1 auto!important;
}
.ep-seo-header-limit-card{
flex:1 1 360px!important;
width:auto!important;
min-width:330px!important;
max-width:450px!important;
position:relative!important;
padding-bottom:13px!important;
}
.ep-seo-header-limit-head{
display:flex!important;
align-items:center!important;
gap:7px!important;
flex:0 0 auto!important;
min-width:0!important;
justify-content:flex-start!important;
}
.ep-seo-header-limit-head b{
font-size:11px!important;
line-height:1!important;
letter-spacing:.02em!important;
white-space:nowrap!important;
}
.ep-seo-header-limit-line{
font-size:11px!important;
line-height:1!important;
max-width:155px!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
flex:0 1 auto!important;
}
.ep-seo-header-limit-line strong{
font-size:12px!important;
line-height:1!important;
}
.ep-seo-header-limit-card small{
padding:3px 7px!important;
font-size:10px!important;
line-height:1!important;
align-self:center!important;
flex:0 0 auto!important;
white-space:nowrap!important;
}
.ep-seo-header-limit-track{
position:absolute!important;
left:12px!important;
right:12px!important;
bottom:7px!important;
width:auto!important;
height:3px!important;
margin:0!important;
}
.ep-seo-header-quick-actions{
display:flex!important;
align-items:center!important;
gap:8px!important;
height:52px!important;
flex:0 0 auto!important;
min-width:max-content!important;
width:auto!important;
white-space:nowrap!important;
}
.ep-seo-header-action-btn{
height:38px!important;
min-height:38px!important;
padding:0 14px!important;
font-size:12px!important;
border-radius:999px!important;
white-space:nowrap!important;
flex:0 0 auto!important;
}
.ep-seo-clean-actions--profile-status{
height:52px!important;
min-height:52px!important;
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
margin-left:10px!important;
width:auto!important;
min-width:max-content!important;
}
.ep-seo-clean-actions--profile-status .ep-seo-clean-btn--logout{
height:38px!important;
min-height:38px!important;
padding:0 14px!important;
font-size:12px!important;
border-radius:999px!important;
white-space:nowrap!important;
}
}
@media (min-width:901px) and (max-width:1120px){
.ep-seo-nav-inner--profile-status{gap:8px!important}
.ep-seo-profile-status-left{gap:7px!important}
.ep-seo-profile-main-btn{flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important}
.ep-seo-profile-main-btn__avatar{width:32px!important;height:32px!important;flex-basis:32px!important}
.ep-seo-profile-main-btn__copy strong{font-size:13px!important}
.ep-seo-profile-main-btn__copy em{font-size:10px!important}
.ep-seo-header-plan-card{flex-basis:195px!important;width:195px!important;min-width:195px!important;max-width:195px!important}
.ep-seo-header-plan-card strong{max-width:78px!important;font-size:12px!important}
.ep-seo-header-limit-card{min-width:285px!important;max-width:330px!important;flex-basis:300px!important}
.ep-seo-header-limit-line{max-width:98px!important}
.ep-seo-header-action-btn{padding:0 10px!important;font-size:11px!important}
.ep-seo-clean-actions--profile-status{margin-left:6px!important}
}
@media (min-width:741px) and (max-width:900px){
.ep-seo-nav--profile-status{overflow:visible!important}
.ep-seo-nav-inner--profile-status{height:auto!important;min-height:auto!important;padding:10px 0!important;flex-wrap:wrap!important;align-items:stretch!important;gap:10px!important}
.ep-seo-profile-status-left{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;min-width:0!important}
.ep-seo-profile-main-btn,.ep-seo-header-plan-card,.ep-seo-header-limit-card{height:auto!important;min-height:48px!important;width:100%!important;max-width:none!important;min-width:0!important;flex:auto!important}
.ep-seo-header-info-cards{display:contents!important}
.ep-seo-header-quick-actions{grid-column:1 / -1!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;min-width:0!important;height:auto!important}
.ep-seo-clean-actions--profile-status{width:100%!important;height:auto!important;justify-content:flex-end!important;margin-left:0!important}
} .ep-seo-nav--profile-status{
background:#fff!important;
border-bottom:1px solid #dbeafe!important;
box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
overflow:visible!important;
}
.ep-seo-nav--profile-status .ep-student-header,
.ep-seo-nav--profile-status .student-dashboard-header,
.ep-seo-nav--profile-status .easy-padhai-student-header,
.ep-seo-nav-inner--profile-status.ep-student-header{
width:min(1180px,calc(100% - 32px))!important;
margin:0 auto!important;
min-height:76px!important;
height:auto!important;
padding:14px 16px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
flex-wrap:nowrap!important;
overflow:visible!important;
box-sizing:border-box!important;
}
.ep-seo-nav--profile-status .ep-header-profile,
.ep-seo-nav--profile-status .student-header-left{
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
min-width:0!important;
width:auto!important;
margin:0!important;
}
.ep-seo-nav--profile-status .ep-header-plan-area,
.ep-seo-nav--profile-status .student-header-center{
flex:1 1 auto!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
gap:12px!important;
margin:0!important;
overflow:visible!important;
}
.ep-seo-nav--profile-status .ep-header-actions,
.ep-seo-nav--profile-status .student-header-actions{
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
white-space:nowrap!important;
margin:0!important;
min-width:max-content!important;
height:auto!important;
}
.ep-seo-nav--profile-status .ep-seo-profile-main-btn{
height:52px!important;
min-height:52px!important;
width:auto!important;
min-width:220px!important;
max-width:260px!important;
flex:0 0 auto!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
padding:8px 14px!important;
margin:0!important;
border:0!important;
border-radius:16px!important;
background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
color:#fff!important;
box-shadow:0 10px 24px rgba(37,99,235,.20)!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
.ep-seo-nav--profile-status .ep-seo-profile-main-btn__avatar{
width:34px!important;
height:34px!important;
min-width:34px!important;
flex:0 0 34px!important;
border-radius:12px!important;
display:grid!important;
place-items:center!important;
margin:0!important;
background:rgba(255,255,255,.18)!important;
color:#fff!important;
font-size:14px!important;
line-height:1!important;
font-weight:900!important;
box-shadow:none!important;
}
.ep-seo-nav--profile-status .ep-seo-profile-main-btn__copy{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:2px!important;
min-width:0!important;
line-height:1.1!important;
overflow:hidden!important;
margin:0!important;
}
.ep-seo-nav--profile-status .ep-seo-profile-main-btn__copy strong{
margin:0!important;
color:#fff!important;
font-size:14px!important;
font-weight:900!important;
line-height:1.05!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:180px!important;
}
.ep-seo-nav--profile-status .ep-seo-profile-main-btn__copy em{
margin:0!important;
color:rgba(255,255,255,.92)!important;
font-style:normal!important;
font-size:11px!important;
font-weight:700!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:180px!important;
}
.ep-seo-nav--profile-status .ep-seo-header-info-cards{
flex:1 1 auto!important;
min-width:0!important;
display:flex!important;
align-items:center!important;
gap:12px!important;
width:auto!important;
max-width:none!important;
overflow:visible!important;
margin:0!important;
}
.ep-seo-nav--profile-status .ep-seo-header-plan-card,
.ep-seo-nav--profile-status .ep-seo-header-limit-card{
height:52px!important;
min-height:52px!important;
max-height:52px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:column!important;
gap:2px!important;
padding:7px 14px!important;
margin:0!important;
border-radius:16px!important;
position:relative!important;
inset:auto!important;
transform:none!important;
overflow:hidden!important;
box-sizing:border-box!important;
text-align:center!important;
line-height:1.1!important;
box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
white-space:nowrap!important;
}
.ep-seo-nav--profile-status .ep-seo-header-plan-card{
flex:0 0 230px!important;
width:230px!important;
min-width:210px!important;
max-width:240px!important;
border:1px solid #fed7aa!important;
background:#fff7ed!important;
}
.ep-seo-nav--profile-status .ep-seo-header-limit-card{
flex:1 1 360px!important;
width:auto!important;
min-width:300px!important;
max-width:460px!important;
border:1px solid #bfdbfe!important;
background:#f8fbff!important;
padding-bottom:11px!important;
}
.ep-seo-nav--profile-status .ep-seo-header-plan-card *,
.ep-seo-nav--profile-status .ep-seo-header-limit-card *{
margin:0!important;
line-height:1.12!important;
white-space:nowrap!important;
position:static!important;
transform:none!important;
max-width:100%!important;
}
.ep-seo-nav--profile-status .ep-seo-header-plan-card span,
.ep-seo-nav--profile-status .ep-seo-header-limit-head i{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:18px!important;
min-height:18px!important;
padding:2px 8px!important;
border-radius:999px!important;
font-size:11px!important;
font-weight:800!important;
color:#9a3412!important;
background:#ffedd5!important;
border:1px solid #fdba74!important;
flex:0 0 auto!important;
margin:0 0 1px!important;
}
.ep-seo-nav--profile-status .ep-seo-header-plan-card strong{
display:block!important;
color:#0f172a!important;
font-size:13px!important;
font-weight:900!important;
line-height:1.12!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.ep-seo-nav--profile-status .ep-seo-header-plan-card p{
color:#0f172a!important;
font-size:12px!important;
font-weight:800!important;
line-height:1.12!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.ep-seo-nav--profile-status .ep-seo-header-limit-head{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
width:100%!important;
}
.ep-seo-nav--profile-status .ep-seo-header-limit-head b{
color:#0f172a!important;
font-size:11px!important;
font-weight:900!important;
text-transform:uppercase!important;
letter-spacing:.02em!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.ep-seo-nav--profile-status .ep-seo-header-limit-line{
display:block!important;
color:#0f172a!important;
font-size:12px!important;
font-weight:800!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:100%!important;
}
.ep-seo-nav--profile-status .ep-seo-header-limit-line strong{font-size:12px!important;font-weight:900!important}
.ep-seo-nav--profile-status .ep-seo-header-limit-card small{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:16px!important;
padding:2px 8px!important;
border-radius:999px!important;
background:#dbeafe!important;
color:#1d4ed8!important;
font-size:10px!important;
font-weight:900!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.ep-seo-nav--profile-status .ep-seo-header-limit-track{
position:absolute!important;
left:14px!important;
right:14px!important;
bottom:5px!important;
height:4px!important;
width:auto!important;
margin:0!important;
border-radius:999px!important;
background:#dbeafe!important;
overflow:hidden!important;
}
.ep-seo-nav--profile-status .ep-seo-header-limit-track i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#2563eb,#7c3aed)!important}
.ep-seo-nav--profile-status .ep-seo-header-quick-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
height:auto!important;
min-width:max-content!important;
width:auto!important;
flex:0 0 auto!important;
margin:0!important;
}
.ep-seo-nav--profile-status .ep-seo-header-action-btn,
.ep-seo-nav--profile-status .ep-seo-clean-btn--logout{
height:40px!important;
min-height:40px!important;
min-width:104px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 16px!important;
border-radius:999px!important;
font-weight:800!important;
font-size:12px!important;
line-height:1!important;
box-sizing:border-box!important;
margin:0!important;
white-space:nowrap!important;
border:1px solid transparent!important;
cursor:pointer!important;
text-decoration:none!important;
}
.ep-seo-nav--profile-status .ep-seo-header-action-btn--manage{background:#2563eb!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.20)!important}
.ep-seo-nav--profile-status .ep-seo-header-action-btn--credits{background:#16a34a!important;color:#fff!important;box-shadow:0 8px 18px rgba(22,163,74,.20)!important}
.ep-seo-nav--profile-status .ep-seo-clean-logout{margin:0!important;display:flex!important;align-items:center!important}
.ep-seo-nav--profile-status .ep-seo-clean-btn--logout{background:#fff!important;color:#dc2626!important;border-color:#fecaca!important;box-shadow:none!important}
@media (min-width:901px) and (max-width:1180px){
.ep-seo-nav--profile-status .ep-student-header{gap:10px!important;padding-left:10px!important;padding-right:10px!important}
.ep-seo-nav--profile-status .ep-seo-profile-main-btn{min-width:190px!important;max-width:210px!important}
.ep-seo-nav--profile-status .ep-seo-header-info-cards{gap:8px!important}
.ep-seo-nav--profile-status .ep-seo-header-plan-card{flex-basis:190px!important;width:190px!important;min-width:185px!important;max-width:200px!important;padding-left:10px!important;padding-right:10px!important}
.ep-seo-nav--profile-status .ep-seo-header-limit-card{min-width:260px!important;max-width:360px!important;flex-basis:300px!important;padding-left:10px!important;padding-right:10px!important}
.ep-seo-nav--profile-status .ep-header-actions{gap:7px!important}
.ep-seo-nav--profile-status .ep-seo-header-quick-actions{gap:7px!important}
.ep-seo-nav--profile-status .ep-seo-header-action-btn,
.ep-seo-nav--profile-status .ep-seo-clean-btn--logout{min-width:88px!important;padding:0 12px!important;font-size:11px!important}
}
@media (max-width:900px){
.ep-seo-nav--profile-status .ep-student-header,
.ep-seo-nav-inner--profile-status.ep-student-header{
width:min(1180px,calc(100% - 22px))!important;
min-height:0!important;
padding:12px 0!important;
flex-wrap:wrap!important;
align-items:stretch!important;
gap:10px!important;
}
.ep-seo-nav--profile-status .ep-header-profile{flex:1 1 auto!important;min-width:220px!important}
.ep-seo-nav--profile-status .ep-header-actions{flex:0 0 auto!important;margin-left:auto!important;flex-wrap:wrap!important;gap:8px!important}
.ep-seo-nav--profile-status .ep-header-plan-area{order:3!important;flex:1 1 100%!important;width:100%!important;display:block!important}
.ep-seo-nav--profile-status .ep-seo-header-info-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;overflow:visible!important}
.ep-seo-nav--profile-status .ep-seo-header-plan-card,
.ep-seo-nav--profile-status .ep-seo-header-limit-card{width:100%!important;max-width:none!important;min-width:0!important;flex:auto!important}
.ep-seo-nav--profile-status .ep-seo-header-action-btn,
.ep-seo-nav--profile-status .ep-seo-clean-btn--logout{height:38px!important;min-height:38px!important;min-width:96px!important;padding:0 14px!important}
}
@media (max-width:600px){
.ep-seo-nav--profile-status .ep-student-header{width:min(100% - 16px,1180px)!important;padding:10px 0!important}
.ep-seo-nav--profile-status .ep-header-profile{width:100%!important;flex:1 1 100%!important;min-width:0!important}
.ep-seo-nav--profile-status .ep-seo-profile-main-btn{width:100%!important;min-width:0!important;max-width:none!important}
.ep-seo-nav--profile-status .ep-header-actions{width:100%!important;justify-content:stretch!important;margin-left:0!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;min-width:0!important}
.ep-seo-nav--profile-status .ep-seo-header-quick-actions{display:contents!important}
.ep-seo-nav--profile-status .ep-seo-header-action-btn,
.ep-seo-nav--profile-status .ep-seo-clean-btn--logout{width:100%!important;min-width:0!important;padding:0 8px!important;font-size:11px!important}
.ep-seo-nav--profile-status .ep-seo-header-info-cards{grid-template-columns:1fr!important}
.ep-seo-nav--profile-status .ep-seo-header-plan-card,
.ep-seo-nav--profile-status .ep-seo-header-limit-card{height:auto!important;min-height:52px!important;max-height:none!important}
} .ep-seo-nav--profile-status .ep-seo-header-info-cards--combined{
flex:1 1 auto!important;
display:flex!important;
align-items:center!important;
min-width:0!important;
width:auto!important;
max-width:none!important;
margin:0!important;
gap:0!important;
overflow:visible!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-card{
flex:1 1 auto!important;
min-width:420px!important;
max-width:560px!important;
height:56px!important;
min-height:56px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
padding:8px 14px!important;
margin:0!important;
border:1px solid #bfdbfe!important;
border-radius:16px!important;
background:linear-gradient(135deg,#fff7ed 0%,#f8fbff 55%,#eff6ff 100%)!important;
box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
box-sizing:border-box!important;
overflow:hidden!important;
position:relative!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan,
.ep-seo-nav--profile-status .ep-seo-header-combined-limit{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:flex-start!important;
min-width:0!important;
margin:0!important;
padding:0!important;
line-height:1.1!important;
overflow:hidden!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan{flex:0 0 160px!important;max-width:190px!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-limit{flex:1 1 auto!important;padding-bottom:6px!important;position:relative!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-divider{
flex:0 0 1px!important;
width:1px!important;
height:34px!important;
background:#dbeafe!important;
display:block!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-badge{
position:static!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:17px!important;
padding:1px 8px!important;
border-radius:999px!important;
background:#ffedd5!important;
color:#9a3412!important;
border:1px solid #fdba74!important;
font-size:10px!important;
font-weight:900!important;
line-height:1!important;
margin:0 0 2px!important;
white-space:nowrap!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan strong,
.ep-seo-nav--profile-status .ep-seo-header-combined-title{
display:block!important;
margin:0!important;
color:#0f172a!important;
font-size:12px!important;
font-weight:900!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:100%!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan em,
.ep-seo-nav--profile-status .ep-seo-header-combined-usage{
display:block!important;
margin:0!important;
color:#0f172a!important;
font-size:11px!important;
font-style:normal!important;
font-weight:800!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:100%!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-usage strong{font-size:11px!important;font-weight:900!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-limit small{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:15px!important;
padding:1px 7px!important;
margin:1px 0 0!important;
border-radius:999px!important;
background:#dbeafe!important;
color:#1d4ed8!important;
font-size:10px!important;
font-weight:900!important;
line-height:1!important;
white-space:nowrap!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-track{
position:absolute!important;
left:0!important;
right:0!important;
bottom:0!important;
height:4px!important;
display:block!important;
border-radius:999px!important;
background:#dbeafe!important;
overflow:hidden!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-track i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#2563eb,#7c3aed)!important}
@media (min-width:901px) and (max-width:1180px){
.ep-seo-nav--profile-status .ep-seo-header-combined-card{min-width:350px!important;max-width:430px!important;padding-left:10px!important;padding-right:10px!important;gap:9px!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan{flex-basis:130px!important;max-width:150px!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan strong,
.ep-seo-nav--profile-status .ep-seo-header-combined-title{font-size:11px!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan em,
.ep-seo-nav--profile-status .ep-seo-header-combined-usage{font-size:10px!important}
}
@media (max-width:900px){
.ep-seo-nav--profile-status .ep-seo-header-info-cards--combined{display:block!important;width:100%!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-card{width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:58px!important}
}
@media (max-width:600px){
.ep-seo-nav--profile-status .ep-seo-header-combined-card{align-items:stretch!important;flex-direction:column!important;gap:8px!important;padding:10px 12px!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan{flex:auto!important;max-width:none!important;width:100%!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-divider{display:none!important}
.ep-seo-nav--profile-status .ep-seo-header-combined-limit{width:100%!important}
} .ep-seo-nav--profile-status .ep-student-header,
.ep-seo-nav--profile-status .student-dashboard-header,
.ep-seo-nav--profile-status .easy-padhai-student-header,
.ep-seo-nav-inner--profile-status.ep-student-header{
min-height:86px!important;
padding-top:12px!important;
padding-bottom:12px!important;
overflow:visible!important;
}
.ep-seo-nav--profile-status .ep-header-plan-area,
.ep-seo-nav--profile-status .student-header-center,
.ep-seo-nav--profile-status .ep-seo-header-info-cards--combined{
overflow:visible!important;
align-items:center!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-card{
height:auto!important;
min-height:64px!important;
max-height:none!important;
padding:9px 14px 10px!important;
overflow:visible!important;
align-items:center!important;
box-sizing:border-box!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan,
.ep-seo-nav--profile-status .ep-seo-header-combined-limit{
overflow:visible!important;
min-height:0!important;
justify-content:center!important;
gap:2px!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan{padding-right:2px!important;}
.ep-seo-nav--profile-status .ep-seo-header-combined-badge{
height:18px!important;
min-height:18px!important;
line-height:1!important;
margin:0 0 2px!important;
flex:0 0 auto!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan strong,
.ep-seo-nav--profile-status .ep-seo-header-combined-title{
line-height:1.2!important;
min-height:14px!important;
overflow:visible!important;
text-overflow:clip!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan em,
.ep-seo-nav--profile-status .ep-seo-header-combined-usage{
line-height:1.2!important;
min-height:13px!important;
overflow:visible!important;
text-overflow:clip!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-limit small{
height:17px!important;
min-height:17px!important;
line-height:1!important;
margin-top:2px!important;
overflow:visible!important;
}
.ep-seo-nav--profile-status .ep-seo-header-combined-track{
bottom:5px!important;
left:12px!important;
right:12px!important;
}
@media (min-width:901px){
.ep-seo-nav--profile-status .ep-seo-header-combined-card{min-width:460px!important;max-width:620px!important;}
}
@media (min-width:901px) and (max-width:1180px){
.ep-seo-nav--profile-status .ep-seo-header-combined-card{min-width:390px!important;max-width:500px!important;min-height:64px!important;}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan strong,
.ep-seo-nav--profile-status .ep-seo-header-combined-title{font-size:11px!important;}
.ep-seo-nav--profile-status .ep-seo-header-combined-plan em,
.ep-seo-nav--profile-status .ep-seo-header-combined-usage{font-size:10.5px!important;}
}
@media (max-width:900px){
.ep-seo-nav--profile-status .ep-student-header,
.ep-seo-nav-inner--profile-status.ep-student-header{min-height:0!important;}
.ep-seo-nav--profile-status .ep-seo-header-combined-card{min-height:64px!important;}
}
@media (max-width:600px){
.ep-seo-nav--profile-status .ep-seo-header-combined-card{min-height:0!important;padding:10px 12px!important;}
} .ep-seo-home-auth-section[hidden],
.ep-seo-home-auth-section.is-hidden{display:none!important}
.ep-home-auth-shell{width:100%;max-width:100%;margin:0 auto}
.ep-seo-clean-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.ep-seo-clean-btn[data-ep-home-cta]{cursor:pointer}
@media(max-width:640px){.ep-seo-clean-actions{gap:8px}.ep-seo-clean-btn[data-ep-home-cta]{min-height:40px;padding:0 14px!important;border-radius:999px!important}} .ep-dashboard-banner--admin-slider,
.ep-dashboard-banner--admin-slider .ep-dashboard-banner__media{
background:#fff!important;
}
.ep-dashboard-banner--admin-slider .ep-dashboard-banner__media{
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
}
.ep-dashboard-banner--admin-slider .ep-dashboard-banner__slide{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center center!important;
transform:none!important;
}
.ep-dashboard-banner--admin-slider.ep-dashboard-slider-count-2 .ep-dashboard-banner__slide{animation-name:epDashboardSliderFit2!important;animation-duration:10s!important}
.ep-dashboard-banner--admin-slider.ep-dashboard-slider-count-3 .ep-dashboard-banner__slide{animation-name:epDashboardSliderFit3!important;animation-duration:15s!important}
.ep-dashboard-banner--admin-slider.ep-dashboard-slider-count-4 .ep-dashboard-banner__slide{animation-name:epDashboardSliderFit4!important;animation-duration:20s!important}
.ep-dashboard-banner--admin-slider.ep-dashboard-slider-count-5 .ep-dashboard-banner__slide{animation-name:epDashboardSliderFit5!important;animation-duration:25s!important}
@keyframes epDashboardSliderFit2{0%,45%{opacity:1}50%,100%{opacity:0}}
@keyframes epDashboardSliderFit3{0%,28%{opacity:1}33.333%,100%{opacity:0}}
@keyframes epDashboardSliderFit4{0%,20%{opacity:1}25%,100%{opacity:0}}
@keyframes epDashboardSliderFit5{0%,16%{opacity:1}20%,100%{opacity:0}}
@media(max-width:900px){
.ep-dashboard-banner--admin-slider .ep-dashboard-banner__slide{
object-fit:contain!important;
object-position:center center!important;
}
}: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}}.ai-live-avatar-tutor{
--lav-bg:#07111f;
--lav-panel:#0f1b33;
--lav-card:#ffffff;
--lav-text:#102033;
--lav-muted:#667085;
--lav-primary:#7057ff;
--lav-accent:#05c5d6;
--lav-pink:#ff5f99;
--lav-success:#18a957;
position:relative;
z-index:3;
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
color:var(--lav-text);
max-width:1180px;
margin:0 auto 24px;
}
.ai-live-avatar-shell{
overflow:hidden;
border-radius:30px;
background:linear-gradient(135deg,#f8fbff 0%,#ecf3ff 47%,#fff5fa 100%);
border:1px solid rgba(112,87,255,.16);
box-shadow:0 24px 70px rgba(16,24,40,.14);
}
.ai-live-avatar-headbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:22px 24px;
background:linear-gradient(135deg,#111b38,#312071 52%,#0786a3);
color:#fff;
}
.ai-live-avatar-headbar h3{margin:4px 0 0;font-size:24px;line-height:1.1;color:#fff}
.ai-live-avatar-kicker{
display:inline-flex;
align-items:center;
gap:8px;
padding:5px 10px;
border-radius:999px;
background:rgba(255,255,255,.16);
font-size:12px;
font-weight:800;
letter-spacing:.05em;
text-transform:uppercase;
}
.ai-live-avatar-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.ai-live-avatar-top-actions button,
.ai-live-secondary,
.ai-live-primary{
border:0;
border-radius:999px;
padding:10px 15px;
font-weight:800;
cursor:pointer;
box-shadow:0 10px 24px rgba(16,24,40,.12);
transition:.18s transform,.18s box-shadow,.18s opacity;
}
.ai-live-avatar-top-actions button{
background:rgba(255,255,255,.16);
color:#fff;
border:1px solid rgba(255,255,255,.26);
box-shadow:none;
}
.ai-live-avatar-top-actions button:hover,
.ai-live-primary:hover,
.ai-live-secondary:hover{transform:translateY(-1px)}
.ai-live-avatar-main{display:grid;grid-template-columns:minmax(280px,390px) 1fr;gap:22px;padding:24px}
.ai-live-avatar-stage{
position:relative;
min-height:560px;
border-radius:28px;
padding:18px;
background:
radial-gradient(circle at 28% 12%,rgba(255,214,232,.95),transparent 30%),
radial-gradient(circle at 80% 3%,rgba(191,245,232,.9),transparent 26%),
linear-gradient(180deg,#ffffff,#edf6ff);
border:1px solid rgba(112,87,255,.12);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
overflow:hidden;
}
.ai-live-avatar-video{
width:min(320px,100%);
aspect-ratio:7/8;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.ai-live-avatar-svg,
.ai-live-avatar-photo-wrap{
width:100%;
height:100%;
border-radius:34px;
overflow:hidden;
filter:drop-shadow(0 22px 35px rgba(16,24,40,.18));
position:relative;
}
.ai-live-avatar-svg svg{
width:100%;
height:100%;
display:block;
}
.ai-live-avatar-svg--mini{width:54px;height:62px;border-radius:18px}
.ai-live-avatar-svg--teacher svg{transform-origin:center bottom;animation:lavBreathe 5s ease-in-out infinite}
.ai-live-avatar-photo-wrap--teacher{background:#eef3ff}
.ai-live-avatar-photo,
.ai-live-avatar-video-media{
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
display:block;
}
.ai-live-avatar-photo-shine{
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 35%,transparent 65%,rgba(255,255,255,.14));
pointer-events:none;
}
.ai-live-avatar-photo-mouth{
position:absolute;
left:var(--lav-mouth-left,50%);
top:var(--lav-mouth-top,67%);
width:var(--lav-mouth-width,18%);
height:var(--lav-mouth-height,5.8%);
transform:translate(-50%,-50%);
border-radius:999px;
background:linear-gradient(180deg,#d94b70,#7a1030);
box-shadow:0 8px 14px rgba(122,16,48,.22);
opacity:.8;
overflow:hidden;
}
.ai-live-avatar-photo-mouth span{display:block;width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 50% 78%,#ff9bb3 0 24%,#8b1636 25% 100%);opacity:.84}
.ai-live-avatar-photo-eye{
position:absolute;
top:var(--lav-eye-top,39%);
width:var(--lav-eye-width,12%);
height:var(--lav-eye-height,4.5%);
transform:translate(-50%,-50%) scaleY(.05);
border-radius:999px;
background:linear-gradient(180deg,rgba(52,25,36,.85),rgba(52,25,36,.52));
opacity:0;
pointer-events:none;
}
.ai-live-avatar-photo-eye--left{left:var(--lav-eye-left,40%)}
.ai-live-avatar-photo-eye--right{left:var(--lav-eye-right,60%)}
.ai-live-avatar-photo-wrap.has-blink .ai-live-avatar-photo-eye{animation:lavPhotoBlink 6.5s infinite}
.ai-live-avatar-eye{
transform-origin:center center;
}
.ai-live-avatar-svg.has-blink .ai-live-avatar-eye{animation:lavBlink 7s infinite;}
.ai-live-avatar-mouth-open,
.ai-live-avatar-mouth-inner{opacity:0;transform-origin:center center;transition:opacity .14s ease,transform .14s ease}
.ai-live-avatar-lips--closed{opacity:1;transition:opacity .12s ease,transform .12s ease;transform-origin:center center}
.ai-live-avatar-video.is-speaking .ai-live-avatar-lips--closed{opacity:0;transform:scaleX(.92) scaleY(.8)}
.ai-live-avatar-video.is-speaking .ai-live-avatar-mouth-open,
.ai-live-avatar-video.is-speaking .ai-live-avatar-mouth-inner{opacity:1;animation:lavTalk .22s ease-in-out infinite alternate}
.ai-live-avatar-video.is-speaking .ai-live-avatar-photo-mouth{
animation:lavTalkPill .22s ease-in-out infinite alternate;
transform:translate(-50%,-50%) scaleY(1.22);
}
.ai-live-avatar-video.is-speaking .ai-live-avatar-eq i,
.ai-live-avatar-tutor.is-listening .ai-live-avatar-eq i{animation:lavEq .55s ease-in-out infinite alternate}
.ai-live-avatar-video.is-speaking .ai-live-avatar-eq i:nth-child(2),
.ai-live-avatar-tutor.is-listening .ai-live-avatar-eq i:nth-child(2){animation-delay:.12s}
.ai-live-avatar-video.is-speaking .ai-live-avatar-eq i:nth-child(3),
.ai-live-avatar-tutor.is-listening .ai-live-avatar-eq i:nth-child(3){animation-delay:.24s}
.ai-live-avatar-eq{
position:absolute;
left:50%;
bottom:18px;
transform:translateX(-50%);
display:flex;
gap:5px;
align-items:end;
padding:8px 10px;
border-radius:999px;
background:rgba(255,255,255,.78);
backdrop-filter:blur(8px);
}
.ai-live-avatar-eq i{
display:block;
width:5px;
height:8px;
border-radius:9px;
background:linear-gradient(180deg,var(--lav-pink),var(--lav-primary));
}
@keyframes lavEq{to{height:25px}}
@keyframes lavBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes lavBlink{0%,46%,48%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}
@keyframes lavPhotoBlink{0%,45%,47%,100%{opacity:0}46%{opacity:.85}}
@keyframes lavTalk{from{transform:scaleY(.72)}to{transform:scaleY(1.22)}}
@keyframes lavTalkPill{from{height:7%}to{height:10.4%}}
.ai-live-avatar-status{
margin-top:15px;
padding:10px 14px;
border-radius:999px;
background:#102033;
color:#fff;
font-size:13px;
font-weight:700;
}
.ai-live-avatar-subtitle{
margin-top:12px;
max-width:330px;
min-height:54px;
padding:12px 15px;
border-radius:18px;
background:rgba(255,255,255,.84);
box-shadow:0 10px 28px rgba(16,24,40,.08);
font-weight:700;
color:#102033;
}
.ai-live-avatar-control-panel{min-width:0;display:flex;flex-direction:column;gap:14px}
.ai-live-avatar-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.ai-live-avatar-row label{
min-width:0;
display:flex;
flex-direction:column;
gap:7px;
font-size:12px;
color:#475467;
font-weight:800;
text-transform:uppercase;
letter-spacing:.04em;
}
.ai-live-avatar-label-text{display:block;line-height:1.2}
.ai-live-avatar-row select,
.ai-live-avatar-compose textarea{
width:100%;
border:1px solid #d8e3f7;
border-radius:16px;
background-color:#fff;
padding:12px 14px;
color:#102033;
box-shadow:0 8px 20px rgba(16,24,40,.05);
outline:none;
box-sizing:border-box;
}
.ai-live-avatar-row select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
min-height:54px;
padding:14px 46px 14px 16px;
font-size:15px;
font-weight:700;
line-height:1.4;
background-image:
linear-gradient(45deg,transparent 50%,#7057ff 50%),
linear-gradient(135deg,#7057ff 50%,transparent 50%),
linear-gradient(to right,#dbe7ff,#dbe7ff);
background-position:
calc(100% - 19px) calc(50% - 2px),
calc(100% - 13px) calc(50% - 2px),
calc(100% - 36px) 50%;
background-size:6px 6px,6px 6px,1px 24px;
background-repeat:no-repeat;
}
.ai-live-avatar-row select option{font-weight:600;line-height:1.45;color:#102033}
.ai-live-avatar-row select:focus,
.ai-live-avatar-compose textarea:focus{border-color:var(--lav-primary);box-shadow:0 0 0 4px rgba(112,87,255,.12)}
.ai-live-avatar-transcript{
height:310px;
overflow:auto;
padding:14px;
border-radius:22px;
background:rgba(255,255,255,.72);
border:1px solid rgba(112,87,255,.12);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
.ai-live-avatar-bubble{
max-width:88%;
padding:12px 14px;
border-radius:18px;
margin:0 0 10px;
background:#fff;
box-shadow:0 9px 23px rgba(16,24,40,.08);
border:1px solid rgba(16,24,40,.06);
}
.ai-live-avatar-bubble strong{display:block;font-size:12px;color:#667085;margin-bottom:4px}
.ai-live-avatar-bubble p{margin:0;line-height:1.45}
.ai-live-avatar-bubble--student{margin-left:auto;background:linear-gradient(135deg,#7057ff,#0bb7ce);color:#fff}
.ai-live-avatar-bubble--student strong{color:rgba(255,255,255,.82)}
.ai-live-avatar-bubble--ai{background:#fff}
.ai-live-avatar-correction,
.ai-live-avatar-report{
border-radius:22px;
background:#fff;
border:1px solid rgba(112,87,255,.13);
padding:16px;
box-shadow:0 14px 34px rgba(16,24,40,.08);
}
.ai-live-correction-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.ai-live-correction-head strong{font-size:17px}
.ai-live-correction-head span{padding:5px 10px;border-radius:999px;background:#eef4ff;color:#4237b6;font-size:12px;font-weight:800}
.ai-live-correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ai-live-correction-grid div{padding:11px;border-radius:15px;background:#f8fbff;border:1px solid #e5edfb}
.ai-live-correction-grid small{display:block;color:#667085;font-weight:800;text-transform:uppercase;font-size:11px;margin-bottom:5px}
.ai-live-correction-grid p,.ai-live-explain,.ai-live-pron-tip,.ai-live-homework{margin:0}
.ai-live-explain{margin-top:10px;color:#344054;line-height:1.5}
.ai-live-score-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ai-live-score-pill{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#f1f6ff;border:1px solid #dbe7ff}
.ai-live-score-pill b{font-size:12px}
.ai-live-score-pill em{font-style:normal;font-weight:900;color:#0f9fbd}
.ai-live-pron-tip,.ai-live-homework{margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff7fb;color:#533348;border:1px solid #ffd8e7}
.ai-live-avatar-compose{display:flex;flex-direction:column;gap:10px}
.ai-live-avatar-compose textarea{min-height:78px;resize:vertical}
.ai-live-avatar-actions{display:flex;flex-wrap:wrap;gap:9px}
.ai-live-primary{background:linear-gradient(135deg,var(--lav-primary),#0cb8cf);color:#fff}
.ai-live-secondary{background:#fff;color:#27364b;border:1px solid #d9e5fb}
.ai-live-primary:disabled,.ai-live-secondary:disabled{opacity:.55;cursor:not-allowed}
.ai-live-report-card h4{margin:0 0 10px}
.ai-live-report-card h5{margin:14px 0 8px}
.ai-live-report-card ul,.ai-live-report-card ol{padding-left:20px}
.ai-live-report-card li{margin:6px 0}
.ai-live-avatar-provider-video{
position:absolute;
inset:0;
z-index:4;
border-radius:34px;
overflow:hidden;
background:#07111f;
box-shadow:0 22px 35px rgba(16,24,40,.18);
}
.ai-live-avatar-provider-video video,
.ai-live-avatar-provider-video iframe{
width:100%;
height:100%;
border:0;
object-fit:cover;
display:block;
}
.ai-live-avatar-provider-video div{
position:absolute;
left:12px;
right:12px;
bottom:12px;
padding:7px 10px;
border-radius:999px;
background:rgba(7,17,31,.72);
color:#fff;
font-size:12px;
font-weight:800;
}
.ai-live-avatar-launcher{
display:none;
border:0;
background:linear-gradient(135deg,#fff,#ecf5ff);
border-radius:22px;
padding:8px 12px;
align-items:center;
gap:8px;
box-shadow:0 18px 44px rgba(16,24,40,.24);
font-weight:900;
color:#102033;
cursor:pointer;
}
.ai-live-avatar-launcher .ai-live-avatar-svg,
.ai-live-avatar-launcher .ai-live-avatar-photo-wrap{width:54px;height:62px}
.ai-live-avatar-tutor.is-floating{position:fixed;right:22px;bottom:22px;z-index:999999;width:min(440px,calc(100vw - 28px));max-width:none;margin:0}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-shell{border-radius:26px;box-shadow:0 26px 80px rgba(16,24,40,.32)}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-main{grid-template-columns:1fr;padding:14px;gap:12px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-stage{min-height:270px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-video{width:190px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-transcript{height:180px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-headbar{padding:15px 16px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-headbar h3{font-size:18px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-row{grid-template-columns:1fr 1fr}
.ai-live-avatar-tutor.is-minimized .ai-live-avatar-shell{display:none}
.ai-live-avatar-tutor.is-minimized 
.ai-live-avatar-provider-video{
position:absolute;
inset:0;
z-index:4;
border-radius:34px;
overflow:hidden;
background:#07111f;
box-shadow:0 22px 35px rgba(16,24,40,.18);
}
.ai-live-avatar-provider-video video,
.ai-live-avatar-provider-video iframe{
width:100%;
height:100%;
border:0;
object-fit:cover;
display:block;
}
.ai-live-avatar-provider-video div{
position:absolute;
left:12px;
right:12px;
bottom:12px;
padding:7px 10px;
border-radius:999px;
background:rgba(7,17,31,.72);
color:#fff;
font-size:12px;
font-weight:800;
}
.ai-live-avatar-launcher{display:flex}
.ai-live-avatar-tutor.is-floating.is-minimized{width:auto}
.ai-live-avatar-tutor:not(.is-floating) 
.ai-live-avatar-provider-video{
position:absolute;
inset:0;
z-index:4;
border-radius:34px;
overflow:hidden;
background:#07111f;
box-shadow:0 22px 35px rgba(16,24,40,.18);
}
.ai-live-avatar-provider-video video,
.ai-live-avatar-provider-video iframe{
width:100%;
height:100%;
border:0;
object-fit:cover;
display:block;
}
.ai-live-avatar-provider-video div{
position:absolute;
left:12px;
right:12px;
bottom:12px;
padding:7px 10px;
border-radius:999px;
background:rgba(7,17,31,.72);
color:#fff;
font-size:12px;
font-weight:800;
}
.ai-live-avatar-launcher{display:none!important}
@media (max-width:860px){
.ai-live-avatar-main{grid-template-columns:1fr}
.ai-live-avatar-stage{min-height:420px}
.ai-live-avatar-video{width:min(270px,100%)}
.ai-live-correction-grid{grid-template-columns:1fr}
.ai-live-avatar-row{grid-template-columns:1fr}
.ai-live-avatar-headbar{align-items:flex-start;flex-direction:column}
.ai-live-avatar-tutor.is-floating{right:10px;bottom:10px;width:calc(100vw - 20px)}
}
@media (max-width:520px){
.ai-live-avatar-main{padding:14px}
.ai-live-avatar-stage{min-height:350px;padding:12px}
.ai-live-avatar-transcript{height:250px}
.ai-live-avatar-actions button{flex:1 1 calc(50% - 8px);padding:11px 10px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-actions button{flex:1 1 100%}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-stage{min-height:230px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-transcript{height:150px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-video{width:156px}
.ai-live-avatar-status{font-size:12px}
.ai-live-avatar-subtitle{font-size:13px}
} .ai-live-avatar-row--language{grid-template-columns:1fr 1fr 1fr}
.ai-live-avatar-mode-hint{margin-top:-4px;padding:10px 12px;border-radius:16px;background:#fff7fb;border:1px solid #ffd8e7;color:#533348;font-size:13px;font-weight:700;line-height:1.45}
.ai-live-translation-card{margin-bottom:12px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff7fb);border:1px solid #dfe9ff;box-shadow:0 10px 24px rgba(16,24,40,.06)}
.ai-live-translation-card small{display:block;margin-bottom:5px;color:#667085;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.04em}
.ai-live-translation-card p{margin:4px 0;line-height:1.45;color:#24364b}
.ai-live-avatar-tutor.is-floating{width:min(342px,calc(100vw - 24px));right:12px;bottom:12px;max-height:calc(100vh - 24px)}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-shell{border-radius:22px;max-height:calc(100vh - 24px);overflow:auto}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-headbar{padding:11px 12px;gap:8px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-kicker{font-size:9px;padding:3px 7px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-headbar h3{font-size:15px;line-height:1.1;margin-top:2px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-top-actions button{font-size:11px;padding:7px 9px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-main{grid-template-columns:1fr;padding:10px;gap:10px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-stage{min-height:190px;padding:10px;border-radius:20px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-video{width:132px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-status{font-size:11px;padding:7px 10px;margin-top:8px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-subtitle{font-size:12px;min-height:38px;padding:9px 10px;margin-top:8px;max-width:270px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-control-panel{gap:9px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-row{gap:7px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-row--language{grid-template-columns:1fr}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-row label{font-size:9px;gap:4px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-row select{min-height:39px;font-size:12px;padding:8px 34px 8px 10px;background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 10px) calc(50% - 2px),calc(100% - 29px) 50%}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-mode-hint{font-size:11px;padding:8px 9px;border-radius:13px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-transcript{height:110px;padding:9px;border-radius:16px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-bubble{font-size:12px;padding:9px 10px;border-radius:14px;margin-bottom:7px;max-width:94%}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-correction,.ai-live-avatar-tutor.is-floating .ai-live-avatar-report{padding:10px;border-radius:16px;font-size:12px}
.ai-live-avatar-tutor.is-floating .ai-live-correction-grid{grid-template-columns:1fr;gap:7px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-compose textarea{min-height:52px;font-size:12px;border-radius:14px;padding:9px 10px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-actions{gap:6px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-actions button{flex:1 1 calc(50% - 6px);font-size:11px;padding:8px 9px}
@media (max-width:520px){
.ai-live-avatar-row--language{grid-template-columns:1fr}
.ai-live-avatar-tutor.is-floating{width:min(330px,calc(100vw - 18px));right:9px;bottom:9px;max-height:86vh}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-shell{max-height:86vh}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-stage{min-height:175px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-video{width:118px}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-transcript{height:96px}
} .ai-live-avatar-tutor .ai-live-avatar-photo-wrap,
.ai-live-avatar-tutor .ai-live-avatar-photo{max-width:100%;max-height:100%;}
body.home .ai-live-avatar-tutor[data-initial-floating="1"],
body.front-page .ai-live-avatar-tutor[data-initial-floating="1"],
body.page-template-front-page .ai-live-avatar-tutor[data-initial-floating="1"]{display:none!important;} .ai-live-avatar-row--teacher-flow{grid-template-columns:1fr 1fr 1fr}
.ai-live-teacher-next{border-radius:22px;background:linear-gradient(135deg,#fff,#f2fbff 55%,#fff7fb);border:1px solid rgba(112,87,255,.16);padding:16px;box-shadow:0 14px 34px rgba(16,24,40,.08)}
.ai-live-next-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.ai-live-next-head strong{font-size:16px;color:#102033}
.ai-live-next-head span{padding:5px 10px;border-radius:999px;background:#eaf2ff;color:#4237b6;font-size:12px;font-weight:900}
.ai-live-teacher-reaction{margin:0 0 8px;padding:9px 11px;border-radius:14px;background:#f5f9ff;border:1px solid #dfe9ff;font-weight:800;color:#27364b}
.ai-live-micro-lesson,.ai-live-next-question,.ai-live-learner-task{margin:8px 0;line-height:1.48;color:#24364b}
.ai-live-next-question{font-size:16px;padding:10px 12px;border-radius:15px;background:#fff7fb;border:1px solid #ffd8e7;color:#533348}
.ai-live-answer-starters{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.ai-live-answer-starters small{flex-basis:100%;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085;font-weight:900}
.ai-live-answer-starters button{border:1px solid #dbe7ff;background:#fff;color:#27364b;border-radius:999px;padding:7px 10px;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(16,24,40,.06)}
.ai-live-next-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ai-live-next-actions button{box-shadow:0 8px 18px rgba(16,24,40,.1)}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-row--teacher-flow{grid-template-columns:1fr}
.ai-live-avatar-tutor.is-floating .ai-live-teacher-next{padding:10px;border-radius:16px;font-size:12px}
.ai-live-avatar-tutor.is-floating .ai-live-next-question{font-size:12px;padding:8px 9px}
.ai-live-avatar-tutor.is-floating .ai-live-answer-starters button{font-size:11px;padding:6px 8px}
.ai-live-avatar-tutor.is-floating .ai-live-next-actions button{font-size:11px;padding:8px 9px;flex:1 1 calc(50% - 6px)}
@media (max-width:520px){.ai-live-avatar-row--teacher-flow{grid-template-columns:1fr}.ai-live-next-actions button{flex:1 1 100%}} .ai-live-avatar-video.has-did-agent-live{
width:100%;
height:100%;
min-height:520px;
aspect-ratio:auto;
align-items:stretch;
justify-content:stretch;
}
.ai-live-avatar-video.has-did-agent-live > .ai-live-avatar-svg,
.ai-live-avatar-video.has-did-agent-live > .ai-live-avatar-photo-wrap,
.ai-live-avatar-video.has-did-agent-live > .ai-live-avatar-provider-video,
.ai-live-avatar-video.has-did-agent-live > .ai-live-avatar-eq{
display:none!important;
}
.did-agent-container{
width:100%;
height:100%;
min-height:520px;
border-radius:22px;
overflow:hidden;
background:#f7fbff;
box-shadow:0 22px 35px rgba(16,24,40,.18);
}
.did-agent-container iframe,
.did-agent-container video,
.did-agent-container > *{
width:100%!important;
height:100%!important;
border:0!important;
}
.did-agent-container--fabio{
min-height:0;
height:auto;
box-shadow:none;
background:transparent;
}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-video.has-did-agent-live,
.ai-live-avatar-tutor.is-floating .did-agent-container{
min-height:360px;
}
@media (max-width:860px){
.ai-live-avatar-video.has-did-agent-live,
.did-agent-container{min-height:430px}
}
@media (max-width:520px){
.ai-live-avatar-video.has-did-agent-live,
.did-agent-container{min-height:360px}
} .ai-live-avatar-video.has-did-agent-live{
position:relative;
display:block;
width:100%;
max-width:100%;
height:auto;
min-height:520px;
aspect-ratio:auto;
}
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline{
position:relative!important;
display:block!important;
width:100%!important;
max-width:100%!important;
height:520px!important;
min-height:520px!important;
border-radius:22px;
overflow:hidden;
background:#f7fbff;
box-shadow:0 22px 35px rgba(16,24,40,.18);
}
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline iframe,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline video,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline canvas,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline > *:not(.did-agent-loading){
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
border:0!important;
border-radius:22px!important;
object-fit:cover!important;
}
.did-agent-loading{
min-height:520px;
display:flex;
align-items:center;
justify-content:center;
color:#334155;
font-weight:800;
background:linear-gradient(135deg,#fff8fb,#eefbff);
}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-video.has-did-agent-live,
.ai-live-avatar-tutor.is-floating .did-agent-container--inline,
.ai-live-avatar-tutor.is-floating .did-agent-loading{
min-height:340px!important;
height:340px!important;
}
@media (max-width:860px){
.ai-live-avatar-video.has-did-agent-live,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline,
.did-agent-loading{min-height:430px!important;height:430px!important}
}
@media (max-width:520px){
.ai-live-avatar-video.has-did-agent-live,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline,
.did-agent-loading{min-height:360px!important;height:360px!important}
} .ai-live-avatar-row--sync{grid-template-columns:1fr 1fr}
.ai-live-avatar-sync-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:#eefcff;border:1px solid #c8f3fb;color:#124052;font-weight:800;font-size:12px}
.ai-live-avatar-sync-strip .ai-live-secondary{padding:8px 11px;font-size:12px;white-space:nowrap}
.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-live-avatar-row--sync{grid-template-columns:1fr}.ai-live-avatar-sync-strip,.ai-study-live-agent-sync-bar{align-items:flex-start;flex-direction:column}.ai-live-avatar-sync-strip .ai-live-secondary,.ai-study-live-agent-sync-bar button{width:100%}} .ai-live-avatar-video.has-did-agent-live .did-agent-container--inline.did-agent-ready .did-agent-loading{
display:none!important;
}
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline.did-agent-loading-state{
background:linear-gradient(135deg,#fff8fb,#eefbff);
}
.did-agent-loading{
flex-direction:column;
gap:8px;
text-align:center;
padding:18px;
}
.did-agent-loading strong{display:block;font-size:16px;color:#102033}
.did-agent-loading small{display:block;max-width:290px;font-size:12px;line-height:1.45;color:#64748b;font-weight:700}
.did-agent-loading--error strong,
.did-agent-container.did-agent-error .did-agent-loading strong{color:#b42318}
.did-agent-container.did-agent-error{
border:1px solid #fecaca!important;
background:#fff7f7!important;
}
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline > iframe,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline > video,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline > canvas{
z-index:2!important;
} .did-agent-container > script{display:none!important;width:0!important;height:0!important;min-height:0!important}
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline[data-did-using-moved-widget="1"]{
position:relative!important;
overflow:hidden!important;
}
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline .ai-study-did-moved-inline,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline iframe,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline video,
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline canvas{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
min-width:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:22px!important;
object-fit:cover!important;
overflow:hidden!important;
transform:none!important;
}
.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline.did-agent-fallback-started{
outline:2px dashed rgba(112,87,255,.25);
outline-offset:-8px;
} .did-agent-container--sdk{
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.did-agent-container--sdk .did-agent-video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
max-width:100%!important;
max-height:100%!important;
border:0!important;
border-radius:22px!important;
object-fit:cover!important;
background:#f7fbff!important;
z-index:2!important;
}
.did-agent-container--sdk:not(.did-agent-ready) .did-agent-video{
opacity:0;
}
.did-agent-container--sdk.did-agent-ready .did-agent-video{
opacity:1;
}
.did-agent-fallback-btn{
margin-top:8px;
border:0;
border-radius:999px;
background:linear-gradient(135deg,#7057ff,#0cb8cf);
color:#fff;
font-weight:900;
padding:9px 13px;
cursor:pointer;
box-shadow:0 10px 24px rgba(16,24,40,.14);
}
.did-agent-container--sdk.did-agent-ready .did-agent-loading{display:none!important} .ai-live-avatar-video .ai-live-avatar-live-rings{
position:absolute;
inset:8%;
border-radius:38px;
pointer-events:none;
z-index:2;
}
.ai-live-avatar-video .ai-live-avatar-live-rings span{
position:absolute;
inset:0;
border-radius:38px;
border:2px solid rgba(112,87,255,.0);
opacity:0;
}
.ai-live-avatar-tutor.is-listening .ai-live-avatar-live-rings span,
.ai-live-avatar-tutor.is-teacher-speaking .ai-live-avatar-live-rings span{
animation:aiLavLiveRing 1.45s ease-out infinite;
border-color:rgba(5,197,214,.46);
opacity:1;
}
.ai-live-avatar-tutor.is-teacher-speaking .ai-live-avatar-live-rings span{border-color:rgba(255,95,153,.44)}
.ai-live-avatar-video .ai-live-avatar-live-rings span:nth-child(2){animation-delay:.34s}
.ai-live-avatar-video .ai-live-avatar-live-rings span:nth-child(3){animation-delay:.68s}
@keyframes aiLavLiveRing{
0%{transform:scale(.82);opacity:.78}
100%{transform:scale(1.13);opacity:0}
}
.ai-live-avatar-soundwave{
position:absolute;
left:50%;
top:18px;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:5px;
padding:9px 12px;
min-width:88px;
min-height:34px;
border-radius:999px;
background:rgba(255,255,255,.76);
box-shadow:0 12px 28px rgba(16,24,40,.12);
backdrop-filter:blur(10px);
z-index:8;
}
.ai-live-avatar-soundwave b{
display:block;
width:5px;
height:10px;
border-radius:999px;
background:linear-gradient(180deg,#05c5d6,#7057ff);
opacity:.48;
}
.ai-live-avatar-tutor.is-listening .ai-live-avatar-soundwave b,
.ai-live-avatar-tutor.is-teacher-speaking .ai-live-avatar-soundwave b{
animation:aiLavWave .58s ease-in-out infinite alternate;
opacity:1;
}
.ai-live-avatar-tutor.is-teacher-speaking .ai-live-avatar-soundwave b{background:linear-gradient(180deg,#ff5f99,#7057ff)}
.ai-live-avatar-soundwave b:nth-child(2){animation-delay:.08s}
.ai-live-avatar-soundwave b:nth-child(3){animation-delay:.16s}
.ai-live-avatar-soundwave b:nth-child(4){animation-delay:.24s}
.ai-live-avatar-soundwave b:nth-child(5){animation-delay:.32s}
.ai-live-avatar-soundwave b:nth-child(6){animation-delay:.40s}
@keyframes aiLavWave{to{height:26px}}
.ai-live-avatar-state-pill{
position:absolute;
left:50%;
bottom:58px;
transform:translateX(-50%);
z-index:9;
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 13px;
border-radius:999px;
background:rgba(16,32,51,.86);
color:#fff;
font-size:12px;
font-weight:900;
box-shadow:0 12px 32px rgba(16,24,40,.22);
}
.ai-live-state-dot{
width:9px;
height:9px;
border-radius:50%;
background:#18a957;
box-shadow:0 0 0 4px rgba(24,169,87,.18);
}
.ai-live-avatar-tutor.is-listening .ai-live-state-dot{
background:#05c5d6;
box-shadow:0 0 0 4px rgba(5,197,214,.20);
animation:aiLavDot 1s ease-in-out infinite;
}
.ai-live-avatar-tutor.is-teacher-speaking .ai-live-state-dot{
background:#ff5f99;
box-shadow:0 0 0 4px rgba(255,95,153,.20);
animation:aiLavDot .75s ease-in-out infinite;
}
@keyframes aiLavDot{50%{transform:scale(1.28)}}
.ai-live-avatar-video:not(.has-did-agent-live) > .ai-live-avatar-svg,
.ai-live-avatar-video:not(.has-did-agent-live) > .ai-live-avatar-photo-wrap{
display:block!important;
}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-soundwave{top:10px;transform:translateX(-50%) scale(.88)}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-state-pill{bottom:46px;transform:translateX(-50%) scale(.9)}
@media (max-width:520px){
.ai-live-avatar-state-pill{bottom:48px;font-size:11px;padding:7px 11px}
.ai-live-avatar-soundwave{top:12px;transform:translateX(-50%) scale(.9)}
} .ai-live-avatar-animated-teacher {
background: radial-gradient(circle at 30% 20%, rgba(255, 218, 236, .95), transparent 34%),
radial-gradient(circle at 74% 18%, rgba(188, 245, 232, .95), transparent 32%),
linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
border-radius: 34px;
display: grid;
place-items: center;
overflow: hidden;
}
.ai-live-avatar-animated-teacher.ai-live-avatar-svg--mini {
border-radius: 18px;
width: 54px;
height: 62px;
}
.ai-live-teacher-orb {
position: relative;
width: min(82%, 250px);
aspect-ratio: 1 / 1.18;
display: grid;
place-items: center;
transform-origin: 50% 70%;
animation: aiLiveTeacherFloat 4.8s ease-in-out infinite;
}
.ai-live-avatar-svg--mini .ai-live-teacher-orb { width: 94%; }
.ai-live-teacher-orb__ring,
.ai-live-teacher-orb__glow {
position: absolute;
border-radius: 999px;
pointer-events: none;
}
.ai-live-teacher-orb__ring--one {
inset: 8%;
border: 2px solid rgba(112, 87, 255, .22);
animation: aiLiveRingPulse 2.2s ease-in-out infinite;
}
.ai-live-teacher-orb__ring--two {
inset: 0;
border: 2px solid rgba(5, 197, 214, .20);
animation: aiLiveRingPulse 2.2s ease-in-out infinite .45s;
}
.ai-live-teacher-orb__glow {
inset: 15%;
background: radial-gradient(circle, rgba(112,87,255,.22), rgba(5,197,214,.10) 54%, transparent 72%);
filter: blur(5px);
animation: aiLiveGlow 3s ease-in-out infinite;
}
.ai-live-teacher-face {
position: relative;
width: 66%;
height: 72%;
z-index: 2;
}
.ai-live-teacher-hair {
position:absolute;
left:14%;
top:2%;
width:72%;
height:52%;
border-radius:48% 52% 46% 50%;
background: linear-gradient(135deg,#27121f,#65304a);
box-shadow: 0 20px 30px rgba(16,24,40,.18);
}
.ai-live-teacher-head {
position:absolute;
left:22%;
top:18%;
width:56%;
height:48%;
border-radius:48% 48% 44% 44%;
background: linear-gradient(145deg,#ffd9c6,#f0a989 70%,#d48770);
}
.ai-live-teacher-eye {
position:absolute;
top:37%;
width:10%;
height:5%;
border-radius:999px;
background:#25141f;
z-index:3;
animation: aiLiveTeacherBlink 5.8s infinite;
}
.ai-live-teacher-eye--left { left:38%; }
.ai-live-teacher-eye--right { right:38%; }
.ai-live-teacher-mouth {
position:absolute;
left:50%;
top:51%;
width:19%;
height:6%;
transform:translateX(-50%);
border-radius:999px;
background:#c94d71;
z-index:4;
box-shadow: inset 0 -4px 0 rgba(90,20,45,.32);
animation: aiLiveTeacherSmile 2.8s ease-in-out infinite;
}
.ai-live-avatar-video.is-speaking .ai-live-teacher-mouth,
.ai-live-avatar-tutor.is-teacher-speaking .ai-live-teacher-mouth {
animation: aiLiveTeacherTalk .22s ease-in-out infinite alternate;
}
.ai-live-teacher-neck {
position:absolute;
left:44%;
top:62%;
width:12%;
height:16%;
background:#e69b81;
border-radius:0 0 8px 8px;
z-index:1;
}
.ai-live-teacher-body {
position:absolute;
left:17%;
bottom:2%;
width:66%;
height:34%;
border-radius:44% 44% 14% 14%;
background: linear-gradient(135deg,#6655ff,#08b8d0);
box-shadow: 0 18px 28px rgba(16,24,40,.16);
}
.ai-live-teacher-tie {
position:absolute;
left:47%;
bottom:12%;
width:6%;
height:24%;
background:#ff6f9f;
clip-path: polygon(50% 0,100% 100%,0 100%);
z-index:3;
}
.ai-live-teacher-wave {
position:absolute;
display:flex;
gap:5px;
align-items:end;
z-index:4;
background:rgba(255,255,255,.72);
border:1px solid rgba(112,87,255,.18);
border-radius:999px;
padding:7px 9px;
box-shadow:0 10px 22px rgba(16,24,40,.10);
}
.ai-live-teacher-wave--top { right:-1%; top:18%; }
.ai-live-teacher-wave--bottom { left:4%; bottom:20%; }
.ai-live-avatar-svg--mini .ai-live-teacher-wave { display:none; }
.ai-live-teacher-wave i,
.ai-live-teacher-status b {
width:5px;
height:9px;
display:block;
border-radius:999px;
background:linear-gradient(180deg,#ff5f99,#7057ff);
animation: aiLiveBar 900ms ease-in-out infinite alternate;
}
.ai-live-teacher-wave i:nth-child(2), .ai-live-teacher-status b:nth-child(2){ animation-delay:.12s; }
.ai-live-teacher-wave i:nth-child(3), .ai-live-teacher-status b:nth-child(3){ animation-delay:.24s; }
.ai-live-teacher-wave i:nth-child(4), .ai-live-teacher-status b:nth-child(4){ animation-delay:.36s; }
.ai-live-teacher-status {
position:absolute;
left:50%;
bottom:-2%;
transform:translateX(-50%);
display:flex;
gap:5px;
align-items:end;
padding:8px 11px;
border-radius:999px;
background:rgba(255,255,255,.82);
box-shadow:0 10px 24px rgba(16,24,40,.10);
z-index:5;
}
.ai-live-avatar-video.is-speaking .ai-live-teacher-status b,
.ai-live-avatar-tutor.is-listening .ai-live-teacher-status b,
.ai-live-avatar-tutor.is-teacher-speaking .ai-live-teacher-status b {
animation-duration: .42s;
}
@keyframes aiLiveTeacherFloat { 0%,100%{ transform:translateY(0) scale(1); } 50%{ transform:translateY(-8px) scale(1.018); } }
@keyframes aiLiveRingPulse { 0%,100%{ opacity:.35; transform:scale(.96); } 50%{ opacity:.9; transform:scale(1.04); } }
@keyframes aiLiveGlow { 0%,100%{ opacity:.6; } 50%{ opacity:1; } }
@keyframes aiLiveTeacherBlink { 0%,46%,48%,100%{ transform:scaleY(1); } 47%{ transform:scaleY(.08); } }
@keyframes aiLiveTeacherSmile { 0%,100%{ transform:translateX(-50%) scaleX(1); } 50%{ transform:translateX(-50%) scaleX(1.12); } }
@keyframes aiLiveTeacherTalk { from{ height:5%; transform:translateX(-50%) scaleX(.88); } to{ height:11%; transform:translateX(-50%) scaleX(1.05); } }
@keyframes aiLiveBar { to{ height:24px; } } .ai-live-avatar-topic-coach{
display:grid;
gap:10px;
padding:12px 14px;
border:1px solid rgba(112,87,255,.16);
border-radius:18px;
background:linear-gradient(135deg,#f6fbff,#fff7fb);
box-shadow:0 10px 26px rgba(16,24,40,.05);
}
.ai-live-avatar-topic-coach strong{
display:block;
color:#0f2c52;
font-weight:900;
margin-bottom:2px;
}
.ai-live-avatar-topic-coach p{
margin:0;
color:#475467;
font-size:13px;
line-height:1.45;
}
.ai-live-avatar-topic-coach input{
width:100%;
min-height:44px;
border:1px solid #d8e3f7;
border-radius:14px;
background:#fff;
color:#102033;
padding:10px 13px;
font-weight:700;
box-sizing:border-box;
}
.ai-live-avatar-topic-chips{
display:flex;
flex-wrap:wrap;
gap:8px;
}
.ai-live-avatar-topic-chips button{
border:1px solid #dbe7ff;
border-radius:999px;
background:#fff;
color:#27364b;
font-size:12px;
font-weight:800;
padding:8px 10px;
cursor:pointer;
box-shadow:0 6px 16px rgba(16,24,40,.06);
}
.ai-live-avatar-topic-chips button:hover{
transform:translateY(-1px);
border-color:#7057ff;
color:#4237b6;
}
.ai-live-avatar-tutor.ai-study-dark,
.ai-study-dashboard.dark .ai-live-avatar-topic-coach,
.ai-study-dashboard.is-dark .ai-live-avatar-topic-coach,
body.ai-study-dark .ai-live-avatar-topic-coach{
background:linear-gradient(135deg,#10223c,#132b4a);
border-color:#28527b;
}
.ai-study-dashboard.dark .ai-live-avatar-topic-coach strong,
.ai-study-dashboard.is-dark .ai-live-avatar-topic-coach strong,
body.ai-study-dark .ai-live-avatar-topic-coach strong{
color:#ffffff;
}
.ai-study-dashboard.dark .ai-live-avatar-topic-coach p,
.ai-study-dashboard.is-dark .ai-live-avatar-topic-coach p,
body.ai-study-dark .ai-live-avatar-topic-coach p{
color:#dbeafe;
}
.ai-study-dashboard.dark .ai-live-avatar-topic-coach input,
.ai-study-dashboard.is-dark .ai-live-avatar-topic-coach input,
body.ai-study-dark .ai-live-avatar-topic-coach input,
.ai-study-dashboard.dark .ai-live-avatar-topic-chips button,
.ai-study-dashboard.is-dark .ai-live-avatar-topic-chips button,
body.ai-study-dark .ai-live-avatar-topic-chips button{
background:#071827;
color:#ffffff;
border-color:#315e8c;
} .ai-live-avatar-magic-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#eefbff,#fff3fb);border:1px solid rgba(14,165,233,.22);box-shadow:0 12px 30px rgba(16,24,40,.06)}
.ai-live-avatar-magic-panel strong{font-size:14px;color:#0f2750;font-weight:900}
.ai-live-avatar-magic-panel p{margin:0;flex:1 1 280px;color:#36516f;font-size:13px;font-weight:700;line-height:1.45}
.ai-live-avatar-magic-pills{display:flex;gap:7px;flex-wrap:wrap;flex:1 1 100%}
.ai-live-avatar-magic-pills span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff;color:#1e3a8a;border:1px solid #d7e6ff;font-size:12px;font-weight:900;box-shadow:0 4px 12px rgba(59,130,246,.08)}
.ai-live-avatar-sync-last-mini{margin-left:auto;padding:8px 12px!important;font-size:12px!important}
.ai-live-avatar-mode-hint--simple{font-size:13px!important;border-color:#bae6fd!important;background:#ecfeff!important;color:#164e63!important}
.ai-live-avatar-topic-coach{border-color:#dbeafe!important;background:linear-gradient(135deg,#ffffff,#f8fbff)!important}
.ai-live-avatar-topic-chips button{font-weight:900!important}
@media(max-width:720px){.ai-live-avatar-magic-panel{align-items:flex-start}.ai-live-avatar-sync-last-mini{margin-left:0;width:100%}} .ai-live-avatar-main{grid-template-columns:minmax(180px,260px) 1fr!important;gap:18px!important}
.ai-live-avatar-stage{min-height:470px!important;padding:16px 14px!important}
.ai-live-avatar-video{width:min(100%,250px)!important;min-height:370px!important;border-radius:28px!important}
.ai-live-avatar-video.has-did-agent-live,.ai-live-avatar-video.has-did-agent-live .did-agent-container--inline{min-height:370px!important}
.ai-live-avatar-animated-teacher,.ai-live-avatar-photo-wrap--teacher{transform:scale(.86);transform-origin:center center}
.ai-live-avatar-status{margin-top:10px!important}
.ai-live-avatar-subtitle{margin-top:8px!important;padding:14px 16px!important;font-size:14px!important}
@media (max-width: 980px){
.ai-live-avatar-main{grid-template-columns:1fr!important}
.ai-live-avatar-stage{min-height:420px!important}
.ai-live-avatar-video{width:min(100%,230px)!important;min-height:320px!important}
.ai-live-avatar-animated-teacher,.ai-live-avatar-photo-wrap--teacher{transform:scale(.82)}
} .ai-live-avatar-stage{justify-content:flex-start!important;padding-top:18px!important;min-height:440px!important}
.ai-live-avatar-video{margin-top:0!important;min-height:270px!important}
.ai-live-avatar-smart-suggestions{width:100%;max-width:230px;margin:10px auto 8px;padding:10px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid #d9e7ff;box-shadow:0 10px 24px rgba(16,24,40,.06);text-align:left}
.ai-live-avatar-smart-suggestions[hidden]{display:none!important}
.ai-live-avatar-smart-suggestions strong{display:block;font-size:12px;color:#285fe8;margin-bottom:7px}
.ai-live-avatar-smart-suggestions div{display:flex;flex-direction:column;gap:6px}
.ai-live-avatar-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}
.ai-live-avatar-smart-suggestions button:hover{background:#e8f1ff}
.ai-live-avatar-transcript{height:auto!important;min-height:220px!important;max-height:none!important;overflow:visible!important}
.ai-live-avatar-control-panel,.ai-live-avatar-report,.ai-live-avatar-correction{overflow:visible!important}
.ai-live-avatar-bubble{max-width:100%!important}
.ai-live-avatar-tutor.is-floating .ai-live-avatar-transcript{min-height:160px!important;max-height:300px!important;overflow:auto!important}
@media(max-width:860px){.ai-live-avatar-stage{min-height:360px!important}.ai-live-avatar-smart-suggestions{max-width:100%}}
html[data-theme="dark"] .ai-live-avatar-smart-suggestions,body[data-ai-study-theme="dark"] .ai-live-avatar-smart-suggestions{background:#0d2036;border-color:#2b5b88}
html[data-theme="dark"] .ai-live-avatar-smart-suggestions button,body[data-ai-study-theme="dark"] .ai-live-avatar-smart-suggestions button{background:#102944;color:#eaf3ff;box-shadow:inset 0 0 0 1px #2b5b88} .ai-live-english-dashboard{border-radius:22px;padding:14px;background:linear-gradient(135deg,#f4fbff,#fff7fc);border:1px solid #d6e7ff;box-shadow:0 14px 34px rgba(16,24,40,.06)}
.ai-live-english-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ai-live-english-dashboard-head strong{display:block;font-size:16px;color:#102033;margin-bottom:4px}.ai-live-english-dashboard-head p{margin:0;color:#59708c;font-size:13px;line-height:1.45}
.ai-live-english-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:410px;overflow:auto;padding-right:2px}
.ai-live-english-card{border:1px solid #dce8ff;background:#fff;color:#102033;border-radius:17px;padding:11px 12px;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(16,24,40,.05);transition:.18s transform,.18s box-shadow,.18s border-color;display:grid;grid-template-columns:34px 1fr;gap:3px 9px;align-items:start}
.ai-live-english-card:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(16,24,40,.10);border-color:#7b61ff}.ai-live-english-card-icon{grid-row:1/3;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4ff,#fff0f7);font-size:18px}.ai-live-english-card-title{font-weight:900;font-size:13.5px;color:#102033;line-height:1.2}.ai-live-english-card small{display:block;font-size:11.5px;color:#60758d;line-height:1.35}
.ai-live-avatar-tutor.is-floating .ai-live-english-dashboard{display:none}
@media (max-width:760px){.ai-live-english-dashboard-head{flex-direction:column;align-items:flex-start}.ai-live-english-dashboard-grid{grid-template-columns:1fr;max-height:none}.ai-live-english-dashboard-head .ai-live-secondary{width:100%}}
html[data-theme="dark"] .ai-live-english-dashboard,body[data-ai-study-theme="dark"] .ai-live-english-dashboard,.ai-study-dashboard.dark .ai-live-english-dashboard,.ai-study-dashboard.is-dark .ai-live-english-dashboard{background:#102238;border-color:#28527f;color:#eaf3ff}html[data-theme="dark"] .ai-live-english-dashboard-head strong,body[data-ai-study-theme="dark"] .ai-live-english-dashboard-head strong,.ai-study-dashboard.dark .ai-live-english-dashboard-head strong,.ai-study-dashboard.is-dark .ai-live-english-dashboard-head strong{color:#fff}html[data-theme="dark"] .ai-live-english-dashboard-head p,body[data-ai-study-theme="dark"] .ai-live-english-dashboard-head p,.ai-study-dashboard.dark .ai-live-english-dashboard-head p,.ai-study-dashboard.is-dark .ai-live-english-dashboard-head p{color:#c9d8ef}html[data-theme="dark"] .ai-live-english-card,body[data-ai-study-theme="dark"] .ai-live-english-card,.ai-study-dashboard.dark .ai-live-english-card,.ai-study-dashboard.is-dark .ai-live-english-card{background:#0b1b30;border-color:#28527f;color:#eaf3ff}html[data-theme="dark"] .ai-live-english-card-title,body[data-ai-study-theme="dark"] .ai-live-english-card-title,.ai-study-dashboard.dark .ai-live-english-card-title,.ai-study-dashboard.is-dark .ai-live-english-card-title{color:#fff}html[data-theme="dark"] .ai-live-english-card small,body[data-ai-study-theme="dark"] .ai-live-english-card small,.ai-study-dashboard.dark .ai-live-english-card small,.ai-study-dashboard.is-dark .ai-live-english-card small{color:#c9d8ef} .ai-live-english-level-path{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.ai-live-english-level-path span{display:inline-flex;align-items:center;padding:7px 9px;border-radius:999px;background:#eef6ff;color:#1d4ed8;border:1px solid #d7e8ff;font-size:11px;font-weight:900;line-height:1.25}
.ai-live-english-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-height:520px!important}
.ai-live-english-card-title{font-size:13px!important}.ai-live-english-card small{font-size:11px!important}
@media(max-width:1120px){.ai-live-english-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.ai-live-english-dashboard-grid{grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important}}
html[data-theme="dark"] .ai-live-english-level-path span,body[data-ai-study-theme="dark"] .ai-live-english-level-path span,.ai-study-dashboard.dark .ai-live-english-level-path span,.ai-study-dashboard.is-dark .ai-live-english-level-path span{background:#0d2036;color:#dbeafe;border-color:#2b5b88} .ai-live-avatar-one2one-panel{padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,#fff7e8,#eefbff);border:1px solid rgba(14,165,233,.22);box-shadow:0 12px 28px rgba(16,24,40,.06)}
.ai-live-one2one-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.ai-live-one2one-head strong{font-size:15px;font-weight:1000;color:#102033}
.ai-live-one2one-head span{padding:5px 9px;border-radius:999px;background:#eaf1ff;color:#285fe8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.ai-live-avatar-one2one-panel p{margin:0 0 10px;color:#36516f;font-size:13px;font-weight:700;line-height:1.45}
.ai-live-one2one-actions{display:flex;flex-wrap:wrap;gap:8px}
.ai-live-one2one-actions button{border:1px solid #d8e6ff;border-radius:999px;background:#fff;color:#123250;font-weight:900;padding:9px 12px;cursor:pointer;box-shadow:0 8px 20px rgba(16,24,40,.06);transition:.18s transform,.18s box-shadow}
.ai-live-one2one-actions button:first-child{background:linear-gradient(135deg,#28a6ff,#7a4cff);border-color:transparent;color:#fff}
.ai-live-one2one-actions button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(16,24,40,.12)}
.ai-live-avatar-transcript{height:auto!important;min-height:260px!important;max-height:none!important;overflow:visible!important}
.ai-live-avatar-bubble{max-width:96%!important}
html[data-theme="dark"] .ai-live-avatar-one2one-panel,body[data-ai-study-theme="dark"] .ai-live-avatar-one2one-panel{background:#0d2036;border-color:#2b5b88}
html[data-theme="dark"] .ai-live-one2one-head strong,body[data-ai-study-theme="dark"] .ai-live-one2one-head strong{color:#eaf3ff}
html[data-theme="dark"] .ai-live-avatar-one2one-panel p,body[data-ai-study-theme="dark"] .ai-live-avatar-one2one-panel p{color:#c9d8ef}
html[data-theme="dark"] .ai-live-one2one-actions button,body[data-ai-study-theme="dark"] .ai-live-one2one-actions button{background:#102944;color:#eaf3ff;border-color:#2b5b88}
@media(max-width:720px){.ai-live-one2one-actions button{flex:1 1 100%;border-radius:14px}.ai-live-avatar-transcript{min-height:220px!important}} .ai-live-avatar-stage{justify-content:flex-start!important;padding-top:18px!important}
.ai-live-avatar-video{margin-top:0!important}
.ai-live-avatar-near-actions{display:flex;flex-direction:column;gap:10px;margin:10px 0 12px;scroll-margin-top:96px}
.ai-live-avatar-one2one-panel--near{order:1}
.ai-live-avatar-smart-suggestions--near{order:2;width:100%!important;max-width:100%!important;margin:0!important;background:linear-gradient(135deg,#f8fbff,#eefbff)!important}
.ai-live-avatar-smart-suggestions--near div{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}
.ai-live-avatar-smart-suggestions--near button{border-radius:999px!important;padding:8px 11px!important;font-size:12px!important;max-width:100%}
.ai-live-avatar-compose.is-active-now,.ai-live-avatar-compose[data-ai-live-active-zone].is-active-now{animation:aiLiveActivePulse 1.15s ease both;border-radius:22px}
@keyframes aiLiveActivePulse{0%{box-shadow:0 0 0 0 rgba(42,166,255,.0)}35%{box-shadow:0 0 0 5px rgba(42,166,255,.18)}100%{box-shadow:0 0 0 0 rgba(42,166,255,.0)}}
.ai-live-avatar-transcript{height:auto!important;min-height:260px!important;max-height:none!important;overflow:visible!important}
@media(max-width:720px){.ai-live-avatar-smart-suggestions--near div{flex-direction:column!important}.ai-live-avatar-smart-suggestions--near button{width:100%;text-align:left}.ai-live-avatar-near-actions{scroll-margin-top:72px}}
html[data-theme="dark"] .ai-live-avatar-smart-suggestions--near,body[data-ai-study-theme="dark"] .ai-live-avatar-smart-suggestions--near{background:#0d2036!important;border-color:#2b5b88!important} .ai-live-avatar-one2one-panel--near{border:2px solid rgba(37,99,235,.16)!important;box-shadow:0 16px 36px rgba(37,99,235,.08)!important}
.ai-live-one2one-actions button:first-child{background:linear-gradient(135deg,#28a6ff,#7a4cff)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(112,87,255,.2)!important}
.ai-live-avatar-transcript{height:auto!important;max-height:none!important;min-height:220px!important;overflow:visible!important}
.ai-live-avatar-bubble--ai strong,.ai-live-avatar-bubble--ai p{color:#102033} .ai-live-avatar-compose{display:flex!important;flex-direction:column!important}
.ai-live-avatar-compose textarea{order:1!important}
.ai-live-avatar-actions--near-top,.ai-live-avatar-actions{order:2!important}
.ai-live-avatar-near-actions{order:3!important;margin-top:6px!important}
.ai-live-avatar-one2one-panel--near{margin-top:0!important}
.ai-live-one2one-actions button,.ai-live-avatar-smart-suggestions--near button{text-transform:none!important}
@media(max-width:720px){.ai-live-avatar-actions--near-top button{flex:1 1 calc(50% - 8px)!important}.ai-live-avatar-near-actions{margin-top:8px!important}} .ai-live-avatar-stats-strip{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-left:auto}
.ai-live-avatar-stat-pill{min-width:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border-radius:18px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);color:#fff;text-align:center;line-height:1.05}
.ai-live-avatar-stat-pill b{font-size:18px;font-weight:1000;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.ai-live-avatar-stat-pill small{margin-top:3px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:rgba(255,255,255,.82)}
.ai-live-avatar-stat-pill--score{background:linear-gradient(135deg,rgba(255,218,94,.28),rgba(255,95,153,.22));border-color:rgba(255,255,255,.35)}
.ai-live-avatar-top-actions{display:none!important}
@media(max-width:720px){.ai-live-avatar-stats-strip{width:100%;justify-content:flex-start}.ai-live-avatar-stat-pill{min-width:68px;padding:7px 10px}.ai-live-avatar-stat-pill b{font-size:16px}} .ai-live-avatar-main{grid-template-columns:1fr!important;gap:16px!important}
.ai-live-avatar-stage{display:none!important}
.ai-live-avatar-control-panel{width:100%!important;max-width:none!important}
.ai-live-avatar-transcript{min-height:220px!important;height:auto!important;max-height:none!important;overflow:visible!important}
.ai-live-avatar-shell{max-width:100%!important}.ep-avatar-app{--epav-bg:#f4f9ff;--epav-card:#fff;--epav-text:#102033;--epav-muted:#58708d;--epav-primary:#4e7cff;--epav-accent:#16c6d8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--epav-text);max-width:1180px;margin:0 auto 24px}.ep-avatar-app *{box-sizing:border-box}.ep-avatar-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid #d9e6ff;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#eef5ff 55%,#fff7fc);box-shadow:0 18px 44px rgba(16,24,40,.10);margin-bottom:18px}.ep-avatar-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eaf2ff;color:#285fe8;font-weight:900;font-size:12px;text-transform:uppercase}.ep-avatar-hero h2{margin:8px 0 6px;font-size:28px;line-height:1.1}.ep-avatar-hero p{margin:0;color:var(--epav-muted);font-size:15px}.ep-avatar-usage{min-width:138px;border-radius:22px;padding:14px 16px;background:linear-gradient(135deg,#113b67,#1fc2d5);color:#fff;text-align:center;box-shadow:0 14px 30px rgba(31,95,160,.22)}.ep-avatar-usage strong{display:block;font-size:28px;line-height:1}.ep-avatar-usage span{font-size:12px;font-weight:800}.ep-avatar-layout{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:18px;border-radius:28px;padding:18px;background:var(--epav-bg);border:1px solid #dbe7ff}.ep-avatar-panel,.ep-avatar-controls{border-radius:24px;background:var(--epav-card);border:1px solid #dce8ff;box-shadow:0 12px 30px rgba(16,24,40,.06)}.ep-avatar-panel{padding:16px;text-align:center}.ep-avatar-stage{min-height:360px;border-radius:22px;background:radial-gradient(circle at 25% 20%,#ffd9eb,transparent 28%),radial-gradient(circle at 78% 18%,#c2f5ed,transparent 25%),linear-gradient(180deg,#fff,#edf7ff);display:grid;place-items:center;overflow:hidden;border:1px solid #cfe0ff}.ep-avatar-stage iframe{width:100%;height:360px;border:0;border-radius:20px}.ep-avatar-fallback{position:relative;width:190px;height:230px;display:grid;place-items:center}.ep-avatar-face{width:150px;height:175px;border-radius:78px 78px 58px 58px;background:linear-gradient(135deg,#ffd9bf,#efaa89);position:relative;box-shadow:0 20px 42px rgba(16,24,40,.17);animation:epavFloat 4.5s ease-in-out infinite}.ep-avatar-face:before{content:"";position:absolute;left:16px;right:16px;top:-20px;height:65px;border-radius:70px 70px 32px 32px;background:#432032}.ep-avatar-face span,.ep-avatar-face b{position:absolute;top:80px;width:18px;height:10px;border-radius:99px;background:#1e1720}.ep-avatar-face span{left:42px}.ep-avatar-face b{right:42px}.ep-avatar-face i{position:absolute;left:50%;bottom:38px;width:38px;height:14px;border-radius:0 0 50px 50px;background:#ab3155;transform:translateX(-50%)}.ep-avatar-app.is-speaking .ep-avatar-face i{animation:epavTalk .24s ease-in-out infinite alternate}.ep-avatar-bars{position:absolute;bottom:0;display:flex;gap:5px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.82)}.ep-avatar-bars em{width:6px;height:10px;border-radius:9px;background:linear-gradient(180deg,#ff5f99,#7057ff)}.ep-avatar-app.is-speaking .ep-avatar-bars em,.ep-avatar-app.is-listening .ep-avatar-bars em{animation:epavBars .45s ease-in-out infinite alternate}.ep-avatar-bars em:nth-child(2){animation-delay:.09s}.ep-avatar-bars em:nth-child(3){animation-delay:.18s}.ep-avatar-bars em:nth-child(4){animation-delay:.27s}.ep-avatar-status{margin-top:12px;border-radius:999px;padding:10px 12px;background:#102033;color:#fff;font-weight:800;font-size:13px}.ep-avatar-controls{padding:16px;display:flex;flex-direction:column;gap:12px}.ep-avatar-controls label{font-size:12px;font-weight:900;color:#40566f;text-transform:uppercase}.ep-avatar-controls select,.ep-avatar-input-row input{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-avatar-buttons,.ep-avatar-input-row{display:flex;gap:9px;flex-wrap:wrap}.ep-avatar-primary,.ep-avatar-secondary,.ep-avatar-input-row button{border:0;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer}.ep-avatar-primary,.ep-avatar-input-row button{background:linear-gradient(135deg,#2aa8ff,#7850ff);color:#fff}.ep-avatar-secondary{background:#fff;border:1px solid #d8e6ff;color:#183451}.ep-avatar-chat{min-height:210px;max-height:420px;overflow:auto;border-radius:20px;background:#f8fbff;border:1px solid #dce8ff;padding:12px}.ep-avatar-msg{padding:11px 13px;border-radius:16px;margin:0 0 10px;background:#fff;box-shadow:0 8px 18px rgba(16,24,40,.06)}.ep-avatar-msg--user{margin-left:auto;background:linear-gradient(135deg,#4e7cff,#16c6d8);color:#fff;max-width:80%}.ep-avatar-msg--teacher{max-width:86%}.ep-avatar-error{border-radius:16px;padding:12px;background:#fff4e6;border:1px solid #ffd3a4;color:#7a3600;font-weight:800}.ep-avatar-upgrade{display:inline-flex;align-self:flex-start;border-radius:999px;padding:10px 14px;background:#eef9ff;border:1px solid #cde9ff;text-decoration:none;font-weight:900;color:#0b65b8}@keyframes epavFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes epavTalk{from{height:10px}to{height:26px;border-radius:50%}}@keyframes epavBars{to{height:26px}}@media(max-width:820px){.ep-avatar-hero{flex-direction:column;align-items:flex-start}.ep-avatar-layout{grid-template-columns:1fr}.ep-avatar-stage{min-height:300px}.ep-avatar-stage iframe{height:300px}.ep-avatar-buttons button,.ep-avatar-input-row button{flex:1 1 auto}}body[data-ai-study-theme="dark"] .ep-avatar-app,html[data-theme="dark"] .ep-avatar-app{--epav-bg:#061321;--epav-card:#102238;--epav-text:#eef6ff;--epav-muted:#c5d8ef}body[data-ai-study-theme="dark"] .ep-avatar-hero,html[data-theme="dark"] .ep-avatar-hero,body[data-ai-study-theme="dark"] .ep-avatar-layout,html[data-theme="dark"] .ep-avatar-layout,body[data-ai-study-theme="dark"] .ep-avatar-panel,body[data-ai-study-theme="dark"] .ep-avatar-controls,html[data-theme="dark"] .ep-avatar-panel,html[data-theme="dark"] .ep-avatar-controls{border-color:#28527f}body[data-ai-study-theme="dark"] .ep-avatar-chat,html[data-theme="dark"] .ep-avatar-chat{background:#0a1a2d;border-color:#28527f}body[data-ai-study-theme="dark"] .ep-avatar-msg--teacher,html[data-theme="dark"] .ep-avatar-msg--teacher{background:#102238;color:#eef6ff;border:1px solid #28527f}body[data-ai-study-theme="dark"] .ep-avatar-controls select,body[data-ai-study-theme="dark"] .ep-avatar-input-row input,html[data-theme="dark"] .ep-avatar-controls select,html[data-theme="dark"] .ep-avatar-input-row input{background:#07182b;color:#fff;border-color:#2d5b88} .ep-avatar-plan-strip{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;border-radius:18px;background:linear-gradient(135deg,#eefbff,#f7f3ff);border:1px solid #cde9ff;padding:10px 12px;color:#173150;font-size:12px;font-weight:800}.ep-avatar-plan-strip span{display:block}.ep-avatar-plan-strip b{color:#0b65b8}.ep-avatar-timer{margin-top:10px;border-radius:16px;padding:10px 12px;background:#fff8e1;border:1px solid #ffd98c;color:#7a4a00;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:8px}.ep-avatar-timer strong{font-size:20px;color:#a43c00}.ep-avatar-upgrade-row{display:flex;gap:9px;flex-wrap:wrap}.ep-avatar-upgrade-row .ep-avatar-upgrade{align-self:auto}@media(max-width:760px){.ep-avatar-plan-strip{grid-template-columns:1fr 1fr}.ep-avatar-upgrade-row .ep-avatar-upgrade{width:100%;justify-content:center}}body[data-ai-study-theme="dark"] .ep-avatar-plan-strip,html[data-theme="dark"] .ep-avatar-plan-strip{background:#0b1c31;border-color:#2b5b88;color:#eaf3ff}body[data-ai-study-theme="dark"] .ep-avatar-plan-strip b,html[data-theme="dark"] .ep-avatar-plan-strip b{color:#65d8ff}body[data-ai-study-theme="dark"] .ep-avatar-timer,html[data-theme="dark"] .ep-avatar-timer{background:#3b2a05;border-color:#755405;color:#ffe6a3} .ep-avatar-layout{grid-template-columns:1fr!important;gap:14px!important}
.ep-avatar-panel--provider-only{padding:14px!important;text-align:left!important}
.ep-avatar-stage--provider{min-height:360px!important;background:linear-gradient(135deg,#eef7ff,#f7fbff)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.ep-avatar-stage--provider iframe{width:100%!important;min-height:360px!important;height:clamp(360px,58vh,680px)!important;border-radius:20px!important;background:#fff!important}
.ep-avatar-provider-ready{width:100%;max-width:760px;border-radius:24px;padding:28px 24px;text-align:center;background:rgba(255,255,255,.86);border:1px solid #d7e6ff;box-shadow:0 16px 36px rgba(16,24,40,.08);color:#102033}
.ep-avatar-provider-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,#2aa8ff,#7850ff);color:#fff;font-size:28px;margin-bottom:12px}
.ep-avatar-provider-ready strong{display:block;font-size:22px;margin-bottom:8px;color:#102033}
.ep-avatar-provider-ready p{max-width:620px;margin:0 auto;color:#52677f;line-height:1.55}
.ep-avatar-face,.ep-avatar-fallback .ep-avatar-face,.ep-avatar-bars{display:none!important}
@media(max-width:820px){.ep-avatar-stage--provider{min-height:280px!important}.ep-avatar-stage--provider iframe{min-height:280px!important;height:420px!important}}
body[data-ai-study-theme="dark"] .ep-avatar-provider-ready,html[data-theme="dark"] .ep-avatar-provider-ready{background:#102238;border-color:#2b5b88;color:#eef6ff}
body[data-ai-study-theme="dark"] .ep-avatar-provider-ready strong,html[data-theme="dark"] .ep-avatar-provider-ready strong{color:#fff}
body[data-ai-study-theme="dark"] .ep-avatar-provider-ready p,html[data-theme="dark"] .ep-avatar-provider-ready p{color:#c8d9ef} .ai-live-avatar-main{grid-template-columns:1fr!important;gap:16px!important}
.ai-live-avatar-stage{display:none!important}
.ai-live-avatar-control-panel{width:100%!important;max-width:none!important}
.ai-live-avatar-transcript{min-height:220px!important;height:auto!important;max-height:none!important;overflow:visible!important}
.ai-live-avatar-shell{max-width:100%!important} .ep-avatar-app--compact{max-width:100%;margin:0 0 16px}
.ep-avatar-app--compact .ep-avatar-hero{padding:14px 16px;margin-bottom:12px;border-radius:22px}
.ep-avatar-app--compact .ep-avatar-hero h2{font-size:20px;margin:5px 0 3px}
.ep-avatar-app--compact .ep-avatar-hero p{font-size:13px;line-height:1.4}
.ep-avatar-app--compact .ep-avatar-usage{min-width:104px;padding:10px 12px;border-radius:18px}.ep-avatar-app--compact .ep-avatar-usage strong{font-size:22px}
.ep-avatar-app--compact .ep-avatar-layout{padding:12px;border-radius:22px;grid-template-columns:1fr!important}
.ep-avatar-app--compact .ep-avatar-stage--provider{min-height:260px!important}
.ep-avatar-app--compact .ep-avatar-stage--provider iframe{min-height:260px!important;height:clamp(260px,44vh,520px)!important}
.ep-avatar-app--compact .ep-avatar-provider-ready{padding:18px 16px;border-radius:20px}
.ep-avatar-app--compact .ep-avatar-provider-ready strong{font-size:18px}.ep-avatar-app--compact .ep-avatar-provider-ready p{font-size:13px}
.ep-avatar-app--compact .ep-avatar-controls{padding:12px;border-radius:20px}
.ep-avatar-app--compact .ep-avatar-chat{display:none!important}
.ep-avatar-app--compact .ep-avatar-input-row{display:none!important}
.ep-avatar-app--compact .ep-avatar-plan-strip{grid-template-columns:repeat(4,minmax(90px,1fr));font-size:11px}
.ep-avatar-app--compact .ep-avatar-error{display:block;margin-top:2px}
.ep-avatar-app--compact .ep-avatar-error[hidden]{display:none!important}
.ep-avatar-app--english-inline{border-radius:24px;padding:0;background:transparent}
.ep-avatar-app--english-inline .ep-avatar-hero{background:linear-gradient(135deg,#eefbff,#fff7fc);box-shadow:none}
.ep-avatar-app--english-inline .ep-avatar-buttons{align-items:center}
.ep-avatar-app--english-inline .ep-avatar-buttons:after{content:'Provider face will load here after Start';font-size:12px;font-weight:800;color:#52677f;margin-left:auto}
@media(max-width:760px){.ep-avatar-app--compact .ep-avatar-plan-strip{grid-template-columns:1fr 1fr}.ep-avatar-app--english-inline .ep-avatar-buttons:after{width:100%;margin-left:0}} .ep-livekit-video-wrap,.ep-avatar-widget-code{width:100%;height:100%;min-height:360px;border-radius:22px;overflow:hidden;background:#061426;color:#eaf6ff;display:grid;place-items:center}
.ep-livekit-video-wrap[hidden],.ep-avatar-widget-code[hidden]{display:none!important}
.ep-livekit-room,.ep-avatar-widget-code iframe,.ep-avatar-widget-code video{width:100%;height:100%;min-height:360px;border:0}
.ep-livekit-info{padding:22px;text-align:center;max-width:560px}
.ep-livekit-info strong{display:block;font-size:20px;margin-bottom:8px}
.ep-livekit-info p{margin:6px 0;color:#cfe4ff}
.ep-avatar-buy-minutes{border:0;cursor:pointer}
.ep-provider-settings-wrap{max-width:1180px}