.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-fs-scanner {
position: fixed;
inset: 0;
z-index: 999999;
background: #000;
color: #fff;
font-family: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
box-sizing: border-box;
overflow: hidden;
}
.ai-fs-scanner[hidden] {
display: none !important;
}
.ai-fs-scanner *,
.ai-fs-scanner *::before,
.ai-fs-scanner *::after {
box-sizing: border-box;
}
body.ai-fs-scanner-open {
overflow: hidden !important;
}
.ai-fs-scanner__screen {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
background: #0a0a0f;
}
.ai-fs-scanner__screen[hidden] {
display: none !important;
} .ai-fs-scanner__video-wrap {
position: relative;
flex: 1;
min-height: 0;
overflow: hidden;
background: #000;
}
.ai-fs-scanner__video {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center center;
touch-action: none;
}
.ai-fs-scanner__grid {
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px) 0 0 / 33.33% 33.33%,
linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px) 0 0 / 33.33% 33.33%;
opacity: 0.35;
}
.ai-fs-scanner__grid.is-off {
display: none;
}
.ai-fs-scanner__doc-frame {
position: absolute;
inset: 8% 6%;
border: 2px dashed rgba(245, 130, 32, 0.85);
border-radius: 8px;
pointer-events: none;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.25);
}
.ai-fs-scanner__doc-frame::before,
.ai-fs-scanner__doc-frame::after {
content: "";
position: absolute;
width: 24px;
height: 24px;
border: 3px solid #F58220;
}
.ai-fs-scanner__doc-frame::before {
top: -2px;
left: -2px;
border-right: 0;
border-bottom: 0;
}
.ai-fs-scanner__doc-frame::after {
bottom: -2px;
right: -2px;
border-left: 0;
border-top: 0;
}
.ai-fs-scanner__top-bar,
.ai-fs-scanner__bottom-bar {
position: absolute;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding: max(12px, env(safe-area-inset-top)) 16px 12px;
background: linear-gradient(to bottom, rgba(0,0,0,.65), transparent);
z-index: 5;
}
.ai-fs-scanner__bottom-bar {
top: auto;
bottom: 0;
padding: 12px 16px max(20px, env(safe-area-inset-bottom));
background: linear-gradient(to top, rgba(0,0,0,.75), transparent);
justify-content: center;
gap: 28px;
}
.ai-fs-scanner__top-left,
.ai-fs-scanner__top-right {
display: flex;
gap: 10px;
align-items: center;
}
.ai-fs-scanner__title {
font-size: 15px;
font-weight: 800;
color: #fff;
text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.ai-fs-scanner__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 48px;
min-height: 48px;
padding: 10px 14px;
border: 0;
border-radius: 999px;
background: rgba(255,255,255,.18);
backdrop-filter: blur(8px);
color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.ai-fs-scanner__btn:active {
transform: scale(0.96);
}
.ai-fs-scanner__btn.is-active {
background: #F58220;
color: #fff;
}
.ai-fs-scanner__btn--large {
min-width: 56px;
min-height: 56px;
font-size: 22px;
}
.ai-fs-scanner__capture {
width: 76px;
height: 76px;
border-radius: 50%;
border: 4px solid #fff;
background: radial-gradient(circle at 30% 30%, #fff, #e0e0e0);
box-shadow: 0 0 0 4px rgba(255,255,255,.25), 0 4px 20px rgba(0,0,0,.4);
cursor: pointer;
flex-shrink: 0;
}
.ai-fs-scanner__capture:active {
transform: scale(0.94);
} .ai-fs-scanner__preview-img {
flex: 1;
min-height: 0;
width: 100%;
object-fit: contain;
background: #111;
}
.ai-fs-scanner__toolbar {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 10px 12px;
background: rgba(0,0,0,.85);
justify-content: center;
}
.ai-fs-scanner__toolbar .ai-fs-scanner__btn {
flex: 1 1 calc(20% - 8px);
min-width: 72px;
font-size: 12px;
border-radius: 12px;
}
.ai-fs-scanner__scroll-body {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 12px;
background: #f5f7fb;
color: #182033;
} .ai-fs-scanner__capture-actions {
display: flex;
gap: 10px;
padding: 14px 12px;
padding-bottom: max(14px, env(safe-area-inset-bottom));
background: rgba(0, 0, 0, 0.88);
justify-content: center;
}
.ai-fs-scanner__capture-actions--overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px;
background: linear-gradient(to top, rgba(0,0,0,.85), transparent);
}
.ai-fs-scanner__capture-btn {
flex: 1;
min-height: 52px;
border: 0;
border-radius: 14px;
background: rgba(255, 255, 255, 0.95);
color: #1B4F9C;
font-size: 14px;
font-weight: 800;
cursor: pointer;
}
.ai-fs-scanner__capture-btn:nth-child(2) {
background: linear-gradient(135deg, #1B4F9C, #F58220);
color: #fff;
}
.ai-fs-scanner__preview-wrap {
position: relative;
margin-bottom: 12px;
border-radius: 12px;
overflow: hidden;
background: #111;
max-height: 38vh;
}
.ai-fs-scanner__screen[data-ai-fs-step="preview"] {
flex-direction: column;
}
.ai-fs-scanner__screen[data-ai-fs-step="preview"] .ai-fs-scanner__preview-img {
flex: 1;
min-height: 0;
}
.ai-fs-scanner__preview-wrap img {
width: 100%;
max-height: 38vh;
object-fit: contain;
display: block;
}
.ai-fs-scanner__smart-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
.ai-fs-scanner__chip {
flex: 1 1 calc(33% - 8px);
min-width: 100px;
padding: 10px 8px;
border: 2px solid #1B4F9C;
border-radius: 12px;
background: #fff;
color: #1B4F9C;
font-size: 12px;
font-weight: 800;
text-align: center;
cursor: pointer;
}
.ai-fs-scanner__chip:nth-child(3n+2) { border-color: #F58220; color: #c45a00; }
.ai-fs-scanner__chip:nth-child(3n) { border-color: #2e7d32; color: #2e7d32; }
.ai-fs-scanner__input-wrap {
position: relative;
margin-bottom: 12px;
}
.ai-fs-scanner__input-wrap label {
display: block;
margin-bottom: 6px;
font-size: 14px;
font-weight: 800;
color: #1B4F9C;
}
.ai-fs-scanner__question {
width: 100%;
min-height: 100px;
padding: 14px 118px 14px 14px;
border: 2px solid #1B4F9C;
border-radius: 14px;
font-size: 16px;
line-height: 1.45;
resize: vertical;
background: #fff;
color: #182033;
}
.ai-fs-scanner__mic.ai-study-voice-btn {
position: absolute;
right: 10px;
bottom: 10px;
width: auto;
min-width: 44px;
min-height: 44px;
height: auto;
border-radius: 999px;
font-size: 13px;
font-weight: 800;
box-shadow: 0 2px 10px rgba(27, 79, 156, 0.35);
--voice-btn-bg: #312E81;
--voice-btn-border: #A5B4FC;
--voice-btn-text: #E0E7FF;
--voice-btn-icon: #C7D2FE;
}
.ai-fs-scanner__mic.ai-study-voice-btn .ai-study-voice-btn__icon {
color: inherit;
}
.ai-fs-scanner__mic.ai-study-voice-btn.is-listening {
animation: ai-fs-pulse 1s infinite;
background: #c62828 !important;
border-color: #ef9a9a !important;
color: #fff !important;
} .ai-fs-scanner__mic:not(.ai-study-voice-btn) {
position: absolute;
right: 10px;
bottom: 10px;
width: 44px;
height: 44px;
border: 0;
border-radius: 50%;
background: linear-gradient(135deg, #1B4F9C, #F58220);
color: #fff;
font-size: 20px;
cursor: pointer;
box-shadow: 0 2px 10px rgba(27, 79, 156, 0.35);
}
.ai-fs-scanner__mic:not(.ai-study-voice-btn).is-listening {
animation: ai-fs-pulse 1s infinite;
background: #c62828;
}
@keyframes ai-fs-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(198, 40, 40, 0.5); }
50% { box-shadow: 0 0 0 12px rgba(198, 40, 40, 0); }
}
.ai-fs-scanner__voice-status {
margin-bottom: 10px;
padding: 8px 12px;
border-radius: 10px;
background: #e3f2fd;
color: #0d47a1;
font-size: 13px;
font-weight: 700;
}
.ai-fs-scanner__voice-status.is-error {
background: #ffebee;
color: #b71c1c;
}
.ai-fs-scanner__voice-status.is-success {
background: #e8f5e9;
color: #1b5e20;
}
.ai-fs-scanner__ocr-box label {
display: block;
margin-bottom: 6px;
font-size: 14px;
font-weight: 800;
color: #2e7d32;
}
.ai-fs-scanner__ocr-text {
width: 100%;
min-height: 120px;
padding: 12px;
border: 2px solid #2e7d32;
border-radius: 12px;
font-size: 14px;
line-height: 1.5;
background: #fff;
color: #182033;
}
.ai-fs-scanner__footer {
display: flex;
gap: 10px;
padding: 12px;
padding-bottom: max(12px, env(safe-area-inset-bottom));
background: #fff;
border-top: 1px solid #dce4ec;
}
.ai-fs-scanner__footer .ai-fs-scanner__btn {
flex: 1;
min-height: 52px;
border-radius: 14px;
font-size: 15px;
}
.ai-fs-scanner__footer .ai-fs-scanner__btn--primary {
background: linear-gradient(135deg, #1B4F9C, #F58220);
color: #fff;
}
.ai-fs-scanner__footer .ai-fs-scanner__btn--secondary {
background: #eef2f7;
color: #1B4F9C;
}
.ai-fs-scanner__progress {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 20;
padding: 20px 28px;
border-radius: 16px;
background: rgba(0,0,0,.82);
text-align: center;
min-width: 200px;
}
.ai-fs-scanner__progress[hidden] {
display: none !important;
}
.ai-fs-scanner__progress-bar {
height: 6px;
margin-top: 12px;
border-radius: 999px;
background: rgba(255,255,255,.2);
overflow: hidden;
}
.ai-fs-scanner__progress-bar span {
display: block;
height: 100%;
width: 0%;
background: linear-gradient(90deg, #1B4F9C, #F58220);
transition: width 0.3s ease;
}
.ai-fs-scanner__permission {
position: absolute;
inset: 0;
z-index: 30;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(0,0,0,.88);
text-align: center;
}
.ai-fs-scanner__permission[hidden] {
display: none !important;
}
.ai-fs-scanner__permission p {
margin: 0 0 16px;
font-size: 16px;
line-height: 1.5;
max-width: 320px;
} .ai-fs-scanner__result {
padding: 14px;
border-radius: 14px;
background: #fff;
border: 2px solid #2e7d32;
margin-bottom: 12px;
color: #182033;
min-height: clamp(200px, 30vh, 360px);
max-height: calc(100vh - 160px);
overflow-x: hidden;
overflow-y: auto;
scroll-behavior: smooth;
}
.ai-fs-scanner__result .ai-study-output-block {
color: #182033;
}
.ai-fs-scanner__tts-bar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
.ai-fs-scanner__tts-bar .ai-fs-scanner__btn {
flex: 1 1 auto;
min-height: 44px;
border-radius: 12px;
background: #e8f5e9;
color: #1b5e20;
font-size: 13px;
}
.ai-fs-scanner__followup {
margin-top: 8px;
}
@media (orientation: landscape) {
.ai-fs-scanner__preview-wrap,
.ai-fs-scanner__preview-wrap img {
max-height: 55vh;
}
}
@media (min-width: 768px) {
.ai-fs-scanner__scroll-body {
max-width: 720px;
margin: 0 auto;
width: 100%;
}
.ai-fs-scanner__chip {
flex: 1 1 calc(25% - 8px);
}
} .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-fs-scanner,.ai-fs-scanner *{box-sizing:border-box}
.ai-fs-scanner__preview-wrap{max-height:42vh!important;overflow:hidden!important}
.ai-fs-scanner__preview-img,.ai-fs-scanner__preview-wrap img{max-width:100%!important;max-height:42vh!important;width:100%!important;height:auto!important;object-fit:contain!important}
.ai-fs-scanner__scroll-body{overflow-x:hidden!important}
.ai-fs-scanner button{touch-action:manipulation} .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;
}html[data-theme="light"],
html[data-theme="dark"],
html:not([data-theme]) {
--icon-math: #2563EB;
--icon-english: #7C3AED;
--icon-camera-scan: #06B6D4;
--icon-ai-teacher: #F59E0B;
--icon-quiz: #22C55E;
--icon-study-planner: #EC4899;
--icon-voice-tutor: #8B5CF6;
--icon-weakness: #EF4444;
--icon-notebook: #14B8A6;
--icon-parent: #0EA5E9;
--transition: 300ms ease;
--radius: 14px;
--radius-lg: 18px;
--card-hover-shadow: 0 15px 35px rgba(59, 130, 246, 0.15);
--button-hover-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
--sidebar-hover-bg: rgba(59, 130, 246, 0.12);
--menu-active-bg: linear-gradient(90deg, rgba(37, 99, 235, 0.18), rgba(124, 58, 237, 0.18));
--text-on-gradient: #FFFFFF;
} html[data-theme="light"],
html:not([data-theme]) {
--bg: #F8FAFC;
--section-bg: #FFFFFF;
--card-bg: #FFFFFF;
--card-hover-bg: #F8FBFF;
--card-border: #E2E8F0;
--card-hover-border: #60A5FA;
--text-primary: #0F172A;
--text-secondary: #64748B;
--heading: #1E293B;
--primary: #2563EB;
--primary-hover: #1D4ED8;
--secondary: #7C3AED;
--secondary-hover: #6D28D9;
--success: #16A34A;
--success-bg: #ECFDF3;
--success-border: #BBF7D0;
--warning: #D97706;
--danger: #DC2626;
--danger-bg: #FEF2F2;
--danger-border: #FECACA;
--input-bg: #FFFFFF;
--input-border: #CBD5E1;
--button-gradient: linear-gradient(135deg, #2563EB 0%, #4F46E5 50%, #7C3AED 100%);
--button-hover-gradient: linear-gradient(135deg, #1D4ED8 0%, #4338CA 50%, #6D28D9 100%);
--shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
--shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.08);
--glow: none;
--hero-bg: linear-gradient(135deg, rgba(37, 99, 235, 0.06) 0%, rgba(124, 58, 237, 0.05) 100%);
--card-active-bg: #EEF4FF;
--card-active-border: #60A5FA;
--theme-btn-border: #93C5FD;
--logout-btn-border: #FDA4AF;
--logout-btn-text: #475569;
--theme-btn-shadow: 0 8px 20px rgba(37, 99, 235, 0.10);
--logout-btn-shadow: 0 8px 20px rgba(244, 63, 94, 0.12);
--menu-hover-shadow: 0 14px 30px rgba(37, 99, 235, 0.14);
--grid-gap: 16px;
--grid-gap-mobile: 10px;
--header-radius: 18px;
--header-radius-mobile: 16px;
--menu-radius: 18px;
--menu-radius-mobile: 14px;
--menu-min-height: 76px;
--menu-min-height-mobile: 64px;
} html[data-theme="dark"] {
--bg: #050B16;
--section-bg: #0B1628;
--card-bg: #101E33;
--card-hover-bg: #142544;
--card-border: #1E3A5F;
--card-hover-border: #38BDF8;
--text-primary: #FFFFFF;
--text-secondary: #B8C7E0;
--heading: #EAF2FF;
--primary: #38BDF8;
--primary-hover: #0EA5E9;
--secondary: #8B5CF6;
--secondary-hover: #7C3AED;
--success: #22C55E;
--success-bg: rgba(34, 197, 94, 0.15);
--success-border: rgba(34, 197, 94, 0.35);
--warning: #F59E0B;
--danger: #EF4444;
--danger-bg: rgba(239, 68, 68, 0.12);
--danger-border: rgba(239, 68, 68, 0.35);
--input-bg: #0F1B2D;
--input-border: #233D63;
--button-gradient: linear-gradient(135deg, #38BDF8 0%, #6366F1 50%, #8B5CF6 100%);
--button-hover-gradient: linear-gradient(135deg, #0EA5E9 0%, #4F46E5 50%, #7C3AED 100%);
--shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
--shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.28);
--glow: 0 0 25px rgba(56, 189, 248, 0.25);
--hero-bg: linear-gradient(135deg, rgba(56, 189, 248, 0.08) 0%, rgba(139, 92, 246, 0.07) 100%);
--card-active-bg: rgba(37, 99, 235, 0.18);
--card-active-border: #38BDF8;
--theme-btn-border: rgba(56, 189, 248, 0.45);
--logout-btn-border: rgba(239, 68, 68, 0.45);
--logout-btn-text: var(--text-secondary);
--theme-btn-shadow: 0 8px 20px rgba(56, 189, 248, 0.18);
--logout-btn-shadow: 0 8px 20px rgba(239, 68, 68, 0.18);
--menu-hover-shadow: 0 14px 30px rgba(56, 189, 248, 0.18);
--grid-gap: 16px;
--grid-gap-mobile: 10px;
--header-radius: 18px;
--header-radius-mobile: 16px;
--menu-radius: 18px;
--menu-radius-mobile: 14px;
--menu-min-height: 76px;
--menu-min-height-mobile: 64px;
--history-section-border: #38BDF8;
--history-card-border: #2563EB;
--history-title: #F8FAFC;
--history-excerpt: #CBD5E1;
--history-link-bg: #FFFFFF;
--history-link-text: #0284C7;
--history-link-border: #BAE6FD;
--history-hover-shadow: 0 10px 25px rgba(56, 189, 248, 0.18);
} .ai-study-dashboard,
.ai-study-auth-shell {
font-family: 'Inter', 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
color: var(--text-primary) !important;
transition: background var(--transition), color var(--transition);
}
.ai-study-dashboard {
position: relative;
isolation: isolate;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0;
overflow-x: hidden;
background: var(--bg) !important;
box-sizing: border-box;
font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
.ai-study-dashboard::before {
display: none !important;
}
.ai-study-mobile-only {
display: none;
}
.ai-study-shell {
display: grid;
grid-template-columns: 250px minmax(0, 1fr);
min-height: 760px;
background: var(--section-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: var(--radius-lg) !important;
box-shadow: var(--shadow) !important;
overflow: hidden;
transition: border-color var(--transition), box-shadow var(--transition);
}
html[data-theme="dark"] .ai-study-shell {
box-shadow: var(--shadow), var(--glow) !important;
}
.ai-study-main {
background: var(--bg) !important;
color: var(--text-primary) !important;
padding: 22px;
min-width: 0;
}
.ai-study-panel:not(.is-active) {
display: none !important;
} .ai-study-tabs {
padding: 14px;
border-right: 1px solid var(--card-border) !important;
background: var(--section-bg) !important;
overflow-y: auto;
max-height: none;
transition: background var(--transition);
}
.ai-study-student-profile {
display: grid;
gap: 8px;
margin-bottom: 14px;
padding: 14px;
background: var(--card-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow-soft) !important;
color: var(--text-primary) !important;
}
.ai-study-student-profile strong {
color: var(--heading) !important;
font-weight: 800;
}
.ai-study-student-profile span {
color: var(--text-secondary) !important;
font-size: 13px;
}
.ai-study-brand-mark {
display: flex;
align-items: baseline;
gap: 4px;
margin-bottom: 4px;
line-height: 1;
}
.ai-study-brand-easy {
color: var(--primary) !important;
font-style: italic;
font-size: 22px;
font-weight: 900;
}
.ai-study-brand-padhai {
color: var(--warning) !important;
font-size: 22px;
font-weight: 900;
}
.ai-study-tabs .ai-theme-toggle {
width: 100%;
min-height: 42px;
margin-bottom: 4px;
border-radius: 999px;
border: 1px solid var(--card-border) !important;
background: var(--card-bg) !important;
color: var(--text-primary) !important;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: border-color var(--transition), color var(--transition), transform var(--transition) !important;
}
.ai-study-tabs .ai-theme-toggle:hover {
border-color: var(--card-hover-border) !important;
color: var(--primary) !important;
transform: none;
}
.ai-study-tabs .ai-study-logout-button {
width: 100%;
min-height: 34px;
border-radius: 8px;
border: 1px solid var(--card-border) !important;
background: var(--card-bg) !important;
color: var(--text-secondary) !important;
font-weight: 700;
cursor: pointer;
transition: border-color var(--transition), color var(--transition) !important;
}
.ai-study-tabs .ai-study-logout-button:hover {
border-color: var(--danger) !important;
color: var(--danger) !important;
transform: none;
}
.ai-study-tabs .ai-study-tab {
width: 100%;
margin: 0 0 6px;
padding: 10px 12px;
display: block;
min-height: auto;
background: transparent !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
box-shadow: none !important;
color: var(--text-secondary) !important;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
text-align: left;
white-space: normal !important;
cursor: pointer;
transition: background var(--transition), color var(--transition), border-color var(--transition) !important;
transform: none !important;
}
.ai-study-tabs .ai-study-tab::before {
display: none !important;
}
.ai-study-tabs .ai-study-tab:hover {
background: var(--sidebar-hover-bg) !important;
color: var(--primary) !important;
border-color: transparent !important;
transform: none !important;
box-shadow: none !important;
}
.ai-study-tabs .ai-study-tab.is-active,
.ai-study-tabs .ai-study-tab.active {
background: var(--menu-active-bg) !important;
color: var(--primary) !important;
border-color: var(--card-hover-border) !important;
font-weight: 700 !important;
box-shadow: none !important;
}
.ai-study-tabs .ai-study-tab .icon,
.ai-study-tabs .ai-study-tab .title {
display: inline;
font-size: inherit;
} .ai-study-header {
display: grid;
grid-template-columns: 1fr;
gap: var(--grid-gap-mobile);
margin-bottom: 16px;
}
.ai-study-header-card {
background: var(--card-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: var(--header-radius-mobile) !important;
padding: 16px;
box-shadow: var(--shadow-soft) !important;
min-width: 0;
}
.ai-study-header-title,
.ai-study-header-card h2,
.ai-study-header-card h3 {
margin: 0 0 14px;
color: var(--heading) !important;
font-weight: 800;
font-size: 1.25rem;
line-height: 1.2;
}
.ai-study-theme-btn {
width: 100%;
min-height: 50px;
border-radius: 999px;
border: 1.5px solid var(--theme-btn-border) !important;
background: var(--card-bg) !important;
color: var(--primary) !important;
font-size: 16px;
font-weight: 800;
box-shadow: var(--theme-btn-shadow) !important;
cursor: pointer;
transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition) !important;
}
.ai-study-theme-btn:hover {
transform: translateY(-2px);
border-color: var(--card-hover-border) !important;
}
.ai-study-logout-btn {
width: 100%;
min-height: 50px;
border-radius: 999px;
border: 1.5px solid var(--logout-btn-border) !important;
background: var(--card-bg) !important;
color: var(--logout-btn-text) !important;
font-size: 16px;
font-weight: 800;
box-shadow: var(--logout-btn-shadow) !important;
cursor: pointer;
transition: transform var(--transition), border-color var(--transition) !important;
}
.ai-study-logout-btn:hover {
transform: translateY(-2px);
border-color: var(--danger) !important;
}
.ai-study-user-name {
margin: 14px 0 0;
font-size: 18px;
font-weight: 800;
color: var(--text-primary) !important;
}
.ai-study-header-card form {
margin: 0;
}
.ai-study-menu,
.ai-study-feature-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--grid-gap-mobile);
width: 100%;
margin-bottom: 16px;
max-height: min(72vh, 680px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.ai-study-menu-card,
.ai-study-feature-card {
width: 100%;
min-width: 0;
min-height: var(--menu-min-height-mobile);
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
margin: 0;
background: var(--card-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: var(--menu-radius-mobile) !important;
box-shadow: var(--shadow-soft) !important;
color: var(--text-secondary) !important;
font-size: 14px;
font-weight: 800;
text-align: left;
text-decoration: none;
cursor: pointer;
transition: transform 0.25s ease, border-color var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition) !important;
transform: none !important;
white-space: normal !important;
appearance: none;
-webkit-tap-highlight-color: transparent;
}
.ai-study-menu-card:hover,
.ai-study-feature-card:hover {
transform: translateY(-2px);
border-color: var(--card-hover-border) !important;
box-shadow: var(--menu-hover-shadow) !important;
color: var(--primary) !important;
background: var(--card-hover-bg) !important;
}
.ai-study-menu-card.is-active,
.ai-study-menu-card.active,
.ai-study-feature-card.active {
background: var(--card-active-bg) !important;
border-color: var(--card-active-border) !important;
color: var(--primary) !important;
}
.ai-study-menu-card .icon,
.ai-study-feature-card .icon {
flex: 0 0 auto;
font-size: 20px;
line-height: 1;
}
.ai-study-menu-card .title,
.ai-study-feature-card .title {
flex: 1 1 auto;
min-width: 0;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.15;
font-size: 14px;
word-break: break-word;
}
.ai-study-menu-card[data-ai-study-tab="camera-scan"] .title { color: var(--icon-camera-scan); }
.ai-study-menu-card[data-ai-study-tab="maths-tutor"] .title,
.ai-study-menu-card[data-ai-study-tab="maths-master"] .title { color: var(--icon-math); }
.ai-study-menu-card[data-ai-study-tab="english-master"] .title,
.ai-study-menu-card[data-ai-study-tab="english-grammar"] .title { color: var(--icon-english); }
.ai-study-menu-card[data-ai-study-tab="quiz-test"] .title { color: var(--icon-quiz); }
.ai-study-menu-card[data-ai-study-tab="voice-doubt-solver"] .title { color: var(--icon-voice-tutor); }
.ai-study-menu-card[data-ai-study-tab="study-planner"] .title,
.ai-study-menu-card[data-ai-study-tab="timetable-homework"] .title { color: var(--icon-study-planner); }
.ai-study-menu-card[data-ai-study-tab="notebook-scanner"] .title,
.ai-study-menu-card[data-ai-study-tab="notebook-intelligence"] .title { color: var(--icon-notebook); }
.ai-study-menu-card[data-ai-study-tab="progress"] .title { color: var(--icon-weakness); }
.ai-study-menu-card.is-active .title,
.ai-study-menu-card.active .title {
color: var(--primary) !important;
}
.ai-study-tab::before {
display: none !important;
} .ai-study-hero h2,
.ai-study-scan-hero h2,
.ai-study-section__header h2,
.ai-study-section__header h3,
.ai-study-buddy-card h3,
.ai-study-master-card h3,
.ai-study-stat-card strong {
color: var(--heading) !important;
}
.ai-study-hero p,
.ai-study-scan-hero p,
.ai-study-muted,
.ai-study-stat-card__label,
.ai-study-stat-card small,
.ai-study-master-card p,
.ai-study-mobile-quick-card__content small {
color: var(--text-secondary) !important;
}
.ai-study-kicker {
color: var(--primary) !important;
} .ai-study-hero,
.ai-study-scan-hero {
background: var(--hero-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: var(--radius-lg) !important;
box-shadow: var(--shadow) !important;
color: var(--text-primary) !important;
transition: border-color var(--transition), box-shadow var(--transition);
}
.ai-study-hero::after,
.ai-study-scan-hero::after {
display: none !important;
}
.ai-study-hero-icon {
background: var(--button-gradient) !important;
box-shadow: var(--shadow) !important;
}
.ai-study-buddy-icon {
background: var(--button-gradient) !important;
} .ai-study-primary-button {
background: var(--button-gradient) !important;
color: var(--text-primary) !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: var(--shadow) !important;
font-weight: 700 !important;
transition: transform var(--transition), background var(--transition), box-shadow var(--transition) !important;
}
html[data-theme="light"] .ai-study-primary-button {
color: var(--text-on-gradient) !important;
}
.ai-study-primary-button:hover {
background: var(--button-hover-gradient) !important;
transform: translateY(-2px);
box-shadow: var(--button-hover-shadow) !important;
}
.ai-study-secondary-button,
.ai-study-upload-button {
background: var(--card-bg) !important;
color: var(--primary) !important;
border: 1px solid var(--card-border) !important;
border-radius: 999px !important;
transition: background var(--transition), border-color var(--transition), transform var(--transition) !important;
}
.ai-study-secondary-button:hover,
.ai-study-upload-button:hover {
background: var(--card-hover-bg) !important;
border-color: var(--card-hover-border) !important;
transform: translateY(-2px);
}
.ai-study-link-button {
color: var(--primary) !important;
} .ai-study-stat-card,
.ai-study-section,
.ai-study-buddy-card,
.ai-study-master-card,
.ai-study-english-tool-card,
.ai-study-vocab-card,
.ai-study-result-box,
.ai-study-subscription-box,
.ai-study-table-builder,
.ai-study-history-item,
.ai-study-streak-badge,
.ai-study-smart-ocr-box,
.ai-study-revision-box,
.ai-study-weakness-box,
.ai-study-empty-state,
.ai-study-auth-card,
.ai-study-mobile-quick-card {
background: var(--card-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
color: var(--text-primary) !important;
transition: transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition) !important;
}
.ai-study-stat-card:hover,
.ai-study-section:hover,
.ai-study-master-card:hover,
.ai-study-english-tool-card:hover,
.ai-study-vocab-card:hover,
.ai-study-streak-badge:hover,
.ai-study-mobile-quick-card:hover {
background: var(--card-hover-bg) !important;
border-color: var(--card-hover-border) !important;
transform: translateY(-5px) scale(1.02);
box-shadow: var(--card-hover-shadow) !important;
}
.ai-study-buddy-message {
background: var(--input-bg) !important;
border: 1px solid var(--card-border) !important;
color: var(--text-primary) !important;
}
.ai-study-master-card.is-highlighted,
.ai-study-maths-shortcut.is-highlighted,
.ai-study-english-shortcut.is-highlighted {
border-color: var(--card-hover-border) !important;
} .ai-study-mobile-quick-heading {
color: var(--heading) !important;
}
.ai-study-mobile-quick-card__content strong {
color: var(--heading) !important;
}
.ai-study-mobile-quick-card__arrow {
color: var(--primary) !important;
opacity: 0.75;
}
.ai-study-mobile-quick-card__icon {
background: color-mix(in srgb, var(--feature-color, var(--primary)) 14%, transparent) !important;
border: 1px solid color-mix(in srgb, var(--feature-color, var(--primary)) 28%, transparent) !important;
}
.ai-study-mobile-quick-card--camera-scan { --feature-color: var(--icon-camera-scan); }
.ai-study-mobile-quick-card--maths-tutor,
.ai-study-mobile-quick-card--maths-master { --feature-color: var(--icon-math); }
.ai-study-mobile-quick-card--english-master { --feature-color: var(--icon-english); }
.ai-study-mobile-quick-card--quiz-test { --feature-color: var(--icon-quiz); }
.ai-study-mobile-quick-card--notes-maker { --feature-color: var(--icon-notebook); }
.ai-study-mobile-quick-card--translation { --feature-color: var(--icon-voice-tutor); }
.ai-study-mobile-quick-card--voice-doubt-solver { --feature-color: var(--icon-voice-tutor); }
.ai-study-mobile-quick-card--study-planner { --feature-color: var(--icon-study-planner); }
.ai-study-mobile-quick-card--notebook-scanner { --feature-color: var(--icon-notebook); }
.ai-study-mobile-quick-card--progress { --feature-color: var(--icon-weakness); }
.ai-study-mobile-quick-card--english-master { --feature-color: var(--icon-english); }
.ai-study-mobile-quick-card--camera-scan .ai-study-mobile-quick-card__content strong,
.ai-study-mobile-quick-card--maths-tutor .ai-study-mobile-quick-card__content strong,
.ai-study-mobile-quick-card--maths-master .ai-study-mobile-quick-card__content strong,
.ai-study-mobile-quick-card--english-master .ai-study-mobile-quick-card__content strong,
.ai-study-mobile-quick-card--quiz-test .ai-study-mobile-quick-card__content strong,
.ai-study-mobile-quick-card--notes-maker .ai-study-mobile-quick-card__content strong,
.ai-study-mobile-quick-card--english-master .ai-study-mobile-quick-card__content strong,
.ai-study-mobile-quick-card--translation .ai-study-mobile-quick-card__content strong {
color: var(--feature-color) !important;
} .ai-study-tab[data-ai-study-tab="camera-scan"] { --feature-color: var(--icon-camera-scan); }
.ai-study-tab[data-ai-study-tab="maths-tutor"],
.ai-study-tab[data-ai-study-tab="maths-master"] { --feature-color: var(--icon-math); }
.ai-study-tab[data-ai-study-tab="english-master"],
.ai-study-tab[data-ai-study-tab="english-grammar"] { --feature-color: var(--icon-english); }
.ai-study-tab[data-ai-study-tab="quiz-test"] { --feature-color: var(--icon-quiz); }
.ai-study-tab[data-ai-study-tab="study-planner"],
.ai-study-tab[data-ai-study-tab="timetable-homework"] { --feature-color: var(--icon-study-planner); }
.ai-study-tab[data-ai-study-tab="voice-doubt-solver"] { --feature-color: var(--icon-voice-tutor); }
.ai-study-tab[data-ai-study-tab="notebook-scanner"],
.ai-study-tab[data-ai-study-tab="notebook-intelligence"] { --feature-color: var(--icon-notebook); }
.ai-study-tab[data-ai-study-tab="progress"] { --feature-color: var(--icon-weakness); }
.ai-study-menu-card[data-ai-study-tab="camera-scan"] { --feature-color: var(--icon-camera-scan); } .ai-study-input-window,
.ai-study-output-window,
.ai-study-tool-camera {
background: var(--card-bg) !important;
border-color: var(--card-border) !important;
}
.ai-study-output-window__head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 12px;
}
.ai-study-output-window__head .ai-study-window-label {
margin: 0;
}
.ai-study-pdf-download-btn {
font-size: 13px;
padding: 8px 14px;
white-space: nowrap;
}
.ai-study-window-label {
color: var(--primary) !important;
}
.ai-study-window-label--output {
color: var(--success) !important;
}
.ai-study-field-label,
.ai-study-compact-label {
color: var(--text-secondary) !important;
}
.ai-study-field-label input,
.ai-study-field-label select,
.ai-study-field-label textarea,
.ai-study-result-box textarea,
.ai-study-compact-label select,
.ai-study-auth-card input {
background: var(--input-bg) !important;
border: 1px solid var(--input-border) !important;
color: var(--text-primary) !important;
border-radius: 10px !important;
transition: border-color var(--transition), box-shadow var(--transition) !important;
}
.ai-study-field-label input:focus,
.ai-study-field-label select:focus,
.ai-study-field-label textarea:focus {
border-color: var(--primary) !important;
box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent) !important;
outline: none !important;
}
.ai-study-answer-output {
background: var(--input-bg) !important;
border: 1px solid var(--input-border) !important;
color: var(--text-primary) !important;
line-height: 1.75 !important;
}
.ai-study-output-window--expanded {
background: var(--card-bg) !important;
border-color: var(--card-border) !important;
}
.ai-study-table-output {
background: var(--input-bg) !important;
border: 1px solid var(--input-border) !important;
color: var(--text-primary) !important;
line-height: 1.75 !important;
}
.ai-study-output-block,
.ai-study-output-block h4,
.ai-study-output-block p,
.ai-study-output-block li {
color: var(--text-primary) !important;
}
.ai-study-chip-row span,
.ai-study-feature-list span {
background: var(--card-hover-bg) !important;
border: 1px solid var(--card-border) !important;
color: var(--text-secondary) !important;
}
.ai-study-tool-camera-title {
color: var(--primary) !important;
} .ai-study-save-note,
.ai-study-alert--success,
.ai-study-success-message {
color: var(--success) !important;
background: var(--success-bg) !important;
border: 1px solid var(--success-border) !important;
border-radius: var(--radius) !important;
padding: 12px 16px !important;
font-weight: 700 !important;
}
.ai-study-save-note::before,
.ai-study-alert--success::before {
content: "✔ ";
}
.ai-study-alert--danger,
.ai-study-dashboard__blocked {
color: var(--danger) !important;
background: var(--danger-bg) !important;
border: 1px solid var(--danger-border) !important;
border-radius: var(--radius) !important;
}
.ai-study-streak-badge.is-unlocked {
border-color: var(--success-border) !important;
background: var(--success-bg) !important;
}
.ai-study-english-shortcut,
.ai-study-maths-shortcut {
display: block;
width: 100%;
min-height: 118px;
cursor: pointer;
text-align: left;
appearance: none;
}
.ai-study-english-shortcut:hover,
.ai-study-english-shortcut.is-selected,
.ai-study-maths-shortcut:hover,
.ai-study-maths-shortcut.is-selected {
border-color: var(--card-hover-border) !important;
background: var(--card-hover-bg) !important;
box-shadow: var(--card-hover-shadow) !important;
}
.ai-study-table-builder.is-selected,
.ai-study-english-tool-card.is-selected {
border-color: var(--card-hover-border) !important;
box-shadow: var(--card-hover-shadow) !important;
}
.ai-study-progress-line {
background: color-mix(in srgb, var(--text-secondary) 22%, transparent) !important;
}
.ai-study-progress-line span {
background: var(--button-gradient) !important;
box-shadow: var(--glow) !important;
}
.ai-study-menu-card,
.ai-study-feature-card {
pointer-events: auto !important;
cursor: pointer !important;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
user-select: none;
position: relative;
z-index: 2;
background-image: none !important;
-webkit-appearance: none;
appearance: none;
}
.ai-study-tabs .ai-study-tab {
pointer-events: auto !important;
cursor: pointer !important;
touch-action: manipulation;
background-image: none !important;
-webkit-appearance: none;
appearance: none;
}
.ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-primary-button,
.ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-secondary-button,
.ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-upload-button {
pointer-events: auto !important;
cursor: pointer !important;
touch-action: manipulation;
-webkit-appearance: none;
appearance: none;
background-image: none !important;
position: relative;
z-index: 2;
}
.ai-study-panel[data-ai-study-panel="camera-scan"] label.ai-study-upload-button input[type="file"] {
pointer-events: auto !important;
}
.ai-study-panel-skeleton {
padding: 24px 16px;
text-align: center;
color: var(--text-secondary);
font-weight: 600;
} :root,
.ai-study-dashboard {
--voice-btn-bg: #EEF2FF;
--voice-btn-border: #6366F1;
--voice-btn-text: #3730A3;
--voice-btn-icon: #4F46E5;
--voice-btn-listening-bg: #DC2626;
--voice-btn-listening-border: #B91C1C;
--voice-status-bg: color-mix(in srgb, var(--primary) 12%, var(--card-bg));
--voice-status-text: var(--primary);
--voice-status-error-bg: var(--danger-bg);
--voice-status-error-text: var(--danger);
--voice-status-success-bg: var(--success-bg);
--voice-status-success-text: var(--success);
}
html[data-theme="dark"],
body[data-ai-study-theme="dark"],
.ai-study-dashboard[data-ai-study-theme="dark"] {
--voice-btn-bg: #312E81;
--voice-btn-border: #818CF8;
--voice-btn-text: #E0E7FF;
--voice-btn-icon: #C7D2FE;
--voice-btn-listening-bg: #EF4444;
--voice-btn-listening-border: #FCA5A5;
}
.ai-study-voice-field {
position: relative;
display: block;
width: 100%;
}
.ai-study-voice-field textarea,
.ai-study-voice-field input[type="text"] {
width: 100%;
padding-right: 96px !important;
padding-bottom: 44px !important;
}
.ai-study-voice-field--block textarea {
padding-right: 12px !important;
padding-bottom: 52px !important;
}
.ai-study-voice-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 40px;
padding: 8px 14px;
border-radius: 999px;
border: 1.5px solid var(--voice-btn-border);
background: var(--voice-btn-bg);
color: var(--voice-btn-text);
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.02em;
text-transform: capitalize;
cursor: pointer;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
box-shadow: 0 2px 8px color-mix(in srgb, var(--voice-btn-border) 22%, transparent);
transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}
.ai-study-voice-btn__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--voice-btn-icon);
}
.ai-study-voice-btn__label {
color: inherit;
}
.ai-study-voice-field .ai-study-voice-btn {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 3;
}
.ai-study-voice-btn:hover,
.ai-study-voice-btn:focus-visible {
transform: translateY(-1px);
box-shadow: 0 4px 12px color-mix(in srgb, var(--voice-btn-border) 28%, transparent);
outline: none;
}
.ai-study-voice-btn.is-listening {
background: var(--voice-btn-listening-bg) !important;
border-color: var(--voice-btn-listening-border) !important;
color: #fff !important;
animation: ai-study-voice-pulse 1s ease-in-out infinite;
}
.ai-study-voice-btn.is-listening .ai-study-voice-btn__icon {
color: #fff !important;
}
@keyframes ai-study-voice-pulse {
0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--voice-btn-listening-bg) 45%, transparent); }
50% { box-shadow: 0 0 0 10px transparent; }
}
.ai-study-voice-status {
margin: 8px 0 0;
padding: 8px 12px;
border-radius: 10px;
background: var(--voice-status-bg);
color: var(--voice-status-text);
font-size: 12px;
font-weight: 700;
line-height: 1.35;
}
.ai-study-voice-status--error {
background: var(--voice-status-error-bg);
color: var(--voice-status-error-text);
}
.ai-study-voice-status--success {
background: var(--voice-status-success-bg);
color: var(--voice-status-success-text);
}
.ai-study-camera-voice-bar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
align-items: stretch;
margin: 12px 0 0;
}
.ai-study-camera-voice-bar .ai-study-main-camera-btn,
.ai-study-camera-voice-bar .ai-study-voice-btn--inline {
width: 100%;
min-height: 48px;
position: static !important;
right: auto !important;
bottom: auto !important;
justify-content: center;
margin: 0;
}
.ai-study-camera-voice-bar .ai-study-voice-status {
grid-column: 1 / -1;
margin: 0;
}
.ai-study-tool-camera-extras {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
margin-top: 10px;
align-items: center;
}
.ai-study-tool-camera-extras .ai-study-upload-button,
.ai-study-tool-camera-extras .ai-study-extract-solve-btn {
width: 100%;
height: auto;
min-height: 40px;
max-height: 44px;
flex: none;
padding: 8px 10px;
font-size: 13px;
line-height: 1.2;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
white-space: normal;
box-sizing: border-box;
} .ai-study-usage-meter {
margin-top: 10px;
padding: 10px 12px;
border-radius: 12px;
background: var(--card-active-bg);
border: 1px solid var(--card-border);
}
.ai-study-student-profile .ai-study-usage-meter {
margin-top: 12px;
width: 100%;
}
.ai-study-user-info .ai-study-usage-meter {
margin-top: 8px;
grid-column: 1 / -1;
width: 100%;
}
.ai-study-usage-meter__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 4px;
}
.ai-study-usage-meter__label {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-secondary);
}
.ai-study-usage-meter__plan {
font-size: 11px;
font-weight: 800;
color: var(--primary);
background: color-mix(in srgb, var(--primary) 12%, transparent);
padding: 2px 8px;
border-radius: 999px;
}
.ai-study-usage-meter__text {
display: block;
font-size: 14px;
font-weight: 900;
color: var(--text-primary);
margin-bottom: 8px;
line-height: 1.3;
}
.ai-study-usage-meter__track {
height: 8px;
border-radius: 999px;
background: color-mix(in srgb, var(--text-secondary) 16%, transparent);
overflow: hidden;
margin-bottom: 6px;
}
.ai-study-usage-meter__bar {
display: block;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--primary), #8B5CF6);
transition: width 280ms ease;
}
.ai-study-usage-meter.is-low .ai-study-usage-meter__bar {
background: linear-gradient(90deg, #F59E0B, #F97316);
}
.ai-study-usage-meter.is-exhausted .ai-study-usage-meter__bar {
background: linear-gradient(90deg, #EF4444, #DC2626);
}
.ai-study-usage-meter__hint {
display: block;
font-size: 11px;
font-weight: 600;
color: var(--text-secondary);
line-height: 1.35;
}
.ai-study-usage-meter.is-exhausted .ai-study-usage-meter__text,
.ai-study-usage-meter.is-exhausted .ai-study-usage-meter__hint {
color: var(--danger);
}
.ai-study-limit-warning {
margin: 6px 0 0;
padding: 6px 8px;
border-radius: 8px;
background: color-mix(in srgb, var(--danger, #dc2626) 12%, transparent);
border: 1px solid color-mix(in srgb, var(--danger, #dc2626) 35%, transparent);
color: var(--danger, #dc2626);
font-size: 11px;
font-weight: 800;
line-height: 1.35;
} .ai-study-student-profile,
.ai-study-teacher-profile {
overflow: hidden;
min-width: 0;
}
.ai-study-usage-block--desktop {
width: 100%;
min-width: 0;
}
.ai-study-desktop-premium-strip {
display: grid;
gap: 4px;
margin-top: 10px;
padding: 10px 12px;
border-radius: 12px;
border: 1px solid color-mix(in srgb, #f59e0b 35%, var(--card-border));
background: linear-gradient(135deg, color-mix(in srgb, #f59e0b 10%, transparent), color-mix(in srgb, #7c3aed 8%, transparent));
}
.ai-study-desktop-premium-strip strong {
font-size: 13px;
color: var(--text-primary);
}
.ai-study-desktop-plan-name {
font-size: 11px;
color: var(--text-secondary);
font-weight: 700;
}
.ai-study-plan-pill {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
line-height: 1.3;
}
.ai-study-plan-pill.is-free {
color: var(--primary);
background: color-mix(in srgb, var(--primary) 12%, transparent);
}
.ai-study-plan-pill.is-trial {
color: #0ea5e9;
background: color-mix(in srgb, #0ea5e9 14%, transparent);
}
.ai-study-plan-pill.is-premium {
color: #b45309;
background: linear-gradient(135deg, color-mix(in srgb, #fbbf24 22%, transparent), color-mix(in srgb, #a855f7 18%, transparent));
border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent);
}
.ai-study-usage-meter--desktop.is-premium-plan .ai-study-usage-meter__bar {
background: linear-gradient(90deg, #7c3aed, #2563eb);
}
.ai-study-desktop-plan-actions,
.ai-study-desktop-smart-cta {
margin-top: 8px;
}
.ai-study-desktop-plan-actions {
display: grid;
gap: 6px;
}
.ai-study-desktop-smart-cta {
padding: 10px;
border-radius: 12px;
border: 1px solid color-mix(in srgb, var(--danger, #dc2626) 28%, var(--card-border));
background: color-mix(in srgb, var(--danger, #dc2626) 6%, var(--card-active-bg, var(--card-bg)));
box-sizing: border-box;
}
.ai-study-desktop-smart-cta[hidden] {
display: none !important;
}
.ai-study-desktop-smart-cta__warn {
margin: 0 0 6px;
font-size: 11px;
font-weight: 800;
line-height: 1.35;
color: var(--danger, #dc2626);
}
.ai-study-desktop-smart-cta__title {
margin: 0 0 8px;
font-size: 12px;
font-weight: 800;
color: var(--text-primary);
line-height: 1.3;
}
.ai-study-desktop-smart-cta__actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
}
.ai-study-desktop-smart-cta__actions:has(> :only-child) {
grid-template-columns: 1fr;
}
.ai-study-desktop-buy-btn,
.ai-study-desktop-upgrade-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 8px 6px;
border-radius: 10px;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
width: 100%;
}
.ai-study-desktop-buy-btn {
color: #ffffff;
border: none;
background: linear-gradient(135deg, #7c3aed, #0ea5e9);
box-shadow: 0 4px 14px rgba(124, 58, 237, 0.28);
}
.ai-study-desktop-buy-btn:hover,
.ai-study-desktop-buy-btn:focus-visible {
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(124, 58, 237, 0.42), 0 0 0 2px rgba(14, 165, 233, 0.25);
filter: brightness(1.05);
}
.ai-study-desktop-upgrade-btn {
color: #0891b2;
background: color-mix(in srgb, var(--card-bg, #fff) 88%, transparent);
border: 2px solid #22d3ee;
box-shadow: 0 2px 10px rgba(34, 211, 238, 0.12);
}
html[data-theme="dark"] .ai-study-desktop-upgrade-btn {
color: #67e8f9;
background: rgba(15, 23, 42, 0.55);
}
.ai-study-desktop-upgrade-btn:hover,
.ai-study-desktop-upgrade-btn:focus-visible {
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(34, 211, 238, 0.28), 0 0 0 2px rgba(34, 211, 238, 0.2);
}
.ai-study-manage-plan-btn {
width: 100%;
}
.ai-study-desktop-plan-actions .ai-study-secondary-button {
width: 100%;
min-height: 38px;
font-size: 12px;
padding: 8px 10px;
}
.ai-study-header-card .ep-profile-panel,
.ai-study-teacher-header .ep-profile-panel {
margin: 12px 0 0;
max-width: none;
} .ai-study-mobile-only .ep-profile-panel {
width: 100%;
max-width: 980px;
margin: 12px auto 0;
padding: 18px;
border-radius: 26px;
background: linear-gradient(145deg, #08152b, #0d2344);
border: 1px solid rgba(59, 130, 246, 0.35);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
color: #ffffff;
box-sizing: border-box;
}
[data-theme="light"] .ai-study-mobile-only .ep-profile-panel {
background: linear-gradient(145deg, #ffffff, #eef2ff);
border: 1px solid rgba(59, 130, 246, 0.28);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
color: #0f172a;
}
.ai-study-mobile-only .ep-profile-panel.is-plan-premium {
border-color: rgba(251, 191, 36, 0.45);
box-shadow: 0 18px 45px rgba(124, 58, 237, 0.18), inset 0 0 0 1px rgba(251, 191, 36, 0.12);
}
[data-theme="light"] .ai-study-mobile-only .ep-profile-panel.is-plan-premium {
background: linear-gradient(145deg, #fffbeb, #f5f3ff);
border-color: rgba(245, 158, 11, 0.35);
box-shadow: 0 12px 28px rgba(124, 58, 237, 0.12);
}
.ai-study-mobile-only .ep-premium-status {
display: grid;
gap: 4px;
margin-bottom: 12px;
padding: 10px 12px;
border-radius: 14px;
border: 1px dashed rgba(251, 191, 36, 0.45);
background: rgba(124, 58, 237, 0.12);
}
[data-theme="light"] .ai-study-mobile-only .ep-premium-status {
background: rgba(124, 58, 237, 0.06);
border-color: rgba(245, 158, 11, 0.35);
}
.ai-study-mobile-only .ep-premium-badge {
display: inline-flex;
width: fit-content;
padding: 4px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
color: #fcd34d;
background: rgba(251, 191, 36, 0.18);
}
[data-theme="light"] .ai-study-mobile-only .ep-premium-badge {
color: #b45309;
background: rgba(251, 191, 36, 0.22);
}
.ai-study-mobile-only .ep-premium-status strong {
font-size: 15px;
color: inherit;
}
.ai-study-mobile-only .ep-premium-status p {
margin: 0;
font-size: 12px;
opacity: 0.85;
} @media (max-width: 768px) {
.ai-study-mobile-only .ep-profile-panel.is-collapsed {
padding: 10px 12px;
}
.ai-study-mobile-only .ep-profile-panel.is-expanded {
padding: 12px 14px;
}
.ai-study-mobile-only .ep-profile-collapsed-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.ai-study-mobile-only .ep-profile-collapsed-row .ep-user-left {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
flex: 1 1 auto;
}
.ai-study-mobile-only .ep-mobile-toggle,
.ai-study-mobile-only .ep-profile-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
border: 0;
background: rgba(255, 255, 255, 0.08);
color: inherit;
border-radius: 10px;
cursor: pointer;
pointer-events: auto;
position: relative;
z-index: 20;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
[data-theme="light"] .ai-study-mobile-only .ep-mobile-toggle,
[data-theme="light"] .ai-study-mobile-only .ep-profile-toggle {
background: rgba(15, 23, 42, 0.06);
}
.ai-study-mobile-only .ep-arrow,
.ai-study-mobile-only .ep-profile-chevron {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
transition: transform 0.28s ease;
}
.ai-study-mobile-only .ep-user-card.is-open .ep-arrow,
.ai-study-mobile-only .ep-user-card.is-open .ep-profile-chevron,
.ai-study-mobile-only .ep-profile-panel.is-expanded .ep-arrow,
.ai-study-mobile-only .ep-profile-panel.is-expanded .ep-profile-chevron {
transform: rotate(180deg);
}
.ai-study-mobile-only .ep-mobile-details,
.ai-study-mobile-only .ep-profile-expand {
display: none;
margin-top: 0;
}
.ai-study-mobile-only .ep-user-card.is-open .ep-mobile-details,
.ai-study-mobile-only .ep-user-card.is-open .ep-profile-expand,
.ai-study-mobile-only .ep-profile-panel.is-expanded .ep-mobile-details,
.ai-study-mobile-only .ep-profile-panel.is-expanded .ep-profile-expand {
display: block;
margin-top: 12px;
animation: epProfileExpand 0.28s ease;
}
.ai-study-mobile-only .ep-profile-summary {
display: grid;
gap: 2px;
min-width: 0;
}
.ai-study-mobile-only .ep-profile-name {
font-size: 18px;
font-weight: 800;
line-height: 1.15;
color: inherit;
word-break: break-word;
}
.ai-study-mobile-only .ep-profile-meta {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
font-size: 12px;
line-height: 1.3;
color: #b9c7df;
}
[data-theme="light"] .ai-study-mobile-only .ep-profile-meta {
color: #64748b;
}
.ai-study-mobile-only .ep-meta-sep {
opacity: 0.7;
}
.ai-study-mobile-only .ep-plan-badge-inline {
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
line-height: 1.2;
}
.ai-study-mobile-only .ep-plan-badge-inline.is-free {
color: #38d7ff;
background: rgba(14, 165, 233, 0.18);
}
[data-theme="light"] .ai-study-mobile-only .ep-plan-badge-inline.is-free {
color: var(--primary);
background: color-mix(in srgb, var(--primary) 12%, transparent);
}
.ai-study-mobile-only .ep-plan-badge-inline.is-trial {
color: #38bdf8;
background: rgba(56, 189, 248, 0.16);
}
.ai-study-mobile-only .ep-plan-badge-inline.is-premium {
color: #fcd34d;
background: rgba(251, 191, 36, 0.18);
}
[data-theme="light"] .ai-study-mobile-only .ep-plan-badge-inline.is-premium {
color: #b45309;
background: rgba(251, 191, 36, 0.22);
}
.ai-study-mobile-only .ep-profile-panel.is-collapsed .ep-avatar {
width: 44px;
height: 44px;
}
.ai-study-mobile-only .ep-user-card.is-open .ep-avatar,
.ai-study-mobile-only .ep-profile-panel.is-expanded .ep-avatar {
width: 52px;
height: 52px;
}
.ai-study-mobile-only .ep-profile-expand-footer {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid rgba(148, 163, 184, 0.22);
}
@keyframes epProfileExpand {
from {
opacity: 0;
transform: translateY(-6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
[data-theme="light"] .ai-study-mobile-only .ep-profile-expand-footer {
border-top-color: rgba(15, 23, 42, 0.1);
}
.ai-study-mobile-only .ep-profile-expand-footer .ep-logout-btn {
width: 100%;
padding: 12px 16px;
font-size: 15px;
border-radius: 14px;
}
.ai-study-mobile-only .ep-profile-header {
display: none;
}
}
.ai-study-mobile-only .ep-profile-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
}
.ai-study-mobile-only .ep-user-left {
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
}
.ai-study-mobile-only .ep-avatar {
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
background: #ffffff;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.ai-study-mobile-only .ep-avatar img,
.ai-study-mobile-only .ep-avatar .ep-avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 50%;
}
.ai-study-mobile-only .ep-avatar--initial,
.ai-study-mobile-only .ep-avatar--teacher {
background: linear-gradient(135deg, #2563eb, #7c3aed);
color: #ffffff;
font-size: 28px;
font-weight: 900;
}
.ai-study-mobile-only .ep-user-left h2 {
margin: 0;
font-size: 30px;
line-height: 1.1;
color: inherit;
word-break: break-word;
}
.ai-study-mobile-only .ep-user-left p {
margin: 6px 0 0;
font-size: 18px;
color: #b9c7df;
}
[data-theme="light"] .ai-study-mobile-only .ep-user-left p {
color: #64748b;
}
.ai-study-mobile-only .ep-logout-form {
margin: 0;
flex-shrink: 0;
}
.ai-study-mobile-only .ep-logout-btn {
padding: 14px 26px;
border-radius: 18px;
border: 2px solid #ff404d;
color: #ff515d;
background: rgba(255, 64, 77, 0.06);
font-size: 20px;
font-weight: 800;
cursor: pointer;
line-height: 1.2;
}
.ai-study-mobile-only .ep-limit-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
align-items: stretch;
}
.ai-study-mobile-only .ep-limit-grid.is-split {
grid-template-columns: 1fr 1.2fr;
}
.ai-study-mobile-only .ep-limit-card,
.ai-study-mobile-only .ep-upgrade-card {
padding: 18px;
border-radius: 20px;
background: linear-gradient(145deg, #10295a, #0c1f42);
border: 1px solid rgba(59, 130, 246, 0.35);
box-shadow: inset 0 0 28px rgba(37, 99, 235, 0.12);
box-sizing: border-box;
}
[data-theme="light"] .ai-study-mobile-only .ep-limit-card,
[data-theme="light"] .ai-study-mobile-only .ep-upgrade-card {
background: linear-gradient(145deg, #ffffff, #f8fafc);
border: 1px solid rgba(59, 130, 246, 0.22);
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter,
.ai-study-mobile-only .ep-limit-card .limit-card__meter {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
border-radius: 0;
}
.ai-study-mobile-only .ep-card-top {
display: flex;
align-items: center;
gap: 14px;
}
.ai-study-mobile-only .ep-card-copy {
min-width: 0;
flex: 1 1 auto;
}
.ai-study-mobile-only .ep-icon {
width: 58px;
height: 58px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
flex-shrink: 0;
}
.ai-study-mobile-only .ep-limit-icon {
background: linear-gradient(135deg, #2563eb, #4f46e5);
}
.ai-study-mobile-only .ep-upgrade-icon {
background: linear-gradient(135deg, #7c3aed, #9333ea);
}
.ai-study-mobile-only .ep-card-top h3,
.ai-study-mobile-only .ep-card-top .ai-study-usage-meter__label {
margin: 0;
color: inherit;
font-size: 24px;
line-height: 1.2;
font-weight: 800;
text-transform: none;
letter-spacing: 0;
}
.ai-study-mobile-only .ep-card-top p,
.ai-study-mobile-only .ep-usage-line {
margin: 7px 0 0;
color: #b9c7df;
font-size: 16px;
line-height: 1.35;
}
[data-theme="light"] .ai-study-mobile-only .ep-card-top p,
[data-theme="light"] .ai-study-mobile-only .ep-usage-line {
color: #64748b;
}
.ai-study-mobile-only .ep-limit-card .ep-usage-line strong {
color: #ff404d;
font-size: 22px;
font-weight: 900;
}
.ai-study-mobile-only .ai-study-usage-meter.is-low .ep-usage-line strong {
color: #fbbf24;
}
.ai-study-mobile-only .ai-study-usage-meter:not(.is-exhausted):not(.is-low) .ep-usage-line strong {
color: #ffffff;
}
[data-theme="light"] .ai-study-mobile-only .ai-study-usage-meter:not(.is-exhausted):not(.is-low) .ep-usage-line strong {
color: #0f172a;
}
.ai-study-mobile-only .ep-plan-badge {
margin-left: auto;
padding: 7px 12px;
border-radius: 10px;
background: rgba(14, 165, 233, 0.18);
color: #38d7ff;
font-size: 15px;
font-weight: 800;
flex-shrink: 0;
}
[data-theme="light"] .ai-study-mobile-only .ep-plan-badge.is-free {
color: var(--primary);
background: color-mix(in srgb, var(--primary) 12%, transparent);
}
.ai-study-mobile-only .ep-plan-badge.is-premium {
color: #fcd34d;
background: rgba(251, 191, 36, 0.18);
}
.ai-study-mobile-only .ep-progress,
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__track {
width: 100%;
height: 10px;
margin: 16px 0;
border-radius: 20px;
background: rgba(255, 255, 255, 0.12);
overflow: hidden;
}
[data-theme="light"] .ai-study-mobile-only .ep-progress,
[data-theme="light"] .ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__track {
background: rgba(15, 23, 42, 0.08);
}
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__bar {
display: block;
height: 100%;
border-radius: 20px;
background: linear-gradient(90deg, #ff3131, #ff404d);
}
.ai-study-mobile-only .ai-study-usage-meter.is-low .ai-study-usage-meter__bar {
background: linear-gradient(90deg, #f59e0b, #f97316);
}
.ai-study-mobile-only .ai-study-usage-meter:not(.is-exhausted):not(.is-low) .ai-study-usage-meter__bar {
background: linear-gradient(90deg, #2563eb, #4f46e5);
}
.ai-study-mobile-only .ai-study-usage-meter.is-premium-plan:not(.is-exhausted):not(.is-low) .ai-study-usage-meter__bar {
background: linear-gradient(90deg, #7c3aed, #2563eb);
}
.ai-study-mobile-only .ep-warning,
.ai-study-mobile-only .ep-limit-card .ai-study-limit-warning {
margin: 0;
padding: 12px 14px;
border-radius: 14px;
border: 1px solid rgba(255, 64, 77, 0.55);
background: rgba(255, 64, 77, 0.10);
color: #ff606b;
font-weight: 800;
font-size: 16px;
line-height: 1.35;
}
.ai-study-mobile-only .ep-limit-grid.is-exhausted .ai-study-usage-meter__hint {
display: none;
}
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__hint {
display: block;
margin-top: 4px;
font-size: 11px;
font-weight: 600;
color: #94a3b8;
line-height: 1.35;
}
.ai-study-mobile-only .ep-benefits {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 18px 0;
padding-top: 14px;
border-top: 1px dashed rgba(56, 189, 248, 0.35);
}
.ai-study-mobile-only .ep-benefits div {
color: inherit;
font-size: 16px;
line-height: 1.4;
font-weight: 700;
}
.ai-study-mobile-only .ep-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.ai-study-mobile-only .ep-actions--premium {
grid-template-columns: 1fr;
}
.ai-study-mobile-only .ep-buy-btn,
.ai-study-mobile-only .ep-upgrade-btn {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 14px;
border-radius: 16px;
font-weight: 900;
font-size: 15px;
text-align: center;
cursor: pointer;
border: none;
line-height: 1.2;
width: 100%;
}
.ai-study-mobile-only .ep-buy-btn {
color: #ffffff;
background: linear-gradient(135deg, #7c3aed, #0ea5e9);
}
.ai-study-mobile-only .ep-upgrade-btn {
color: #38e8ff;
background: rgba(15, 23, 42, 0.55);
border: 2px solid #22d3ee;
}
[data-theme="light"] .ai-study-mobile-only .ep-upgrade-btn {
color: #0369a1;
background: rgba(255, 255, 255, 0.85);
border-color: #38bdf8;
}
.ai-study-mobile-only .ep-upgrade-card[hidden] {
display: none !important;
}
.ai-study-mobile-only .ep-upgrade-card--premium {
padding: 12px;
}
.ai-study-usage-block {
width: 100%;
}
.ai-study-buy-credits-box {
margin-bottom: 14px;
border-color: color-mix(in srgb, var(--primary) 35%, transparent);
background: color-mix(in srgb, var(--primary) 6%, var(--card-bg, #fff));
}
@media (max-width: 768px) {
.ai-study-mobile-only .ep-profile-panel {
padding: 14px;
border-radius: 22px;
margin: 10px auto 0;
}
.ai-study-mobile-only .ep-profile-header {
gap: 10px;
margin-bottom: 12px;
}
.ai-study-mobile-only .ep-avatar {
width: 54px;
height: 54px;
}
.ai-study-mobile-only .ep-user-left h2 {
font-size: 22px;
}
.ai-study-mobile-only .ep-user-left p {
font-size: 14px;
}
.ai-study-mobile-only .ep-logout-btn {
padding: 10px 14px;
border-radius: 14px;
font-size: 15px;
}
.ai-study-mobile-only .ep-limit-grid.is-split {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.ai-study-mobile-only .ep-limit-card,
.ai-study-mobile-only .ep-upgrade-card {
padding: 12px;
border-radius: 16px;
}
.ai-study-mobile-only .ep-icon {
width: 38px;
height: 38px;
border-radius: 12px;
font-size: 19px;
}
.ai-study-mobile-only .ep-card-top {
gap: 8px;
align-items: flex-start;
}
.ai-study-mobile-only .ep-card-top h3,
.ai-study-mobile-only .ep-card-top .ai-study-usage-meter__label {
font-size: 15px;
}
.ai-study-mobile-only .ep-card-top p,
.ai-study-mobile-only .ep-usage-line {
font-size: 11px;
}
.ai-study-mobile-only .ep-limit-card .ep-usage-line strong {
font-size: 14px;
}
.ai-study-mobile-only .ep-plan-badge {
padding: 5px 8px;
font-size: 11px;
border-radius: 8px;
}
.ai-study-mobile-only .ep-progress,
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__track {
height: 7px;
margin: 10px 0;
}
.ai-study-mobile-only .ep-warning,
.ai-study-mobile-only .ep-limit-card .ai-study-limit-warning {
padding: 8px;
border-radius: 10px;
font-size: 11px;
}
.ai-study-mobile-only .ep-benefits {
grid-template-columns: 1fr;
gap: 5px;
margin: 10px 0;
padding-top: 8px;
}
.ai-study-mobile-only .ep-benefits div {
font-size: 11px;
}
.ai-study-mobile-only .ep-actions {
grid-template-columns: 1fr;
gap: 8px;
}
.ai-study-mobile-only .ep-actions--premium {
grid-template-columns: 1fr;
}
.ai-study-mobile-only .ep-buy-btn,
.ai-study-mobile-only .ep-upgrade-btn {
min-height: 44px;
padding: 10px 8px;
border-radius: 12px;
font-size: 13px;
}
}
@media (max-width: 420px) {
.ai-study-mobile-only .ep-limit-grid.is-split {
grid-template-columns: 1fr;
}
.ai-study-mobile-only .ep-actions {
grid-template-columns: 1fr 1fr;
}
.ai-study-mobile-only .ep-actions--premium {
grid-template-columns: 1fr;
}
} .ai-study-auth-shell {
background: var(--bg) !important;
} .ai-study-primary-button,
.ai-study-secondary-button,
.ai-study-menu-card,
.ai-study-tab,
.ai-study-stat-card,
.ai-study-master-card,
.ai-study-mobile-quick-card,
.ai-study-header-card,
.ai-study-shell {
transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.ai-study-primary-button,
.ai-study-secondary-button,
.ai-study-menu-card,
.ai-study-tab,
.ai-study-stat-card,
.ai-study-master-card,
.ai-study-mobile-quick-card {
transition-property: transform, background, background-color, border-color, color, box-shadow !important;
} @media (max-width: 768px) {
.ai-study-mobile-only {
--mobile-header-shadow: 0 12px 30px rgba(15, 23, 42, 0.10);
--mobile-theme-shadow: 0 8px 18px rgba(37, 99, 235, 0.10);
--mobile-card-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
--mobile-avatar-gradient: linear-gradient(135deg, #7DD3FC, var(--primary));
--mobile-active-border: #93C5FD;
--mobile-logout-border: var(--danger);
--mobile-logout-text: var(--danger);
}
html,
body {
overflow-x: hidden;
}
.ai-study-mobile-only {
display: block;
}
.ai-study-desktop-only {
display: none !important;
}
.ai-study-dashboard {
padding: 14px !important;
max-width: 100% !important;
width: 100% !important;
margin: 0 auto !important;
background: var(--bg) !important;
}
.ai-study-dashboard > .student-dashboard-card,
.ai-study-dashboard > .logout-card,
.ai-study-extra-dashboard,
.student-dashboard-duplicate,
.ai-study-header-card + .ai-study-header-card {
display: none !important;
}
.entry-content > .ai-study-dashboard,
.wp-block-shortcode .ai-study-dashboard {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.ai-study-header {
display: block;
margin-bottom: 0;
}
.ai-study-header-card {
background: var(--card-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: 22px !important;
padding: 14px !important;
box-shadow: var(--mobile-header-shadow) !important;
}
.ai-study-header-top {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
align-items: center;
margin-bottom: 14px;
}
.ai-study-logo-text,
.easy-padhai-title,
.ai-study-header-title,
.ai-study-header-card .ai-study-brand-easy,
.ai-study-header-card .ai-study-brand-padhai {
display: none !important;
}
.ai-study-theme-btn {
width: 100%;
min-height: 52px;
border-radius: 18px !important;
border: 1.5px solid var(--card-hover-border) !important;
background: var(--card-bg) !important;
color: var(--primary) !important;
font-size: 16px;
font-weight: 800;
box-shadow: var(--mobile-theme-shadow) !important;
}
.ai-study-dashboard-title {
margin: 0;
text-align: center;
color: var(--text-primary) !important;
font-size: 20px;
font-weight: 900;
line-height: 1.2;
}
.ai-study-user-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
background: var(--card-active-bg);
border-radius: 18px;
padding: 12px;
}
.ai-study-user-info {
flex: 1 1 calc(100% - 130px);
min-width: 0;
}
.ai-study-usage-meter {
flex: 1 1 100%;
}
.ai-study-user-avatar {
width: 58px;
height: 58px;
border-radius: 50%;
background: var(--mobile-avatar-gradient);
display: flex;
align-items: center;
justify-content: center;
color: var(--text-on-gradient);
font-size: 28px;
font-weight: 900;
flex: 0 0 auto;
overflow: hidden;
}
.ai-study-user-avatar--photo {
padding: 0;
background: var(--card-border);
}
.ai-study-user-avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
display: block;
}
.ai-study-user-info {
flex: 1;
min-width: 0;
}
.ai-study-user-name {
margin: 0 !important;
color: var(--text-primary) !important;
font-size: 18px;
font-weight: 900;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ai-study-user-role {
display: block;
color: var(--text-secondary);
font-size: 14px;
font-weight: 700;
margin-top: 2px;
}
.ai-study-logout-form {
margin: 0;
flex: 0 0 auto;
}
.ai-study-logout-btn,
.ai-study-mobile-only .ai-study-logout-button {
width: auto;
min-width: 104px;
min-height: 48px;
border-radius: 16px !important;
border: 1.5px solid var(--mobile-logout-border) !important;
background: var(--card-bg) !important;
color: var(--mobile-logout-text) !important;
font-size: 15px;
font-weight: 900;
box-shadow: none !important;
padding: 0 12px;
}
.ai-study-menu,
.ai-study-feature-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 16px;
margin-bottom: 16px;
max-height: none;
overflow: visible;
}
.ai-study-menu-card,
.ai-study-feature-card,
.ai-study-menu .ai-study-tab {
min-width: 0;
min-height: 74px;
border-radius: 16px !important;
padding: 12px !important;
background: var(--card-bg) !important;
border: 1px solid var(--card-border) !important;
box-shadow: var(--mobile-card-shadow) !important;
display: flex;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 900;
line-height: 1.15;
}
.ai-study-menu-card .icon,
.ai-study-feature-card .icon {
font-size: 22px;
}
.ai-study-menu-card .title,
.ai-study-feature-card .title {
font-size: 15px;
line-height: 1.15;
}
.ai-study-menu-card.is-active,
.ai-study-menu-card.active,
.ai-study-feature-card.active {
background: var(--card-active-bg) !important;
border-color: var(--mobile-active-border) !important;
color: var(--primary) !important;
}
.ai-study-menu-card.is-active .title,
.ai-study-menu-card.active .title {
color: var(--primary) !important;
}
.ai-study-shell {
display: block !important;
grid-template-columns: 1fr !important;
min-height: auto !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
overflow: visible !important;
}
.ai-study-main {
padding: 0 !important;
background: transparent !important;
}
.ai-study-panel {
padding: 4px 0 20px;
}
.ai-study-panel h2,
.ai-study-panel h3 {
font-size: 18px;
line-height: 1.25;
}
.ai-study-primary-button,
.ai-study-secondary-button,
.ai-study-upload-button,
.ai-study-voice-btn {
min-height: 48px;
font-size: 15px;
border-radius: 14px !important;
}
.ai-study-voice-btn {
min-height: 44px;
padding: 10px 16px;
font-size: 14px;
}
.ai-study-voice-field textarea,
.ai-study-voice-field input[type="text"] {
min-height: 120px;
font-size: 16px;
padding-right: 104px !important;
padding-bottom: 52px !important;
}
.ai-study-tool-actions {
display: flex;
flex-direction: column;
gap: 10px;
}
.ai-study-tool-actions select,
.ai-study-tool-actions .ai-study-primary-button,
.ai-study-tool-actions .ai-study-secondary-button {
width: 100%;
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
}
.ai-study-camera-voice-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.ai-study-camera-voice-bar .ai-study-main-camera-btn,
.ai-study-camera-voice-bar .ai-study-voice-btn--inline {
min-height: 52px;
font-size: 15px;
}
.ai-study-tool-camera-extras .ai-study-upload-button,
.ai-study-tool-camera-extras .ai-study-extract-solve-btn {
min-height: 40px !important;
max-height: 44px !important;
padding: 7px 6px !important;
font-size: 12px !important;
}
.ai-study-camera-toolbar,
.ai-study-tool-camera-toolbar {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.ai-study-camera-toolbar .ai-study-compact-label--inline,
.ai-study-tool-camera-toolbar .ai-study-upload-button {
grid-column: 1 / -1;
}
.ai-study-camera-toolbar .ai-study-primary-button,
.ai-study-camera-toolbar .ai-study-secondary-button,
.ai-study-camera-toolbar .ai-study-upload-button,
.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 {
flex: 1 1 auto;
min-width: 0;
width: 100%;
}
.ai-study-scan-hero,
.ai-study-revision-box,
.ai-study-smart-ocr-box,
.ai-study-premium-box {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 12px;
}
.ai-study-revision-box {
grid-template-columns: 1fr !important;
}
.ai-study-scan-hero .ai-study-primary-button,
.ai-study-revision-box .ai-study-primary-button,
.ai-study-premium-actions .ai-study-primary-button,
.ai-study-premium-actions .ai-study-secondary-button {
width: 100%;
}
.ai-study-premium-actions {
display: flex;
flex-direction: column;
gap: 10px;
}
.ai-study-english-tool-grid {
display: flex;
flex-direction: column;
gap: 14px;
}
.ai-study-english-tool-card {
padding: 14px;
border-radius: 16px;
}
.ai-study-result-box textarea,
.ai-study-field-label textarea,
.ai-study-compact-label select,
.ai-study-field-label select {
font-size: 16px;
min-height: 44px;
}
.ai-study-mobile-quick-card {
min-height: 80px;
border-radius: 18px !important;
}
.ai-study-output-window,
.ai-study-input-window {
border-radius: 16px !important;
padding: 12px !important;
}
}
@media (min-width: 769px) {
.ai-study-mobile-only {
display: none !important;
}
.ai-study-desktop-only {
display: block;
}
}
@media (max-width: 380px) {
.ai-study-menu-card,
.ai-study-feature-card,
.ai-study-menu .ai-study-tab {
font-size: 13px;
padding: 10px;
}
.ai-study-menu-card .icon,
.ai-study-feature-card .icon {
font-size: 18px;
}
.ai-study-menu-card .title,
.ai-study-feature-card .title {
font-size: 13px;
}
} html[data-theme="dark"] .ai-study-section:has(.ai-study-history-list),
html[data-theme="dark"] .ai-study-panel[data-ai-study-panel="history"] .ai-study-section,
body[data-ai-study-theme="dark"] .ai-study-section:has(.ai-study-history-list),
body[data-ai-study-theme="dark"] .ai-study-panel[data-ai-study-panel="history"] .ai-study-section,
body.dark-mode .ai-study-section:has(.ai-study-history-list),
body.dark-mode .ai-study-panel[data-ai-study-panel="history"] .ai-study-section,
.dark-mode .ai-study-section:has(.ai-study-history-list),
.dark-mode .ai-study-panel[data-ai-study-panel="history"] .ai-study-section,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-section:has(.ai-study-history-list),
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-panel[data-ai-study-panel="history"] .ai-study-section {
background: var(--section-bg) !important;
border: 1px solid var(--history-section-border) !important;
border-radius: 14px !important;
}
html[data-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-section__header h2,
html[data-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-section__header h3,
html[data-theme="dark"] .ai-study-panel[data-ai-study-panel="history"] .ai-study-section__header h2,
html[data-theme="dark"] .ai-study-panel[data-ai-study-panel="history"] .ai-study-section__header h3,
body[data-ai-study-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-section__header h2,
body[data-ai-study-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-section__header h3,
body.dark-mode .recent-answers-title,
.dark-mode .recent-answers-title,
body.dark-mode .recent-answers h2,
.dark-mode .recent-answers h2,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-section__header h3 {
color: var(--text-primary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-history-item,
body[data-ai-study-theme="dark"] .ai-study-history-item,
body.dark-mode .recent-answer-card,
.dark-mode .recent-answer-card,
body.dark-mode .answer-card,
.dark-mode .answer-card,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-item {
background: var(--card-bg) !important;
border: 1px solid var(--history-card-border) !important;
border-radius: 14px !important;
color: var(--heading) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-history-item:hover,
body[data-ai-study-theme="dark"] .ai-study-history-item:hover,
body.dark-mode .recent-answer-card:hover,
.dark-mode .recent-answer-card:hover,
body.dark-mode .answer-card:hover,
.dark-mode .answer-card:hover,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-item:hover {
border-color: var(--history-section-border) !important;
box-shadow: var(--history-hover-shadow) !important;
background: var(--card-hover-bg) !important;
}
html[data-theme="dark"] .ai-study-history-item span,
body[data-ai-study-theme="dark"] .ai-study-history-item span,
body.dark-mode .recent-answer-card .category,
.dark-mode .recent-answer-card .category,
body.dark-mode .answer-category,
.dark-mode .answer-category,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-item span {
color: var(--primary) !important;
opacity: 1 !important;
font-weight: 800;
}
html[data-theme="dark"] .ai-study-history-item h4,
body[data-ai-study-theme="dark"] .ai-study-history-item h4,
body.dark-mode .recent-answer-card h3,
.dark-mode .recent-answer-card h3,
body.dark-mode .answer-card h3,
.dark-mode .answer-card h3,
body.dark-mode .answer-title,
.dark-mode .answer-title,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-item h4 {
color: var(--history-title) !important;
opacity: 1 !important;
font-weight: 800;
}
html[data-theme="dark"] .ai-study-history-item p,
body[data-ai-study-theme="dark"] .ai-study-history-item p,
body.dark-mode .recent-answer-card p,
.dark-mode .recent-answer-card p,
body.dark-mode .answer-card p,
.dark-mode .answer-card p,
body.dark-mode .answer-excerpt,
.dark-mode .answer-excerpt,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-item p {
color: var(--history-excerpt) !important;
opacity: 1 !important;
font-weight: 500;
line-height: 1.6;
}
html[data-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-link-button,
html[data-theme="dark"] .ai-study-panel[data-ai-study-panel="history"] .ai-study-link-button,
body[data-ai-study-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-link-button,
body.dark-mode .recent-answers .view-history,
.dark-mode .recent-answers .view-history,
body.dark-mode .view-history-btn,
.dark-mode .view-history-btn,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-section:has(.ai-study-history-list) .ai-study-link-button {
background: var(--history-link-bg) !important;
color: var(--history-link-text) !important;
border: 1px solid var(--history-link-border) !important;
border-radius: 999px !important;
padding: 8px 16px !important;
font-weight: 800 !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-empty-state,
body[data-ai-study-theme="dark"] .ai-study-empty-state,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-empty-state {
color: var(--text-secondary) !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard .ai-study-muted,
html[data-theme="dark"] .ai-study-dashboard .ai-study-stat-card span:not(.ai-study-stat-card__icon),
html[data-theme="dark"] .ai-study-dashboard .ai-study-stat-card small,
html[data-theme="dark"] .ai-study-dashboard .ai-study-stat-card__label,
html[data-theme="dark"] .ai-study-dashboard .ai-study-streak-badge span,
html[data-theme="dark"] .ai-study-dashboard .ai-study-subscription-box span,
html[data-theme="dark"] .ai-study-dashboard .ai-study-compact-label,
html[data-theme="dark"] .ai-study-dashboard .ai-study-field-label,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-muted,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-muted {
color: var(--text-secondary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-section,
html[data-theme="dark"] .ai-study-dashboard .ai-study-stat-card,
html[data-theme="dark"] .ai-study-dashboard .ai-study-result-box,
html[data-theme="dark"] .ai-study-dashboard .ai-study-subscription-box,
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-builder,
html[data-theme="dark"] .ai-study-dashboard .ai-study-master-card,
html[data-theme="dark"] .ai-study-dashboard .ai-study-english-tool-card,
html[data-theme="dark"] .ai-study-dashboard .ai-study-vocab-card,
html[data-theme="dark"] .ai-study-dashboard .ai-study-question-card,
html[data-theme="dark"] .ai-study-dashboard .ai-study-advanced-card,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-section,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-section {
background: var(--card-bg) !important;
border-color: var(--card-border) !important;
color: var(--text-primary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-section__header h2,
html[data-theme="dark"] .ai-study-dashboard .ai-study-section__header h3,
html[data-theme="dark"] .ai-study-dashboard .ai-study-history-item h4,
html[data-theme="dark"] .ai-study-dashboard .ai-study-output-block h4,
html[data-theme="dark"] .ai-study-dashboard .ai-study-stat-card strong,
html[data-theme="dark"] .ai-study-dashboard .ai-study-streak-badge strong,
html[data-theme="dark"] .ai-study-dashboard .ai-study-master-card h3,
html[data-theme="dark"] .ai-study-dashboard .ai-study-question-card h4,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-section__header h2,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-section__header h3,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-section__header h2,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-section__header h3 {
color: var(--heading) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-output-block p,
html[data-theme="dark"] .ai-study-dashboard .ai-study-output-block li,
html[data-theme="dark"] .ai-study-dashboard .ai-study-result-box p,
html[data-theme="dark"] .ai-study-dashboard .ai-study-tool-panel p,
html[data-theme="dark"] .ai-study-dashboard .ai-study-buddy-card p,
html[data-theme="dark"] .ai-study-dashboard .ai-study-master-card p,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-output-block p,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-output-block p {
color: var(--history-excerpt) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-history-row,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-history-row,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-history-row {
border-bottom-color: var(--card-border) !important;
color: var(--text-primary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-link-button,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-link-button,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-link-button {
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard .ai-study-table-lines div,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-table-lines div,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-table-lines div {
background: var(--card-hover-bg) !important;
border: 1px solid var(--card-border) !important;
color: var(--text-primary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-lines div span,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-table-lines div span,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-table-lines div span {
color: var(--text-secondary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-lines div strong,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-table-lines div strong,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-table-lines div strong {
color: var(--primary) !important;
opacity: 1 !important;
font-weight: 800;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-result h4,
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-output .ai-study-table-result h4,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-table-result h4,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-table-result h4 {
color: var(--text-primary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-result p,
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-output .ai-study-table-result p,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-table-result p,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-table-result p {
color: var(--text-secondary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-answer-box,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-answer-box,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-answer-box {
background: var(--input-bg) !important;
border: 1px solid var(--input-border) !important;
color: var(--text-primary) !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-table-output,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-table-output,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-table-output {
color: var(--text-primary) !important;
opacity: 1 !important;
} .ai-study-tool-camera-extras {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 8px !important;
align-items: center !important;
}
.ai-study-tool-camera-extras .ai-study-upload-button,
.ai-study-tool-camera-extras .ai-study-extract-solve-btn,
.ai-study-tool-camera-extras [data-ai-study-tool-camera-solve] {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 40px !important;
max-height: 44px !important;
flex: none !important;
padding: 8px 10px !important;
font-size: 13px !important;
line-height: 1.2 !important;
border-radius: 10px !important;
box-sizing: border-box !important;
} .ai-study-header-top {
gap: 8px;
}
.ai-study-top-profile-btn {
border: 0 !important;
border-radius: 999px !important;
padding: 8px 12px !important;
font-size: 12px !important;
font-weight: 900 !important;
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: #ffffff !important;
box-shadow: 0 10px 24px rgba(79, 70, 229, 0.24) !important;
cursor: pointer !important;
white-space: nowrap !important;
}
.ai-study-top-profile-btn:hover,
.ai-study-top-profile-btn:focus-visible {
transform: translateY(-1px);
filter: brightness(1.06);
outline: none;
}
.ai-study-logout-button,
.ai-study-logout-btn,
.ep-logout-btn,
.ai-study-tabs .ai-study-logout-button,
.ai-study-mobile-only .ep-logout-btn {
background: #dc2626 !important;
color: #ffffff !important;
border-color: #dc2626 !important;
box-shadow: 0 10px 22px rgba(220, 38, 38, 0.24) !important;
}
.ai-study-logout-button:hover,
.ai-study-logout-btn:hover,
.ep-logout-btn:hover,
.ai-study-tabs .ai-study-logout-button:hover,
.ai-study-mobile-only .ep-logout-btn:hover {
background: #b91c1c !important;
color: #ffffff !important;
border-color: #b91c1c !important;
}
.ai-study-payment-status {
margin: 12px 0;
border-radius: 16px;
padding: 12px 14px;
font-weight: 800;
border: 1px solid rgba(148, 163, 184, 0.22);
background: rgba(15, 23, 42, 0.05);
}
.ai-study-payment-status p { margin: 0; }
.ai-study-payment-status.is-success {
background: rgba(22, 163, 74, 0.12);
border-color: rgba(22, 163, 74, 0.32);
color: #166534;
}
.ai-study-payment-status.is-error {
background: rgba(220, 38, 38, 0.10);
border-color: rgba(220, 38, 38, 0.28);
color: #991b1b;
}
.ai-study-payment-status.is-info {
background: rgba(79, 70, 229, 0.10);
border-color: rgba(79, 70, 229, 0.25);
color: #3730a3;
}
.ai-study-paid-plan {
position: relative;
overflow: hidden;
}
.ai-study-paid-plan.is-featured {
border-color: rgba(250, 204, 21, 0.72) !important;
}
.ai-study-plan-ribbon {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
border-radius: 999px;
padding: 4px 10px;
margin-bottom: 8px;
font-size: 11px;
font-weight: 900;
background: rgba(250, 204, 21, 0.18);
color: #92400e;
}
.ai-study-gateway-row {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
margin-top: 12px;
}
.ai-study-gateway-row select {
min-height: 40px;
border-radius: 12px;
border: 1px solid rgba(148, 163, 184, 0.35);
padding: 0 10px;
font-weight: 800;
background: #ffffff;
color: #0f172a;
}
.ai-study-pay-now-btn[disabled] {
opacity: 0.75;
cursor: wait !important;
}
html[data-theme="dark"] .ai-study-payment-status.is-success { color: #bbf7d0; }
html[data-theme="dark"] .ai-study-payment-status.is-error { color: #fecaca; }
html[data-theme="dark"] .ai-study-payment-status.is-info { color: #c7d2fe; }
html[data-theme="dark"] .ai-study-gateway-row select {
background: #0f172a;
color: #f8fafc;
border-color: rgba(148, 163, 184, 0.28);
}
@media (max-width: 420px) {
.ai-study-top-profile-btn {
padding: 7px 10px !important;
font-size: 11px !important;
}
.ai-study-dashboard-title {
font-size: 16px !important;
}
} .ai-study-desktop-profile-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
margin: 8px 0 10px !important;
}
.ai-study-desktop-profile-title {
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
}
.ai-study-desktop-profile-title strong {
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ai-study-desktop-profile-btn {
padding: 7px 10px !important;
font-size: 11px !important;
flex: 0 0 auto !important;
}
.ai-study-profile-page {
display: flex;
flex-direction: column;
gap: 18px;
}
.ai-study-profile-hero-card,
.ai-study-profile-card {
border: 1px solid rgba(148, 163, 184, 0.22);
border-radius: 22px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}
.ai-study-profile-hero-card {
display: flex;
align-items: center;
gap: 18px;
padding: 20px;
}
.ai-study-profile-avatar-wrap {
width: 104px;
height: 104px;
border-radius: 32px;
padding: 5px;
background: linear-gradient(135deg, #4f46e5, #a855f7);
flex: 0 0 auto;
}
.ai-study-profile-avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 27px;
background: #eef2ff;
display: block;
}
.ai-study-profile-hero-card h3 {
margin: 4px 0 6px;
font-size: 28px;
line-height: 1.15;
}
.ai-study-profile-hero-card p {
margin: 0;
color: #64748b;
}
.ai-study-profile-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.ai-study-profile-badges span {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
border-radius: 999px;
background: #eef2ff;
color: #3730a3;
font-size: 12px;
font-weight: 900;
}
.ai-study-profile-grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 18px;
}
.ai-study-profile-card {
padding: 20px;
}
.ai-study-profile-card h3 {
margin: 0 0 8px;
font-size: 20px;
}
.ai-study-profile-readonly-grid,
.ai-study-profile-form {
display: grid;
gap: 13px;
}
.ai-study-profile-readonly-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ai-study-profile-readonly-grid label:last-child {
grid-column: 1 / -1;
}
.ai-study-profile-card label {
display: flex;
flex-direction: column;
gap: 7px;
font-weight: 900;
color: #334155;
}
.ai-study-profile-card input,
.ai-study-profile-card textarea,
.ai-study-profile-card select {
width: 100%;
min-height: 44px;
border-radius: 14px;
border: 1px solid #dbe3ef;
background: #ffffff;
color: #0f172a;
padding: 10px 12px;
box-sizing: border-box;
}
.ai-study-profile-card input[readonly],
.ai-study-profile-card textarea[readonly] {
background: #f1f5f9;
color: #64748b;
cursor: not-allowed;
}
.ai-study-profile-note {
padding: 10px 12px;
border-radius: 14px;
background: #f8fafc;
color: #64748b;
font-weight: 800;
font-size: 12px;
}
.ai-study-profile-notice {
padding: 12px 14px;
border-radius: 16px;
font-weight: 900;
border: 1px solid transparent;
}
.ai-study-profile-notice.is-success {
background: #ecfdf5;
color: #047857;
border-color: #a7f3d0;
}
.ai-study-profile-notice.is-error {
background: #fef2f2;
color: #b91c1c;
border-color: #fecaca;
}
[data-theme="dark"] .ai-study-profile-hero-card,
[data-theme="dark"] .ai-study-profile-card {
background: rgba(15, 23, 42, 0.94);
border-color: rgba(148, 163, 184, 0.22);
}
[data-theme="dark"] .ai-study-profile-card input,
[data-theme="dark"] .ai-study-profile-card textarea {
background: #111827;
color: #f8fafc;
border-color: #334155;
}
[data-theme="dark"] .ai-study-profile-card input[readonly],
[data-theme="dark"] .ai-study-profile-card textarea[readonly] {
background: #0f172a;
color: #94a3b8;
}
[data-theme="dark"] .ai-study-profile-hero-card p,
[data-theme="dark"] .ai-study-profile-note {
color: #cbd5e1;
}
@media (max-width: 900px) {
.ai-study-profile-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
.ai-study-profile-hero-card {
align-items: flex-start;
flex-direction: column;
padding: 16px;
}
.ai-study-profile-readonly-grid {
grid-template-columns: 1fr;
}
.ai-study-profile-hero-card h3 {
font-size: 23px;
}
} .ai-study-auth-grid.ai-study-auth-grid-single {
grid-template-columns: minmax(280px, 560px) !important;
justify-content: center;
}
.ai-study-recovery-card {
border: 1px solid rgba(59, 130, 246, 0.16) !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}
.ai-study-recovery-card .ai-study-recovery-text {
margin: -6px 0 14px;
font-size: 13px;
line-height: 1.45;
}
.ai-study-auth-card .ai-study-auth-select {
width: 100%;
border: 1px solid #d6e2f5;
border-radius: 14px;
padding: 12px 14px;
background: #fff;
color: #0f172a;
font-weight: 700;
outline: none;
}
.ai-study-recovery-button,
.ai-study-auth-link-button {
width: 100%;
justify-content: center;
text-align: center;
text-decoration: none !important;
}
.ai-study-auth-notice.is-error {
background: #fff1f2 !important;
color: #991b1b !important;
border-color: #fecdd3 !important;
}
@media (min-width: 900px) {
.ai-study-auth-grid {
align-items: stretch;
}
}
.ai-study-credit-balance-pill {
display: inline-flex;
align-items: center;
width: fit-content;
border-radius: 999px;
padding: 6px 12px;
margin: 6px 0 12px;
font-size: 12px;
font-weight: 900;
background: rgba(34, 197, 94, 0.12);
color: #166534;
border: 1px solid rgba(34, 197, 94, 0.25);
}
.ai-study-credit-pack-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 12px;
margin-top: 12px;
}
.ai-study-credit-pack-card {
border-radius: 18px;
padding: 14px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(148, 163, 184, 0.25);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
} .ep-auth-page,
.ep-auth-page * {
color-scheme: light;
}
.ep-auth-page {
--ep-bg: #f7f9fc;
--ep-card: #ffffff;
--ep-text: #0f172a;
--ep-muted: #64748b;
--ep-border: #d8e2ef;
--ep-primary: #2563eb;
--ep-primary2: #7c3aed;
min-height: min(760px, 100vh);
width: 100%;
padding: 38px 16px 56px;
background: var(--ep-bg) !important;
color: var(--ep-text) !important;
font-family: 'Inter', 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
body.dark .ep-auth-page,
body.dark-mode .ep-auth-page,
body[data-ai-study-theme="dark"] .ep-auth-page,
[data-theme="dark"] .ep-auth-page {
background: #f7f9fc !important;
color: #0f172a !important;
}
.ep-auth-page .ai-study-auth-hero {
max-width: 760px;
margin: 0 auto 22px;
padding: 24px 18px 10px;
text-align: center;
}
.ep-auth-page .ai-study-auth-hero span {
display: inline-flex;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--ep-primary2) !important;
font-weight: 900;
font-size: 12px;
background: rgba(124, 58, 237, 0.08);
border: 1px solid rgba(124, 58, 237, 0.15);
border-radius: 999px;
padding: 7px 12px;
}
.ep-auth-page .ai-study-auth-hero h2 {
margin: 14px 0 8px;
color: var(--ep-text) !important;
font-size: clamp(30px, 5vw, 44px);
font-weight: 900;
letter-spacing: -0.03em;
}
.ep-auth-page .ai-study-auth-hero p {
max-width: 620px;
margin: 0 auto;
color: var(--ep-muted) !important;
font-size: 16px;
line-height: 1.65;
}
.ep-auth-page > .ai-study-auth-notice {
max-width: 460px;
margin: 0 auto 16px;
}
.ep-auth-shell.ai-study-auth-grid,
.ep-auth-shell {
display: block !important;
width: 100%;
max-width: 480px;
margin: 0 auto;
padding: 0;
}
.ep-auth-tabs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
padding: 6px;
margin: 0 0 14px;
border: 1px solid var(--ep-border);
border-radius: 16px;
background: #ffffff;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}
.ep-auth-tab {
border: 0;
border-radius: 12px;
padding: 12px 14px;
background: transparent;
color: var(--ep-muted);
font-weight: 900;
cursor: pointer;
}
.ep-auth-tab.is-active {
background: linear-gradient(135deg, var(--ep-primary), var(--ep-primary2));
color: #ffffff;
box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22);
}
.ep-auth-tab:focus-visible,
.ep-auth-page .ai-study-auth-card input:focus,
.ep-auth-page .ai-study-auth-card textarea:focus,
.ep-auth-page .ai-study-auth-card select:focus {
outline: 3px solid rgba(37, 99, 235, 0.18);
outline-offset: 2px;
}
.ep-auth-panel[hidden] {
display: none !important;
}
.ep-auth-card.ai-study-auth-card,
.ep-auth-page .ai-study-auth-card {
display: flex;
flex-direction: column;
gap: 14px;
width: 100%;
margin: 0 auto;
padding: 24px;
background: var(--ep-card) !important;
color: var(--ep-text) !important;
border: 1px solid var(--ep-border) !important;
border-radius: 14px !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}
.ep-auth-page .ai-study-auth-card h3 {
margin: 0 0 4px;
color: var(--ep-text) !important;
font-size: 24px;
font-weight: 900;
}
.ep-auth-page .ai-study-auth-card label,
.ep-auth-page .ai-study-auth-card .ai-study-muted,
.ep-auth-page .ai-study-auth-check span {
color: var(--ep-text) !important;
}
.ep-auth-page .ai-study-muted,
.ep-auth-page .ai-study-recovery-text,
.ep-auth-page .ai-study-auth-card small {
color: var(--ep-muted) !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 {
width: 100%;
background: #ffffff !important;
color: var(--ep-text) !important;
border: 1px solid var(--ep-border) !important;
border-radius: 12px !important;
box-shadow: none !important;
}
.ep-auth-page .ai-study-auth-check {
display: flex;
align-items: center;
gap: 8px;
}
.ep-auth-page .ai-study-auth-check input {
width: auto;
}
.ep-auth-page .ai-study-primary-button {
width: 100%;
justify-content: center;
background: linear-gradient(135deg, var(--ep-primary), var(--ep-primary2)) !important;
border: 0 !important;
box-shadow: 0 12px 26px rgba(37, 99, 235, 0.24) !important;
}
.ep-auth-links {
margin-top: 2px;
display: flex;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
.ep-auth-links a,
.ep-auth-back-link {
color: var(--ep-primary) !important;
font-weight: 800;
text-decoration: none;
}
.ep-auth-links a:hover,
.ep-auth-back-link:hover {
text-decoration: underline;
}
.ep-auth-back-link {
display: inline-flex;
width: fit-content;
margin-bottom: 2px;
}
@media (max-width: 640px) {
.ep-auth-page {
padding: 24px 16px 40px;
}
.ep-auth-card.ai-study-auth-card,
.ep-auth-page .ai-study-auth-card {
padding: 20px;
}
}
.ai-study-credit-pack-card strong,
.ai-study-credit-pack-card small {
display: block;
}
.ai-study-credit-pack-card small {
color: var(--muted, #64748b);
font-weight: 700;
margin-top: 4px;
}
html[data-theme="dark"] .ai-study-credit-pack-card {
background: rgba(15, 23, 42, 0.72);
border-color: rgba(148, 163, 184, 0.22);
}
html[data-theme="dark"] .ai-study-credit-balance-pill {
color: #bbf7d0;
}
.ai-study-credit-inline {
display: inline-flex;
width: fit-content;
margin: 4px 0 6px;
padding: 3px 9px;
border-radius: 999px;
font-size: 11px;
font-weight: 900;
background: rgba(59, 130, 246, 0.10);
color: #1d4ed8;
border: 1px solid rgba(59, 130, 246, 0.18);
}
html[data-theme="dark"] .ai-study-credit-inline { color: #bfdbfe; } .ep-auth-main-tabs {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ep-auth-link-button {
display: inline;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: var(--ep-primary, #2563eb);
font: inherit;
font-weight: 800;
text-decoration: underline;
cursor: pointer;
}
.ep-auth-link-button:hover,
.ep-auth-link-button:focus-visible {
color: var(--ep-primary2, #7c3aed);
}
.ep-auth-panel textarea {
width: 100%;
min-height: 72px;
padding: 10px 12px;
border: 2px solid #dff3ff;
border-radius: 12px;
background: #fff;
color: var(--ep-text, #0f172a);
}
@media (max-width: 700px) {
.ep-auth-main-tabs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} body.ai-study-clean-auth-body{margin:0!important;background:#f7f9fc!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{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:#f7f9fc!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-page .ai-study-auth-hero h2{margin:22px 0 10px!important;font-size:clamp(30px,5.2vw,44px)!important;font-weight:950!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#071633!important;text-align:center!important}
.ep-auth-page .ai-study-auth-hero p{max-width:720px!important;margin:0 auto!important;color:#526987!important;text-align:center!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 .ai-study-auth-hero{padding:22px 16px 15px!important}.ep-auth-page .ai-study-auth-hero h2{font-size:clamp(30px,9vw,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-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-scan-hero .ai-study-camera-voice-bar .ai-study-main-camera-btn,
.ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-camera-voice-bar .ai-study-main-camera-btn,
.ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] button[data-ai-study-open-fullscan].ai-study-main-camera-btn {
background: linear-gradient(135deg, #0EA5E9 0%, #2563EB 48%, #7C3AED 100%) !important;
color: #FFFFFF !important;
border: 1px solid rgba(37, 99, 235, 0.78) !important;
box-shadow: 0 14px 30px rgba(37, 99, 235, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
opacity: 1 !important;
font-weight: 900 !important;
text-shadow: 0 1px 1px rgba(15, 23, 42, 0.22) !important;
}
.ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-scan-hero .ai-study-camera-voice-bar .ai-study-main-camera-btn:hover,
.ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-camera-voice-bar .ai-study-main-camera-btn:hover,
.ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] button[data-ai-study-open-fullscan].ai-study-main-camera-btn:hover {
background: linear-gradient(135deg, #0284C7 0%, #1D4ED8 50%, #6D28D9 100%) !important;
box-shadow: 0 18px 38px rgba(37, 99, 235, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
transform: translateY(-1px) !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-output-window,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-output-window,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-output-window,
html[data-theme="dark"] .ai-study-dashboard .ai-study-result-box,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-result-box,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-result-box {
background: #0F1B2D !important;
border-color: #2B4C78 !important;
color: #F8FAFC !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-result-box h2,
html[data-theme="dark"] .ai-study-dashboard .ai-study-result-box h3,
html[data-theme="dark"] .ai-study-dashboard .ai-study-output-window h2,
html[data-theme="dark"] .ai-study-dashboard .ai-study-output-window h3,
html[data-theme="dark"] .ai-study-dashboard .ai-study-answer-output h2,
html[data-theme="dark"] .ai-study-dashboard .ai-study-answer-output h3,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-result-box h2,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-result-box h3,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-output-window h2,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-output-window h3,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-result-box h2,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-result-box h3,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-output-window h2,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-output-window h3 {
color: #EAF2FF !important;
opacity: 1 !important;
font-weight: 900 !important;
text-shadow: none !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-answer-output,
html[data-theme="dark"] .ai-study-dashboard .ai-study-result-box textarea,
html[data-theme="dark"] .ai-study-dashboard textarea[data-ai-study-extracted-question],
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-answer-output,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-result-box textarea,
body[data-ai-study-theme="dark"] .ai-study-dashboard textarea[data-ai-study-extracted-question],
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-answer-output,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-result-box textarea,
.ai-study-dashboard[data-ai-study-theme="dark"] textarea[data-ai-study-extracted-question] {
background: #101E33 !important;
border-color: #2B4C78 !important;
color: #F8FAFC !important;
opacity: 1 !important;
font-weight: 600 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-result-box textarea::placeholder,
html[data-theme="dark"] .ai-study-dashboard textarea[data-ai-study-extracted-question]::placeholder,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-result-box textarea::placeholder,
body[data-ai-study-theme="dark"] .ai-study-dashboard textarea[data-ai-study-extracted-question]::placeholder,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-result-box textarea::placeholder,
.ai-study-dashboard[data-ai-study-theme="dark"] textarea[data-ai-study-extracted-question]::placeholder {
color: #CFE0F5 !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard .ai-study-answer-output,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-answer-output,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-answer-output {
line-height: 1.75 !important;
} .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,
body[data-ai-study-theme="dark"] .ai-study-dashboard,
body.dark-mode .ai-study-dashboard,
.ai-study-dashboard[data-ai-study-theme="dark"] {
--text-primary: #F8FAFC !important;
--text-secondary: #D9E8FF !important;
--heading: #FFFFFF !important;
--muted: #C7D7EE !important;
color: #EAF2FF !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,.ai-study-title,.ai-study-heading,.ai-study-section-title,.ai-study-hero-title,.ai-study-card-title,.ai-study-stat-card strong,.ai-study-panel-title),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,.ai-study-title,.ai-study-heading,.ai-study-section-title,.ai-study-hero-title,.ai-study-card-title,.ai-study-stat-card strong,.ai-study-panel-title),
body.dark-mode .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,.ai-study-title,.ai-study-heading,.ai-study-section-title,.ai-study-hero-title,.ai-study-card-title,.ai-study-stat-card strong,.ai-study-panel-title),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(h1,h2,h3,h4,h5,h6,.ai-study-title,.ai-study-heading,.ai-study-section-title,.ai-study-hero-title,.ai-study-card-title,.ai-study-stat-card strong,.ai-study-panel-title) {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
opacity: 1 !important;
filter: none !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(p,li,span,small,em,label,legend,summary,td,th,div),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(p,li,span,small,em,label,legend,summary,td,th,div),
body.dark-mode .ai-study-dashboard :where(p,li,span,small,em,label,legend,summary,td,th,div),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(p,li,span,small,em,label,legend,summary,td,th,div) {
color: #D9E8FF !important;
-webkit-text-fill-color: #D9E8FF !important;
opacity: 1 !important;
filter: none !important;
} html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-muted,.ai-study-subtitle,.ai-study-description,.ai-study-helper,.ai-study-help,.ai-study-caption,.ai-study-meta,.ai-study-card p,.ai-study-section p,.ai-study-hero p,.ai-study-output-block p),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-muted,.ai-study-subtitle,.ai-study-description,.ai-study-helper,.ai-study-help,.ai-study-caption,.ai-study-meta,.ai-study-card p,.ai-study-section p,.ai-study-hero p,.ai-study-output-block p),
body.dark-mode .ai-study-dashboard :where(.ai-study-muted,.ai-study-subtitle,.ai-study-description,.ai-study-helper,.ai-study-help,.ai-study-caption,.ai-study-meta,.ai-study-card p,.ai-study-section p,.ai-study-hero p,.ai-study-output-block p),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-muted,.ai-study-subtitle,.ai-study-description,.ai-study-helper,.ai-study-help,.ai-study-caption,.ai-study-meta,.ai-study-card p,.ai-study-section p,.ai-study-hero p,.ai-study-output-block p) {
color: #C7D7EE !important;
-webkit-text-fill-color: #C7D7EE !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard :where(input,textarea,select,.ai-study-answer-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-result-box,.ai-study-table-output,.ai-study-extracted-question,.ai-study-answer-output),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input,textarea,select,.ai-study-answer-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-result-box,.ai-study-table-output,.ai-study-extracted-question,.ai-study-answer-output),
body.dark-mode .ai-study-dashboard :where(input,textarea,select,.ai-study-answer-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-result-box,.ai-study-table-output,.ai-study-extracted-question,.ai-study-answer-output),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input,textarea,select,.ai-study-answer-box,.ai-study-output-window,.ai-study-input-window,.ai-study-output-block,.ai-study-result-box,.ai-study-table-output,.ai-study-extracted-question,.ai-study-answer-output) {
color: #F8FAFC !important;
-webkit-text-fill-color: #F8FAFC !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,
body.dark-mode .ai-study-dashboard :where(input,textarea)::placeholder,
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input,textarea)::placeholder {
color: #D4E3F8 !important;
-webkit-text-fill-color: #D4E3F8 !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(h1,h2,h3,h4,h5,h6,strong),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(h1,h2,h3,h4,h5,h6,strong),
body.dark-mode .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(h1,h2,h3,h4,h5,h6,strong),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(h1,h2,h3,h4,h5,h6,strong) {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(p,span,small,em,label,a),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(p,span,small,em,label,a),
body.dark-mode .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(p,span,small,em,label,a),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-sidebar,.ai-study-profile-card,.ai-study-limit-card,.ai-study-usage-meter,.ai-study-menu,.ai-study-nav) :where(p,span,small,em,label,a) {
color: #DBEAFE !important;
-webkit-text-fill-color: #DBEAFE !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard :where(button,.ai-study-button,.ai-study-primary-button,.ai-study-main-camera-btn,.ai-study-extract-solve-btn,.ai-study-upgrade-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-voice-btn),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(button,.ai-study-button,.ai-study-primary-button,.ai-study-main-camera-btn,.ai-study-extract-solve-btn,.ai-study-upgrade-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-voice-btn),
body.dark-mode .ai-study-dashboard :where(button,.ai-study-button,.ai-study-primary-button,.ai-study-main-camera-btn,.ai-study-extract-solve-btn,.ai-study-upgrade-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-voice-btn),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(button,.ai-study-button,.ai-study-primary-button,.ai-study-main-camera-btn,.ai-study-extract-solve-btn,.ai-study-upgrade-btn,.ai-study-theme-btn,.ai-theme-toggle,.ai-study-voice-btn) {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-link-button,a),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-link-button,a),
body.dark-mode .ai-study-dashboard :where(.ai-study-link-button,a),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-link-button,a) {
color: #7DD3FC !important;
-webkit-text-fill-color: #7DD3FC !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-badge,.ai-study-pill,.ai-study-tag,.ai-study-chip,.ai-study-feature-tag),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-badge,.ai-study-pill,.ai-study-tag,.ai-study-chip,.ai-study-feature-tag),
body.dark-mode .ai-study-dashboard :where(.ai-study-badge,.ai-study-pill,.ai-study-tag,.ai-study-chip,.ai-study-feature-tag),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-badge,.ai-study-pill,.ai-study-tag,.ai-study-chip,.ai-study-feature-tag) {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard,
body[data-ai-study-theme="dark"] .ai-study-dashboard,
.ai-study-dashboard[data-ai-study-theme="dark"] {
color: #f8fafc !important;
} html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state) {
color: #f1f7ff !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state) :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,.ai-study-section-title,.ai-study-title,.ai-study-card-title,.ai-study-window-label,.ai-study-field-label,.ai-study-compact-label),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state) :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,.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-dashboard[data-ai-study-theme="dark"] :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state) :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,.ai-study-section-title,.ai-study-title,.ai-study-card-title,.ai-study-window-label,.ai-study-field-label,.ai-study-compact-label) {
color: #ffffff !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state) :where(p,span,small,li,td,th,em,div,.ai-study-muted,.ai-study-card-desc,.ai-study-description),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state) :where(p,span,small,li,td,th,em,div,.ai-study-muted,.ai-study-card-desc,.ai-study-description),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-panel,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-tool-panel,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-table-builder,.ai-study-question-card,.ai-study-advanced-card,.ai-study-output-window,.ai-study-output-block,.ai-study-answer-box,.ai-study-result-box,.ai-study-revision-box,.ai-study-weakness-box,.ai-study-premium-box,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-live-class,.ai-study-live-room,.ai-study-live-room__frame,.ai-study-buddy-card,.ai-study-subscription-box,.ai-study-history-item,.ai-study-empty-state) :where(p,span,small,li,td,th,em,div,.ai-study-muted,.ai-study-card-desc,.ai-study-description) {
color: #dbeafe !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 select option,
body[data-ai-study-theme="dark"] .ai-study-dashboard select option,
.ai-study-dashboard[data-ai-study-theme="dark"] select option {
background: #ffffff !important;
color: #0f172a !important;
} 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),
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-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) {
opacity: 1 !important;
text-shadow: none !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-main-camera-btn,.ai-study-extract-solve-btn),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-main-camera-btn,.ai-study-extract-solve-btn),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-primary-button,.ai-study-live-agent-sync-btn,.ai-study-voice-btn,.ai-study-main-camera-btn,.ai-study-extract-solve-btn) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button) {
color: #f8fafc !important;
-webkit-text-fill-color: #f8fafc !important;
} html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item) {
color: #0f172a !important;
opacity: 1 !important;
}
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item) :where(span,strong,p,small,div:not(button)),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item) :where(span,strong,p,small,div:not(button)),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-live-agent-sync-bar,.ai-study-live-class-item,.ai-study-student-live-item) :where(span,strong,p,small,div:not(button)) {
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-side-nav,.ai-study-nav,.ai-study-menu) :where(a,button,span,strong,small,div),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-sidebar,.ai-study-side-nav,.ai-study-nav,.ai-study-menu) :where(a,button,span,strong,small,div),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-sidebar,.ai-study-side-nav,.ai-study-nav,.ai-study-menu) :where(a,button,span,strong,small,div) {
color: #f8fafc !important;
opacity: 1 !important;
} html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-chip,.ai-study-chip-row span,.ai-study-feature-list span,.ai-study-badge,.ai-study-pill,[disabled],.is-disabled),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-chip,.ai-study-chip-row span,.ai-study-feature-list span,.ai-study-badge,.ai-study-pill,[disabled],.is-disabled),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-chip,.ai-study-chip-row span,.ai-study-feature-list span,.ai-study-badge,.ai-study-pill,[disabled],.is-disabled) {
opacity: 1 !important;
color: #dbeafe !important;
-webkit-text-fill-color: currentColor !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-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-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;
}.ai-study-teacher-dashboard {
--teacher-accent: #7C3AED;
--teacher-accent-soft: #EDE9FE;
--teacher-accent-border: #C4B5FD;
--teacher-sidebar-width: 280px;
} .ai-study-teacher-dashboard .ai-study-shell {
display: grid !important;
grid-template-columns: var(--teacher-sidebar-width) minmax(0, 1fr) !important;
grid-template-areas: 'teacher-sidebar teacher-main';
min-height: 720px;
overflow: visible !important;
background: var(--section-bg) !important;
border: 1px solid var(--card-border) !important;
border-radius: var(--radius-lg, 16px) !important;
box-shadow: var(--shadow, 0 12px 30px rgba(15, 23, 42, 0.08)) !important;
position: relative;
isolation: isolate;
}
.ai-study-teacher-dashboard .ai-study-tabs.ai-study-teacher-sidebar {
display: flex;
flex-direction: column;
grid-area: teacher-sidebar;
min-height: 0;
max-height: none;
padding: 14px;
overflow: hidden;
background: var(--section-bg) !important;
border-right: 1px solid var(--card-border) !important;
box-shadow: none !important;
position: relative;
z-index: 20;
pointer-events: auto !important;
}
.ai-study-teacher-dashboard .ai-study-teacher-profile {
flex: 0 0 auto;
margin-bottom: 12px;
}
.ai-study-teacher-dashboard .ai-study-teacher-nav {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1 1 auto;
min-height: 0;
max-height: calc(100vh - 260px);
overflow-x: hidden;
overflow-y: auto;
padding-right: 4px;
-webkit-overflow-scrolling: touch;
pointer-events: auto !important;
}
.ai-study-teacher-dashboard .ai-study-teacher-tab {
display: flex !important;
align-items: flex-start;
gap: 10px;
width: 100%;
min-height: 44px;
margin: 0 !important;
padding: 10px 12px !important;
overflow: visible !important;
white-space: normal !important;
text-align: left !important;
line-height: 1.35 !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
background: transparent !important;
color: var(--text-secondary) !important;
box-shadow: none !important;
transform: none !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer !important;
pointer-events: auto !important;
touch-action: manipulation;
position: relative;
z-index: 3;
-webkit-tap-highlight-color: transparent;
}
.ai-study-teacher-dashboard .ai-study-teacher-tab::before {
display: none !important;
}
.ai-study-teacher-dashboard .ai-study-teacher-tab:hover {
background: var(--sidebar-hover-bg, #f1f5f9) !important;
color: var(--teacher-accent) !important;
border-color: var(--teacher-accent-border) !important;
transform: none !important;
}
.ai-study-teacher-dashboard .ai-study-teacher-tab.is-active,
.ai-study-teacher-dashboard .ai-study-teacher-tab.active {
background: var(--teacher-accent-soft) !important;
color: var(--teacher-accent) !important;
border-color: var(--teacher-accent-border) !important;
font-weight: 700 !important;
box-shadow: none !important;
}
.ai-study-teacher-dashboard .ai-study-teacher-tab .icon {
flex: 0 0 24px;
width: 24px;
text-align: center;
line-height: 1.2;
font-size: 16px;
}
.ai-study-teacher-dashboard .ai-study-teacher-tab .title {
display: block !important;
flex: 1 1 auto;
min-width: 0;
overflow: visible !important;
text-overflow: unset !important;
white-space: normal !important;
line-height: 1.35 !important;
word-break: break-word;
}
.ai-study-teacher-dashboard .ai-study-teacher-main {
grid-area: teacher-main;
min-width: 0;
max-width: 100%;
overflow-x: hidden;
position: relative;
z-index: 1;
pointer-events: auto;
}
.ai-study-teacher-dashboard .ai-study-teacher-panel.is-active {
display: block;
}
.ai-study-teacher-dashboard .ai-study-teacher-badge {
display: inline-block;
margin: 8px 0;
padding: 4px 12px;
border-radius: 999px;
background: var(--teacher-accent-soft);
color: var(--teacher-accent);
font-size: 12px;
font-weight: 800;
}
.ai-study-teacher-sidebar {
border-right: 1px solid var(--card-border);
}
.ai-study-teacher-mobile-menu .ai-study-teacher-tab {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 88px;
padding: 12px 8px;
overflow: visible;
text-align: center;
pointer-events: auto !important;
cursor: pointer !important;
touch-action: manipulation;
}
.ai-study-teacher-mobile-menu .ai-study-teacher-tab .title {
display: block;
font-size: 12px;
line-height: 1.25;
overflow: visible;
white-space: normal;
}
.ai-study-teacher-tab.is-premium .title::after {
content: ' ★';
color: #F59E0B;
font-size: 11px;
}
.ai-study-teacher-tab .icon {
flex-shrink: 0;
width: 28px;
text-align: center;
}
.ai-study-teacher-stat-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 16px;
}
.ai-study-teacher-ai-box {
padding: 16px;
border-radius: 14px;
border: 1px solid var(--teacher-accent-border);
background: color-mix(in srgb, var(--teacher-accent) 8%, var(--card-bg));
}
.ai-study-teacher-ai-box strong {
display: block;
margin-bottom: 6px;
color: var(--teacher-accent);
}
.ai-study-teacher-input-window {
margin: 16px 0;
padding: 16px;
border-radius: 14px;
border: 1px solid var(--card-border);
background: var(--card-bg);
}
.ai-study-teacher-input-hint {
margin: 0 0 12px;
font-size: 13px;
}
.ai-study-teacher-upload-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 12px;
}
.ai-study-teacher-dashboard .ai-study-camera-voice-bar {
margin-bottom: 14px;
}
.ai-study-teacher-camera-preview {
margin: 12px 0;
}
.ai-study-teacher-camera-preview[hidden] {
display: none !important;
}
.ai-study-teacher-dashboard .ai-study-upload-button--secondary {
background: var(--teacher-accent-soft);
border-color: var(--teacher-accent-border);
color: var(--teacher-accent);
}
.ai-study-teacher-tool-form {
display: grid;
gap: 12px;
margin: 16px 0;
}
.ai-study-teacher-prompt-label textarea {
min-height: 110px;
width: 100%;
}
@media (max-width: 768px) {
.ai-study-teacher-upload-row {
flex-direction: column;
}
.ai-study-teacher-upload-row .ai-study-upload-button {
width: 100%;
justify-content: center;
}
} .ai-study-digital-diary .ai-study-diary-book {
margin: 16px 0;
padding: 18px;
border-radius: 14px;
border: 2px solid color-mix(in srgb, var(--teacher-accent) 35%, var(--card-border));
background: linear-gradient(180deg, color-mix(in srgb, var(--teacher-accent) 6%, var(--card-bg)) 0%, var(--card-bg) 100%);
}
.ai-study-diary-book__header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.ai-study-diary-book__badge {
font-weight: 700;
font-size: 15px;
color: var(--teacher-accent);
}
.ai-study-diary-date-label input {
max-width: 180px;
}
.ai-study-teacher-api-hint {
margin: 0 0 12px;
font-size: 12px;
color: var(--teacher-accent, #4f46e5);
}
.ai-study-diary-autofill-hint {
margin: 0 0 10px;
font-size: 13px;
}
.ai-study-diary-autofill-btn {
margin: 0 0 16px;
}
.ai-study-diary-note-block {
margin-top: 8px;
padding: 14px;
border-radius: 12px;
border: 2px solid #f59e0b;
background: #fffbeb;
}
.ai-study-diary-note-label strong {
display: block;
font-size: 1.05rem;
color: #b45309;
margin-bottom: 4px;
}
.ai-study-diary-note-label .ai-study-muted {
display: block;
margin-bottom: 8px;
font-size: 12px;
}
.ai-study-diary-actions {
margin: 12px 0 20px;
}
.ai-study-diary-status {
margin: 8px 0 0;
min-height: 1.2em;
}
.ai-study-diary-share-panel {
margin: 20px 0;
padding: 16px;
border-radius: 14px;
border: 1px solid var(--card-border);
background: var(--card-bg);
}
.ai-study-diary-share-panel h3,
.ai-study-diary-list-wrap h3 {
margin: 0 0 10px;
font-size: 1.05rem;
}
.ai-study-diary-share-audience {
border: none;
margin: 0 0 14px;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.ai-study-diary-share-audience legend {
width: 100%;
font-weight: 600;
margin-bottom: 6px;
}
.ai-study-diary-share-url-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
.ai-study-diary-share-url {
flex: 1 1 200px;
min-width: 0;
padding: 10px 12px;
border-radius: 10px;
border: 1px solid var(--card-border);
background: var(--input-bg, #fff);
font-size: 13px;
}
.ai-study-diary-share-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ai-study-diary-list {
display: grid;
gap: 10px;
}
.ai-study-diary-list-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px 14px;
border-radius: 12px;
border: 1px solid var(--card-border);
background: var(--card-bg);
}
.ai-study-diary-list-item__meta strong {
display: block;
}
.ai-study-diary-list-item__meta span {
font-size: 12px;
color: var(--muted-text, #64748b);
}
.ai-study-diary-list-item__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ai-study-diary-badge-shared {
display: inline-block;
font-size: 11px;
padding: 2px 8px;
border-radius: 999px;
background: color-mix(in srgb, #22c55e 15%, transparent);
color: #15803d;
margin-left: 6px;
}
@media (max-width: 768px) {
.ai-study-diary-share-url-row {
flex-direction: column;
}
.ai-study-diary-share-url-row .ai-study-secondary-button {
width: 100%;
}
}
.ai-study-teacher-soon {
font-size: 12px;
margin: 0;
}
.ai-study-teacher-backup-bar {
margin: 0 0 16px;
padding: 14px 16px;
border-radius: 14px;
border: 1px solid var(--card-border);
background: linear-gradient(135deg, color-mix(in srgb, var(--teacher-accent) 8%, var(--card-bg)), var(--card-bg));
}
.ai-study-usage-upgrade-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 16px;
padding: 14px 16px;
border-radius: 14px;
border: 1px solid #fbbf24;
background: linear-gradient(135deg, #fffbeb, #fff);
}
.ai-study-usage-upgrade-banner.is-exhausted {
border-color: #f87171;
background: linear-gradient(135deg, #fef2f2, #fff);
}
.ai-study-usage-upgrade-banner__body strong {
display: block;
margin-bottom: 4px;
}
.ai-study-usage-upgrade-banner__body p {
margin: 0;
font-size: 13px;
color: var(--muted-text, #64748b);
}
.ai-study-teacher-usage-card {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-bottom: 16px;
padding: 14px;
border: 1px solid var(--card-border);
border-radius: 14px;
background: var(--card-bg);
}
.ai-study-teacher-usage-card .ai-study-usage-meter {
flex: 1 1 240px;
margin: 0;
}
.ai-study-teacher-profile .ai-study-usage-block--desktop,
.ai-study-teacher-dashboard .ai-study-user-info .ai-study-usage-block--desktop {
width: 100%;
margin-top: 0;
}
.ai-study-usage-upgrade-btn {
width: 100%;
margin-top: 4px;
}
.ai-study-teacher-school-hub .ai-study-teacher-share-bar,
.ai-study-teacher-school-hub .ai-study-teacher-backup-bar {
margin-bottom: 16px;
}
.ai-study-teacher-profile .ai-study-usage-meter {
margin: 12px 0;
width: 100%;
}
.ai-study-teacher-subscription .ai-study-subscription-grid {
margin-top: 12px;
}
.ai-study-teacher-share-bar {
margin: 0 0 16px;
padding: 14px 16px;
border-radius: 14px;
border: 1px solid var(--teacher-accent-border, #c4b5fd);
background: linear-gradient(135deg, color-mix(in srgb, #2563eb 6%, var(--card-bg)), var(--card-bg));
}
.ai-study-teacher-share-bar__head span {
display: block;
font-weight: 700;
}
.ai-study-teacher-share-bar__head small {
color: var(--muted-text, #64748b);
font-size: 12px;
}
.ai-study-teacher-share-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 12px;
}
.ai-study-teacher-share-grid label,
.ai-study-teacher-share-message {
display: grid;
gap: 6px;
font-size: 13px;
}
.ai-study-teacher-share-uploads {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin: 12px 0;
}
.ai-study-teacher-share-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ai-study-teacher-share-result {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 12px;
}
.ai-study-output-window__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ai-study-student-inbox {
margin: 20px 0;
padding: 16px;
border: 1px solid var(--card-border);
border-radius: 14px;
background: var(--card-bg);
}
.ai-study-student-inbox-item {
padding: 12px 0;
border-bottom: 1px solid var(--card-border);
}
.ai-study-student-inbox-item:last-child {
border-bottom: 0;
}
@media (max-width: 768px) {
.ai-study-teacher-share-grid {
grid-template-columns: 1fr;
}
}
.ai-study-teacher-backup-bar__title span {
display: block;
font-weight: 700;
}
.ai-study-teacher-backup-bar__title small {
color: var(--muted-text, #64748b);
font-size: 12px;
}
.ai-study-teacher-backup-bar__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin-top: 10px;
}
.ai-study-backup-email-input {
min-width: 200px;
flex: 1 1 180px;
padding: 8px 10px;
border-radius: 10px;
border: 1px solid var(--card-border);
}
.ai-study-backup-auto-label {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
}
.ai-study-student-lookup-card--global {
position: sticky;
top: 8px;
z-index: 20;
margin: 0 0 12px;
padding: 12px 14px;
border-radius: 12px;
border: 2px solid var(--teacher-accent-border);
background: #eff6ff;
}
.ai-study-register-toolbar {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 14px;
}
.ai-study-register-search {
flex: 1 1 200px;
padding: 10px 12px;
border-radius: 10px;
border: 1px solid var(--card-border);
}
.ai-study-register-layout {
display: grid;
grid-template-columns: minmax(220px, 280px) 1fr;
gap: 16px;
}
.ai-study-register-list-wrap {
border: 1px solid var(--card-border);
border-radius: 12px;
padding: 12px;
max-height: 520px;
overflow: auto;
}
.ai-study-register-list-item {
display: block;
width: 100%;
text-align: left;
margin: 0 0 8px;
padding: 10px;
border-radius: 10px;
border: 1px solid var(--card-border);
background: var(--card-bg);
color: var(--text-primary) !important;
cursor: pointer;
}
.ai-study-register-list-item strong {
display: block;
color: var(--heading, var(--text-primary));
}
.ai-study-register-list-item span {
font-size: 12px;
color: var(--muted-text, #64748b);
}
.ai-study-register-form-wrap {
border: 1px solid var(--card-border);
border-radius: 12px;
padding: 14px;
color: var(--text-primary);
}
.ai-study-register-tabs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
.ai-study-register-tabs button {
padding: 8px 14px;
border-radius: 999px;
border: 1px solid var(--card-border);
background: var(--card-bg);
color: var(--text-primary) !important;
font-size: 13px;
font-weight: 600;
line-height: 1.25;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.ai-study-register-tabs button:hover {
background: var(--card-hover-bg);
border-color: var(--teacher-accent-border);
color: var(--teacher-accent) !important;
}
.ai-study-register-tabs button.is-active {
background: var(--teacher-accent);
color: #fff !important;
border-color: var(--teacher-accent);
}
.ai-study-register-grid label,
.ai-study-register-inline-row label {
color: var(--text-secondary) !important;
font-weight: 600;
}
.ai-study-register-grid input,
.ai-study-register-grid select,
.ai-study-register-grid textarea,
.ai-study-register-inline-row input,
.ai-study-register-inline-row select,
.ai-study-register-search {
background: var(--input-bg) !important;
border: 1px solid var(--input-border) !important;
color: var(--text-primary) !important;
border-radius: 10px;
}
.ai-study-register-grid input::placeholder,
.ai-study-register-inline-row input::placeholder,
.ai-study-register-search::placeholder {
color: var(--text-secondary);
opacity: 0.9;
}
.ai-study-register-log-row {
display: flex;
justify-content: space-between;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid var(--card-border);
font-size: 13px;
color: var(--text-primary);
}
.ai-study-register-log-row span {
color: var(--text-secondary);
}
.ai-study-register-log-row strong {
color: var(--text-primary);
} html[data-theme="light"] .ai-study-teacher-dashboard .ai-study-register-tabs button:not(.is-active),
html:not([data-theme]) .ai-study-teacher-dashboard .ai-study-register-tabs button:not(.is-active),
.ai-study-teacher-dashboard[data-ai-study-theme="light"] .ai-study-register-tabs button:not(.is-active) {
color: #0F172A !important;
background: #FFFFFF !important;
border-color: #CBD5E1 !important;
}
html[data-theme="light"] .ai-study-teacher-dashboard .ai-study-register-tabs button:not(.is-active):hover,
html:not([data-theme]) .ai-study-teacher-dashboard .ai-study-register-tabs button:not(.is-active):hover,
.ai-study-teacher-dashboard[data-ai-study-theme="light"] .ai-study-register-tabs button:not(.is-active):hover {
color: var(--teacher-accent) !important;
background: var(--teacher-accent-soft) !important;
border-color: var(--teacher-accent-border) !important;
} html[data-theme="dark"] .ai-study-teacher-dashboard .ai-study-register-tabs button:not(.is-active),
.ai-study-teacher-dashboard[data-ai-study-theme="dark"] .ai-study-register-tabs button:not(.is-active) {
color: #EAF2FF !important;
background: var(--card-bg) !important;
border-color: var(--card-border) !important;
}
.ai-study-register-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.ai-study-register-grid label {
display: grid;
gap: 6px;
font-size: 13px;
}
.ai-study-register-full {
grid-column: 1 / -1;
}
.ai-study-register-inline-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
@media (max-width: 900px) {
.ai-study-register-layout {
grid-template-columns: 1fr;
}
.ai-study-register-grid {
grid-template-columns: 1fr;
}
}
.ai-study-teacher-mobile-menu {
display: none;
} .ai-study-portal-switch {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin: 0 0 20px;
padding: 6px;
border-radius: 16px;
background: var(--card-active-bg, #f1f5f9);
border: 1px solid var(--card-border, #e2e8f0);
}
.ai-study-portal-switch__btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 10px 12px;
border: 2px solid transparent;
border-radius: 12px;
background: transparent;
color: var(--text-secondary, #64748b);
font-size: 14px;
font-weight: 800;
cursor: pointer;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}
.ai-study-portal-switch__btn.is-active {
background: var(--card-bg, #fff);
border-color: var(--primary, #2563EB);
color: var(--primary, #2563EB);
box-shadow: 0 4px 14px rgba(37, 99, 235, 0.12);
}
.ai-study-portal-switch__btn[data-ai-study-portal-option="teacher"].is-active {
border-color: var(--teacher-accent);
color: var(--teacher-accent);
box-shadow: 0 4px 14px rgba(124, 58, 237, 0.15);
}
.ai-study-portal-gate {
max-width: 520px;
margin: 40px auto;
padding: 24px;
border-radius: 16px;
background: var(--card-bg);
border: 1px solid var(--card-border);
text-align: center;
}
.ai-study-portal-gate__actions {
margin: 16px 0 10px;
}
html[data-theme="dark"] .ai-study-teacher-dashboard,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-teacher-dashboard {
--teacher-accent-soft: #4C1D95;
} .ai-study-live-class-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
margin-bottom: 16px;
}
.ai-study-live-class-schedule,
.ai-study-live-class-list-wrap {
padding: 16px;
border: 1px solid var(--card-border, #dce4ec);
border-radius: 16px;
background: var(--card-bg, #fff);
}
.ai-study-live-class-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.ai-study-live-class-form-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.ai-study-live-class-list {
display: grid;
gap: 10px;
max-height: 420px;
overflow-y: auto;
}
.ai-study-live-class-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px;
border: 1px solid var(--card-border, #e4eaf1);
border-radius: 12px;
background: var(--section-bg, #f8fafc);
}
.ai-study-live-class-item__body {
display: grid;
gap: 4px;
min-width: 0;
flex: 1 1 180px;
}
.ai-study-live-class-item__actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.ai-study-live-badge {
display: inline-block;
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
background: #e2e8f0;
color: #334155;
}
.ai-study-live-badge--live {
background: #fee2e2;
color: #b91c1c;
animation: aiStudyLivePulse 1.5s ease-in-out infinite;
}
.ai-study-live-badge--scheduled {
background: #dbeafe;
color: #1d4ed8;
}
@keyframes aiStudyLivePulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.65; }
}
.ai-study-live-room {
margin-top: 16px;
padding: 14px;
border: 2px solid #6366f1;
border-radius: 16px;
background: #0f172a;
}
.ai-study-live-room__head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
color: #f8fafc;
}
.ai-study-live-room__head .ai-study-muted {
color: #cbd5e1;
}
.ai-study-live-room__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ai-study-live-room__frame {
width: 100%;
min-height: 420px;
height: min(70vh, 640px);
border-radius: 12px;
overflow: hidden;
background: #111827;
}
.ai-study-live-room-hint {
margin: 10px 0 0;
color: #94a3b8 !important;
font-size: 12px;
}
.ai-study-live-end-btn {
border-color: #fca5a5 !important;
color: #fecaca !important;
}
.ai-study-student-live-class {
margin-bottom: 18px;
padding: 16px;
border: 1px solid var(--card-border, #dce4ec);
border-radius: 16px;
background: linear-gradient(135deg, #eef2ff, #fff);
}
.ai-study-student-live-class__head h3 {
margin: 0 0 4px;
}
.ai-study-student-live-list {
display: grid;
gap: 10px;
margin-top: 12px;
}
.ai-study-student-live-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px;
border-radius: 12px;
background: #fff;
border: 1px solid #e2e8f0;
}
.ai-study-live-room--student {
margin-top: 12px;
}
@media (max-width: 768px) {
.ai-study-teacher-stat-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ai-study-teacher-mobile-menu {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}
.ai-study-teacher-sidebar {
display: none !important;
}
.ai-study-live-class-grid {
grid-template-columns: 1fr;
}
.ai-study-live-class-form-row {
grid-template-columns: 1fr;
}
.ai-study-live-room__frame {
min-height: 320px;
height: 55vh;
}
}
@media (max-width: 480px) {
.ai-study-portal-switch {
grid-template-columns: 1fr;
}
.ai-study-teacher-stat-grid {
grid-template-columns: 1fr;
}
} .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(.ai-study-student-live-class,.ai-study-student-inbox,.ai-study-live-class,.ai-study-live-room) :where(h1,h2,h3,h4,h5,h6,strong,label,p,span,small,div,li),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-student-live-class,.ai-study-student-inbox,.ai-study-live-class,.ai-study-live-room) :where(h1,h2,h3,h4,h5,h6,strong,label,p,span,small,div,li),
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-student-live-class,.ai-study-student-inbox,.ai-study-live-class,.ai-study-live-room) :where(h1,h2,h3,h4,h5,h6,strong,label,p,span,small,div,li) {
color: #f8fafc !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-study-table-controls,
.ai-study-table-controls--wide,
.ai-study-table-controls--english,
.ai-study-tool-actions,
.ai-study-english-tool-controls,
.ai-study-premium-fields,
.ai-study-inline-form,
.ai-study-filter-bar {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
gap: 12px !important;
align-items: end !important;
width: 100% !important;
min-width: 0 !important;
}
.ai-study-table-controls > .ai-study-primary-button,
.ai-study-table-controls > .ai-study-secondary-button,
.ai-study-tool-actions > .ai-study-primary-button,
.ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-tool-actions > .ai-study-upload-button {
width: 100% !important;
max-width: 100% !important;
justify-self: stretch !important;
white-space: normal !important;
}
.ai-study-field-label,
.ai-study-compact-label {
min-width: 0 !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
.ai-study-field-label input,
.ai-study-field-label select,
.ai-study-field-label textarea,
.ai-study-compact-label select {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
} .ai-study-section__header {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin-bottom: 14px !important;
min-width: 0 !important;
}
.ai-study-section__header h2,
.ai-study-section__header h3,
.ai-study-section__header h4 {
margin: 0 !important;
line-height: 1.3 !important;
white-space: normal !important;
overflow-wrap: break-word !important;
}
.ai-study-section__header .ai-study-muted,
.ai-study-section__header p {
margin: 0 !important;
line-height: 1.45 !important;
white-space: normal !important;
overflow-wrap: break-word !important;
} .ai-study-table-builder .ai-study-output-window,
.ai-study-table-builder .ai-study-input-window,
.ai-study-master-card .ai-study-output-window,
.ai-study-english-tool-card .ai-study-output-window,
.ai-study-tool-panel .ai-study-output-window.ai-study-tool-output {
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin-top: 12px !important;
}
.ai-study-table-builder .ai-study-output-window__head,
.ai-study-master-card .ai-study-output-window__head {
margin-bottom: 8px !important;
padding: 0 !important;
}
.ai-study-table-builder .ai-study-table-output,
.ai-study-master-card .ai-study-table-output,
.ai-study-english-tool-card .ai-study-table-output {
margin-top: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
overflow-x: auto !important;
} .ai-study-table-output .ai-study-live-agent-sync-bar,
.ai-study-output-window .ai-study-live-agent-sync-bar,
.ai-study-answer-box .ai-study-live-agent-sync-bar,
[data-ai-study-calculation-output] .ai-study-live-agent-sync-bar,
[data-ai-study-formula-output] .ai-study-live-agent-sync-bar {
margin-top: 10px !important;
padding: 8px 0 0 !important;
border: none !important;
border-top: 1px dashed #d0d9e6 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.ai-study-live-agent-sync-bar button {
max-width: 100% !important;
white-space: normal !important;
} .ai-study-main,
.ai-study-panel,
.ai-study-table-builder,
.ai-study-master-card,
.ai-study-english-tool-card,
.ai-study-tool-panel {
min-width: 0 !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
.ai-study-tool-grid,
.ai-study-tool-grid--reading-layout {
grid-template-columns: minmax(0, 1fr) !important;
gap: 14px !important;
} .ep-seo-user-actions .ep-seo-user-btn {
width: 100% !important;
font: inherit !important;
appearance: none !important;
-webkit-appearance: none !important;
}
.ep-seo-user-actions button.ep-seo-user-btn {
cursor: pointer !important;
} @media (max-width: 720px) {
.ai-study-table-controls,
.ai-study-table-controls--wide,
.ai-study-table-controls--english,
.ai-study-tool-actions,
.ai-study-english-tool-controls {
grid-template-columns: 1fr !important;
}
.ai-study-main {
padding: 12px 10px !important;
}
.ai-study-table-builder,
.ai-study-master-card,
.ai-study-english-tool-card {
padding: 14px 12px !important;
}
} .ai-study-panel[data-ai-study-panel="subscription"],
.ai-study-section--subscription-clean,
.ai-study-section--subscription-clean * {
box-sizing: border-box !important;
}
.ai-study-panel[data-ai-study-panel="subscription"] {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow-x: hidden !important;
} .ai-study-section.ai-study-section--subscription-clean {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
padding: clamp(14px, 2vw, 24px) !important;
margin: 0 !important;
border: 1px solid var(--card-border, #dce4ec) !important;
border-radius: 24px !important;
background: var(--card-bg, #ffffff) !important;
box-shadow: var(--shadow, 0 12px 30px rgba(15, 23, 42, 0.08)) !important;
transform: none !important;
}
.ai-study-section.ai-study-section--subscription-clean:hover {
transform: none !important;
}
.ai-study-section--subscription-clean > .ai-study-section__header {
padding: 0 !important;
margin: 0 0 8px !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.ai-study-section--subscription-clean > .ai-study-muted {
margin: 0 0 16px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
} .ai-study-section--subscription-clean .ai-study-buy-credits-box,
.ai-study-section--subscription-clean .ai-study-subscription-current {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
.ai-study-section--subscription-clean .ai-study-buy-credits-box {
margin: 18px 0 20px !important;
}
.ai-study-section--subscription-clean .ai-study-subscription-current {
margin-top: 16px !important;
padding-top: 14px !important;
border-top: 1px solid var(--card-border, #dce4ec) !important;
}
.ai-study-section--subscription-clean .ai-study-buy-credits-box:hover,
.ai-study-section--subscription-clean .ai-study-subscription-current:hover {
transform: none !important;
box-shadow: none !important;
} .ai-study-section--subscription-clean .ai-study-credit-pack-grid,
.ai-study-section--subscription-clean .ai-study-subscription-grid {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
gap: 14px !important;
margin: 14px 0 0 !important;
}
.ai-study-section--subscription-clean .ai-study-subscription-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
gap: 14px !important;
margin: 18px 0 16px !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-card,
.ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
min-width: 0 !important;
max-width: 100% !important;
padding: 16px !important;
border: 1px solid var(--card-border, rgba(148, 163, 184, 0.28)) !important;
border-radius: 18px !important;
background: var(--card-bg, #ffffff) !important;
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07) !important;
overflow: hidden !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-card:hover,
.ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box:hover {
transform: translateY(-1px) !important;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10) !important;
}
.ai-study-section--subscription-clean .ai-study-gateway-row {
display: grid !important;
grid-template-columns: minmax(118px, 0.9fr) minmax(130px, auto) !important;
gap: 10px !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 12px !important;
}
.ai-study-section--subscription-clean .ai-study-gateway-row select,
.ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 42px !important;
justify-content: center !important;
white-space: normal !important;
}
.ai-study-section--subscription-clean .ai-study-payment-status,
.ai-study-section--subscription-clean .ai-study-payment-mode,
.ai-study-section--subscription-clean .ai-study-credit-balance-pill {
max-width: 100% !important;
}
@media (max-width: 900px) {
.ai-study-section.ai-study-section--subscription-clean {
padding: 16px 14px !important;
border-radius: 20px !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-grid,
.ai-study-section--subscription-clean .ai-study-subscription-grid {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 12px !important;
}
}
@media (max-width: 620px) {
.ai-study-section.ai-study-section--subscription-clean {
padding: 12px 10px !important;
border-radius: 16px !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-grid,
.ai-study-section--subscription-clean .ai-study-subscription-grid {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-card,
.ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
padding: 14px 12px !important;
border-radius: 14px !important;
}
.ai-study-section--subscription-clean .ai-study-gateway-row {
grid-template-columns: 1fr !important;
}
.ai-study-section--subscription-clean .ai-study-price {
font-size: 22px !important;
line-height: 1.2 !important;
}
}
@media (max-width: 420px) {
.ai-study-section.ai-study-section--subscription-clean {
padding: 10px 8px !important;
}
} .ai-study-dashboard.ai-study-dashboard--subscription-active,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] {
background: transparent !important;
overflow-x: clip !important;
}
.ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-shell,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-shell {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
.ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-main,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-main {
background: transparent !important;
padding: clamp(10px, 1.6vw, 18px) !important;
overflow: visible !important;
} .ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) {
background: transparent !important;
overflow-x: clip !important;
}
.ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-shell {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
.ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-main {
background: transparent !important;
padding: clamp(10px, 1.6vw, 18px) !important;
overflow: visible !important;
} .ep-seo-section--top-dashboard .ep-seo-app:has(.ai-study-dashboard.ai-study-dashboard--subscription-active),
.ep-seo-section--top-dashboard .ep-seo-app:has(.ai-study-dashboard[data-ai-study-active-panel="subscription"]),
.ep-seo-section--top-dashboard .ep-seo-app:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding-left: clamp(4px, 1vw, 12px) !important;
padding-right: clamp(4px, 1vw, 12px) !important;
overflow: visible !important;
} .ai-study-section.ai-study-section--subscription-clean {
overflow: visible !important;
padding: clamp(16px, 2.2vw, 28px) !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-grid {
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
align-items: stretch !important;
}
.ai-study-section--subscription-clean .ai-study-subscription-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
align-items: stretch !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-card,
.ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
overflow: visible !important;
}
.ai-study-section--subscription-clean .ai-study-gateway-row {
grid-template-columns: minmax(104px, 0.8fr) minmax(112px, 1fr) !important;
gap: 10px !important;
overflow: visible !important;
}
.ai-study-section--subscription-clean .ai-study-gateway-row select {
min-width: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
font-size: 14px !important;
text-overflow: ellipsis !important;
}
.ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
min-width: 0 !important;
padding: 9px 12px !important;
font-size: 14px !important;
line-height: 1.15 !important;
white-space: nowrap !important;
overflow: visible !important;
}
@media (max-width: 900px) {
.ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-main,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-main,
.ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-main {
padding: 12px !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-grid,
.ai-study-section--subscription-clean .ai-study-subscription-grid {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
}
}
@media (max-width: 620px) {
.ai-study-dashboard.ai-study-dashboard--subscription-active .ai-study-main,
.ai-study-dashboard[data-ai-study-active-panel="subscription"] .ai-study-main,
.ai-study-dashboard:has(.ai-study-panel[data-ai-study-panel="subscription"].is-active) .ai-study-main {
padding: 8px 4px !important;
}
.ai-study-section.ai-study-section--subscription-clean {
padding: 12px 10px !important;
border-radius: 16px !important;
}
.ai-study-section--subscription-clean .ai-study-credit-pack-grid,
.ai-study-section--subscription-clean .ai-study-subscription-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 360px) {
.ai-study-section--subscription-clean .ai-study-gateway-row {
grid-template-columns: 1fr !important;
}
.ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
white-space: normal !important;
}
}  .ep-seo-section--top-dashboard {
padding-top: clamp(10px, 1.6vw, 22px) !important;
}
.ep-seo-section--top-dashboard .ep-seo-app {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
.ep-seo-section--top-dashboard .ep-seo-app > h2,
.ep-seo-section--top-dashboard .ep-seo-app > p {
max-width: 100% !important;
} .ai-study-dashboard {
background: transparent !important;
overflow-x: clip !important;
}
.ai-study-dashboard .ai-study-shell {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: visible !important;
gap: clamp(12px, 1.6vw, 20px) !important;
align-items: start !important;
}
.ai-study-dashboard .ai-study-main {
background: transparent !important;
padding: 0 !important;
overflow: visible !important;
} .ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
transform: none !important;
align-self: start !important;
position: sticky;
top: 88px;
background: var(--card-bg, #ffffff) !important;
border: 1px solid var(--card-border, #dbe3ef) !important;
border-radius: 22px !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
padding: 14px !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-panel {
min-width: 0 !important;
} .ai-study-dashboard .ai-study-section:hover,
.ai-study-dashboard .ai-study-master-card:hover,
.ai-study-dashboard .ai-study-english-tool-card:hover,
.ai-study-dashboard .ai-study-vocab-card:hover,
.ai-study-dashboard .ai-study-mobile-quick-card:hover {
transform: translateY(-1px) !important;
} .ep-seo-nav--profile-status .ep-seo-nav-inner--clean {
gap: 14px !important;
}
.ep-seo-profile-strip {
display: flex !important;
align-items: stretch !important;
gap: 12px !important;
min-width: 0 !important;
flex: 1 1 auto !important;
}
.ep-seo-profile-main-btn {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
min-height: 52px !important;
border: 0 !important;
border-radius: 16px !important;
padding: 8px 14px 8px 8px !important;
background: linear-gradient(135deg, #2563eb, #4f46e5, #7c3aed) !important;
color: #ffffff !important;
box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22) !important;
cursor: pointer !important;
flex: 0 0 auto !important;
}
.ep-seo-profile-main-btn__avatar {
width: 36px !important;
height: 36px !important;
border-radius: 12px !important;
display: grid !important;
place-items: center !important;
background: rgba(255, 255, 255, 0.18) !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 950 !important;
}
.ep-seo-profile-main-btn__copy {
display: grid !important;
text-align: left !important;
line-height: 1.12 !important;
min-width: 0 !important;
}
.ep-seo-profile-main-btn__copy strong {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 950 !important;
}
.ep-seo-profile-main-btn__copy em {
color: rgba(255, 255, 255, 0.82) !important;
font-style: normal !important;
font-size: 11px !important;
font-weight: 700 !important;
max-width: 190px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !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;
}
.ep-seo-header-plan-card,
.ep-seo-header-limit-card {
appearance: none !important;
-webkit-appearance: none !important;
border: 1px solid #dbeafe !important;
border-radius: 16px !important;
background: linear-gradient(135deg, #ffffff, #f8fbff) !important;
color: #0f172a !important;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;
text-align: left !important;
cursor: pointer !important;
min-height: 52px !important;
padding: 8px 12px !important;
min-width: 0 !important;
}
.ep-seo-header-plan-card {
display: grid !important;
align-content: center !important;
gap: 2px !important;
flex: 0 1 230px !important;
}
.ep-seo-header-plan-card span,
.ep-seo-header-limit-head i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: fit-content !important;
border-radius: 999px !important;
padding: 2px 9px !important;
background: #fff7ed !important;
border: 1px solid #fdba74 !important;
color: #9a3412 !important;
font-style: normal !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
}
.ep-seo-header-plan-card strong {
color: #0f172a !important;
font-size: 13px !important;
font-weight: 950 !important;
line-height: 1.2 !important;
}
.ep-seo-header-plan-card p {
margin: 0 !important;
color: #334155 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ep-seo-header-limit-card {
display: grid !important;
gap: 3px !important;
flex: 1 1 330px !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 {
color: #1f2937 !important;
font-size: 11px !important;
font-weight: 950 !important;
text-transform: uppercase !important;
letter-spacing: .02em !important;
}
.ep-seo-header-limit-line {
color: #0f172a !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ep-seo-header-limit-card small {
display: inline-flex !important;
width: fit-content !important;
border-radius: 999px !important;
padding: 2px 8px !important;
background: #dbeafe !important;
color: #1d4ed8 !important;
font-size: 11px !important;
font-weight: 900 !important;
line-height: 1.25 !important;
}
.ep-seo-header-limit-track {
display: block !important;
height: 5px !important;
width: 100% !important;
border-radius: 999px !important;
background: #d7deea !important;
overflow: hidden !important;
}
.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-clean-actions--logout-only {
flex: 0 0 auto !important;
}
@media (max-width: 1180px) {
.ep-seo-header-plan-card {
flex-basis: 190px !important;
}
.ep-seo-header-limit-card {
flex-basis: 260px !important;
}
.ep-seo-profile-main-btn__copy em {
max-width: 130px !important;
}
}
@media (max-width: 980px) {
.ep-seo-header-info-cards {
overflow-x: auto !important;
padding-bottom: 2px !important;
}
.ep-seo-header-plan-card,
.ep-seo-header-limit-card {
flex: 0 0 220px !important;
}
.ep-seo-profile-main-btn__copy em {
display: none !important;
}
}
@media (max-width: 768px) {
.ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
position: static !important;
top: auto !important;
}
.ep-seo-section--top-dashboard .ep-seo-app {
padding: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
}  .ep-seo-section--top-dashboard,
.ep-seo-section--top-dashboard .ep-seo-wrap,
.ep-seo-section--top-dashboard .ep-seo-app {
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.ep-seo-section--top-dashboard {
padding: clamp(8px, 1.5vw, 18px) 0 clamp(28px, 4vw, 54px) !important;
background: transparent !important;
overflow-x: hidden !important;
}
.ep-seo-section--top-dashboard .ep-seo-wrap {
width: min(1260px, calc(100% - clamp(12px, 2.2vw, 32px))) !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ep-seo-section--top-dashboard .ep-seo-app {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
overflow: visible !important;
} .ai-study-dashboard,
.ai-study-dashboard * {
box-sizing: border-box !important;
}
.ai-study-dashboard {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow-x: hidden !important;
}
.ai-study-dashboard .ai-study-shell {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
display: grid !important;
grid-template-columns: minmax(200px, 236px) minmax(0, 1fr) !important;
gap: clamp(12px, 1.8vw, 22px) !important;
align-items: start !important;
min-height: auto !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-main,
.ai-study-dashboard .ai-study-panel {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
} .ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
width: 100% !important;
max-width: 236px !important;
min-width: 0 !important;
align-self: start !important;
position: sticky !important;
top: 88px !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-student-profile {
display: grid !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 0 2px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-brand-mark {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 2px !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.ai-study-dashboard .ai-study-tabs .ai-theme-toggle,
.ai-study-dashboard .ai-study-tabs .ai-study-tab,
.ai-study-dashboard .ai-study-tabs .ai-study-logout-button,
.ai-study-dashboard .ai-study-tabs .ai-study-primary-button,
.ai-study-dashboard .ai-study-tabs .ai-study-secondary-button {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
.ai-study-dashboard .ai-study-tabs .ai-theme-toggle {
margin: 0 !important;
}
.ai-study-dashboard .ai-study-tabs .ai-study-tab {
margin: 0 !important;
} .ai-study-dashboard :where(.ai-study-hero,.ai-study-scan-hero,.ai-study-buddy-card,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-vocab-card,.ai-study-question-card,.ai-study-advanced-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-result-box,.ai-study-output-window,.ai-study-input-window,.ai-study-answer-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-history-item,.ai-study-streak-badge,.ai-study-subscription-box,.ai-study-credit-pack-card) {
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow-wrap: anywhere !important;
}
.ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,em,label,legend,summary,li,td,th,button,a) {
max-width: 100% !important;
overflow-wrap: anywhere !important;
}
.ai-study-dashboard :where(input,textarea,select,button) {
max-width: 100% !important;
min-width: 0 !important;
}
.ai-study-dashboard :where(.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-pay-now-btn) {
white-space: normal !important;
line-height: 1.2 !important;
text-align: center !important;
}
.ai-study-dashboard .ai-study-hero--compact,
.ai-study-dashboard .ai-study-buddy-card--compact {
width: 100% !important;
min-width: 0 !important;
}
.ai-study-dashboard .ai-study-hero--compact {
display: flex !important;
align-items: flex-start !important;
gap: clamp(10px, 1.4vw, 16px) !important;
padding: clamp(18px, 2.4vw, 28px) !important;
}
.ai-study-dashboard .ai-study-hero__body {
min-width: 0 !important;
flex: 1 1 220px !important;
}
.ai-study-dashboard .ai-study-buddy-card--compact {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) !important;
gap: 12px !important;
padding: clamp(16px, 2vw, 22px) !important;
}
.ai-study-dashboard .ai-study-buddy-actions,
.ai-study-dashboard .ai-study-tool-actions,
.ai-study-dashboard .ai-study-camera-voice-bar,
.ai-study-dashboard .ai-study-form-actions,
.ai-study-dashboard .ai-study-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
min-width: 0 !important;
max-width: 100% !important;
}
.ai-study-dashboard .ai-study-buddy-actions > *,
.ai-study-dashboard .ai-study-tool-actions > *,
.ai-study-dashboard .ai-study-camera-voice-bar > *,
.ai-study-dashboard .ai-study-form-actions > *,
.ai-study-dashboard .ai-study-actions > * {
min-width: 0 !important;
}
.ai-study-dashboard .ai-study-stat-grid,
.ai-study-dashboard .ai-study-streak-grid,
.ai-study-dashboard .ai-study-mobile-quick-grid,
.ai-study-dashboard .ai-study-subscription-grid,
.ai-study-dashboard .ai-study-credit-pack-grid,
.ai-study-dashboard .ai-study-feature-grid {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)) !important;
gap: clamp(10px, 1.4vw, 14px) !important;
}
.ai-study-dashboard .ai-study-table-output,
.ai-study-dashboard .ai-study-history-list,
.ai-study-dashboard .ai-study-answer-output {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
} @media (max-width: 1180px) {
.ai-study-dashboard .ai-study-shell {
grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) !important;
gap: 14px !important;
}
.ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
max-width: 220px !important;
}
.ai-study-dashboard .ai-study-tabs .ai-study-tab,
.ai-study-dashboard .ai-study-tabs .ai-theme-toggle,
.ai-study-dashboard .ai-study-tabs .ai-study-logout-button {
font-size: 13px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media (max-width: 940px) {
.ep-seo-section--top-dashboard .ep-seo-wrap {
width: min(100% - 18px, 1260px) !important;
}
.ai-study-dashboard .ai-study-shell {
grid-template-columns: minmax(172px, 196px) minmax(0, 1fr) !important;
gap: 12px !important;
}
.ai-study-dashboard .ai-study-tabs.ai-study-desktop-only {
max-width: 196px !important;
}
.ai-study-dashboard .ai-study-brand-mark {
font-size: 12px !important;
}
.ai-study-dashboard .ai-study-hero--compact {
flex-wrap: wrap !important;
}
.ai-study-dashboard .ai-study-buddy-actions > button {
flex: 1 1 150px !important;
}
} @media (max-width: 768px) {
.ep-seo-section--top-dashboard .ep-seo-wrap {
width: min(100% - 14px, 1260px) !important;
}
.ep-seo-section--top-dashboard .ep-seo-app > h2,
.ep-seo-section--top-dashboard .ep-seo-app > p {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ai-study-dashboard {
padding: 0 !important;
overflow-x: hidden !important;
}
.ai-study-dashboard .ai-study-shell {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.ai-study-dashboard .ai-study-main,
.ai-study-dashboard .ai-study-panel {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.ai-study-dashboard .ai-study-mobile-only {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.ai-study-dashboard .ai-study-header-card {
padding: 12px !important;
border-radius: 18px !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-header-top {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.ai-study-dashboard .ai-study-dashboard-title {
text-align: left !important;
font-size: clamp(18px, 5vw, 22px) !important;
}
.ai-study-dashboard .ai-study-menu {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.ai-study-dashboard .ai-study-hero--compact,
.ai-study-dashboard .ai-study-buddy-card--compact {
padding: 14px 12px !important;
border-radius: 18px !important;
}
.ai-study-dashboard .ai-study-hero--compact {
flex-direction: column !important;
}
.ai-study-dashboard .ai-study-buddy-card--compact {
grid-template-columns: 1fr !important;
}
.ai-study-dashboard .ai-study-buddy-actions > *,
.ai-study-dashboard .ai-study-tool-actions > *,
.ai-study-dashboard .ai-study-camera-voice-bar > *,
.ai-study-dashboard .ai-study-form-actions > * {
flex: 1 1 100% !important;
width: 100% !important;
}
.ai-study-dashboard .ai-study-stat-grid,
.ai-study-dashboard .ai-study-streak-grid,
.ai-study-dashboard .ai-study-subscription-grid,
.ai-study-dashboard .ai-study-credit-pack-grid,
.ai-study-dashboard .ai-study-feature-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 440px) {
.ep-seo-section--top-dashboard .ep-seo-wrap {
width: min(100% - 10px, 1260px) !important;
}
.ai-study-dashboard .ai-study-menu {
grid-template-columns: 1fr !important;
}
.ai-study-dashboard :where(.ai-study-hero,.ai-study-scan-hero,.ai-study-buddy-card,.ai-study-section,.ai-study-card,.ai-study-stat-card,.ai-study-master-card,.ai-study-english-tool-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-subscription-box,.ai-study-credit-pack-card) {
border-radius: 14px !important;
}
.ai-study-dashboard :where(.ai-study-primary-button,.ai-study-secondary-button,.ai-study-upload-button,.ai-study-pay-now-btn) {
width: 100% !important;
min-height: 44px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
} @media (max-width: 820px) {
.ep-seo-profile-strip {
flex-wrap: wrap !important;
width: 100% !important;
}
.ep-seo-profile-main-btn {
flex: 1 1 190px !important;
}
.ep-seo-header-info-cards {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)) !important;
width: 100% !important;
overflow: visible !important;
}
.ep-seo-header-plan-card,
.ep-seo-header-limit-card {
flex: none !important;
width: 100% !important;
}
.ep-seo-clean-actions--logout-only {
width: 100% !important;
}
}  @media (max-width: 768px) {
.ai-study-dashboard > .ai-study-shell > .ai-study-tabs.ai-study-desktop-only,
.ai-study-dashboard .ai-study-shell > aside.ai-study-tabs.ai-study-desktop-only {
display: none !important;
visibility: hidden !important;
height: 0 !important;
max-height: 0 !important;
width: 0 !important;
max-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
overflow: hidden !important;
}
.ai-study-dashboard .ai-study-shell {
display: block !important;
grid-template-columns: 1fr !important;
} .ai-study-dashboard .ai-study-header-card {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.ai-study-dashboard .ai-study-header-top {
display: none !important;
} .ai-study-mobile-only .ep-profile-panel {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 12px !important;
padding: 12px !important;
border-radius: 22px !important;
overflow: hidden !important;
}
.ai-study-mobile-only .ep-profile-panel.is-collapsed,
.ai-study-mobile-only .ep-profile-panel.is-expanded {
padding: 12px !important;
}
.ai-study-mobile-only .ep-profile-collapsed-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 42px !important;
gap: 10px !important;
align-items: center !important;
}
.ai-study-mobile-only .ep-profile-collapsed-row .ep-user-left {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) !important;
gap: 10px !important;
align-items: center !important;
min-width: 0 !important;
}
.ai-study-mobile-only .ep-avatar {
width: 54px !important;
height: 54px !important;
min-width: 54px !important;
min-height: 54px !important;
border-radius: 18px !important;
}
.ai-study-mobile-only .ep-profile-summary,
.ai-study-mobile-only .ep-profile-name,
.ai-study-mobile-only .ep-profile-meta,
.ai-study-mobile-only .ep-role-label,
.ai-study-mobile-only .ep-plan-badge-inline {
min-width: 0 !important;
max-width: 100% !important;
word-break: normal !important;
overflow-wrap: normal !important;
white-space: normal !important;
}
.ai-study-mobile-only .ep-profile-name {
font-size: clamp(17px, 4.7vw, 21px) !important;
line-height: 1.15 !important;
}
.ai-study-mobile-only .ep-profile-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 4px !important;
}
.ai-study-mobile-only .ep-profile-toggle {
width: 40px !important;
height: 40px !important;
border-radius: 14px !important;
}
.ai-study-mobile-only .ep-mobile-details,
.ai-study-mobile-only .ep-profile-expand {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.ai-study-mobile-only .ep-profile-panel.is-expanded .ep-mobile-details,
.ai-study-mobile-only .ep-profile-panel.is-expanded .ep-profile-expand {
margin-top: 12px !important;
}
.ai-study-mobile-only .ep-premium-status {
margin: 0 0 12px !important;
padding: 12px !important;
border-radius: 16px !important;
} .ai-study-mobile-only .ep-limit-grid,
.ai-study-mobile-only .ep-limit-grid.is-split,
.ai-study-mobile-only .limit-upgrade-wrap,
.ai-study-mobile-only .limit-upgrade-wrap.is-split,
.ai-study-mobile-only .limit-upgrade-wrap.is-premium-plan {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.ai-study-mobile-only .ep-limit-card,
.ai-study-mobile-only .ep-upgrade-card,
.ai-study-mobile-only .limit-card,
.ai-study-mobile-only .upgrade-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 13px !important;
border-radius: 18px !important;
overflow: visible !important;
}
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter,
.ai-study-mobile-only .limit-card__meter {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
.ai-study-mobile-only .ep-card-top,
.ai-study-mobile-only .ep-limit-card .ep-card-top,
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__head {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) auto !important;
gap: 10px !important;
align-items: start !important;
width: 100% !important;
min-width: 0 !important;
}
.ai-study-mobile-only .ep-card-copy {
min-width: 0 !important;
max-width: 100% !important;
display: grid !important;
gap: 4px !important;
}
.ai-study-mobile-only .ep-card-top h3,
.ai-study-mobile-only .ep-card-top .ai-study-usage-meter__label,
.ai-study-mobile-only .ep-usage-line,
.ai-study-mobile-only .ai-study-usage-meter__text,
.ai-study-mobile-only .ai-study-credit-inline,
.ai-study-mobile-only .ai-study-usage-meter__hint,
.ai-study-mobile-only .ep-premium-status *,
.ai-study-mobile-only .ep-actions *,
.ai-study-mobile-only .ep-buy-btn,
.ai-study-mobile-only .ep-upgrade-btn {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
letter-spacing: normal !important;
}
.ai-study-mobile-only .ep-card-top h3,
.ai-study-mobile-only .ep-card-top .ai-study-usage-meter__label {
font-size: 15px !important;
line-height: 1.22 !important;
white-space: normal !important;
}
.ai-study-mobile-only .ep-usage-line,
.ai-study-mobile-only .ai-study-usage-meter__text {
display: block !important;
font-size: 13px !important;
line-height: 1.35 !important;
white-space: normal !important;
}
.ai-study-mobile-only .ep-usage-line strong,
.ai-study-mobile-only .ai-study-usage-meter__text strong {
display: inline !important;
font-size: 18px !important;
line-height: 1.25 !important;
white-space: nowrap !important;
}
.ai-study-mobile-only .ai-study-credit-inline {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
max-width: 100% !important;
white-space: nowrap !important;
padding: 6px 10px !important;
line-height: 1.2 !important;
border-radius: 999px !important;
}
.ai-study-mobile-only .ep-plan-badge,
.ai-study-mobile-only .ai-study-usage-meter__plan,
.ai-study-mobile-only .ai-study-plan-pill {
width: auto !important;
max-width: 92px !important;
white-space: nowrap !important;
line-height: 1.2 !important;
text-align: center !important;
}
.ai-study-mobile-only .ep-progress,
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__track {
width: 100% !important;
max-width: 100% !important;
height: 8px !important;
margin: 12px 0 8px !important;
}
.ai-study-mobile-only .ep-actions,
.ai-study-mobile-only .ep-actions--premium,
.ai-study-mobile-only .upgrade-actions,
.ai-study-mobile-only .ai-study-limit-cta-actions {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.ai-study-mobile-only .ep-buy-btn,
.ai-study-mobile-only .ep-upgrade-btn,
.ai-study-mobile-only .ai-study-limit-cta-btn,
.ai-study-mobile-only .ai-study-manage-plan-btn {
width: 100% !important;
min-height: 48px !important;
padding: 11px 12px !important;
border-radius: 16px !important;
font-size: 15px !important;
line-height: 1.2 !important;
white-space: normal !important;
text-align: center !important;
}
.ai-study-mobile-only .ep-profile-expand-footer {
margin-top: 12px !important;
}
.ai-study-mobile-only .ep-logout-form,
.ai-study-mobile-only .ep-logout-btn {
width: 100% !important;
}
.ai-study-mobile-only .ep-logout-btn {
min-height: 52px !important;
border-radius: 16px !important;
background: #dc2626 !important;
color: #ffffff !important;
border-color: #dc2626 !important;
} .ai-study-dashboard .ai-study-menu {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
margin: 10px 0 14px !important;
}
.ai-study-dashboard .ai-study-menu-card,
.ai-study-dashboard .ai-study-menu .ai-study-tab {
min-width: 0 !important;
min-height: 58px !important;
padding: 10px 12px !important;
border-radius: 16px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.ai-study-dashboard .ai-study-menu-card .title {
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-height: 1.15 !important;
font-size: 14px !important;
}
}
@media (max-width: 420px) {
.ep-seo-section--top-dashboard .ep-seo-wrap {
width: min(100% - 8px, 1260px) !important;
}
.ai-study-dashboard {
padding-left: 0 !important;
padding-right: 0 !important;
}
.ai-study-mobile-only .ep-profile-panel {
border-radius: 18px !important;
padding: 10px !important;
}
.ai-study-mobile-only .ep-profile-collapsed-row .ep-user-left {
grid-template-columns: 48px minmax(0, 1fr) !important;
}
.ai-study-mobile-only .ep-avatar {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
}
.ai-study-mobile-only .ep-card-top,
.ai-study-mobile-only .ep-limit-card .ep-card-top,
.ai-study-mobile-only .ep-limit-card .ai-study-usage-meter__head {
grid-template-columns: 40px minmax(0, 1fr) !important;
}
.ai-study-mobile-only .ep-plan-badge,
.ai-study-mobile-only .ai-study-usage-meter__plan {
justify-self: start !important;
grid-column: 2 !important;
max-width: 120px !important;
}
.ai-study-mobile-only .ep-icon {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
.ai-study-dashboard .ai-study-menu {
grid-template-columns: 1fr !important;
}
} .ai-study-dashboard .ai-study-student-profile,
.ai-study-dashboard .ai-study-brand-mark,
.ai-study-dashboard .ai-study-brand-easy,
.ai-study-dashboard .ai-study-brand-padhai {
overflow: visible !important;
}
.ai-study-dashboard .ai-study-brand-mark {
display: flex !important;
align-items: center !important;
gap: 5px !important;
width: auto !important;
min-height: 32px !important;
line-height: 1.25 !important;
padding: 3px 8px 4px 8px !important;
margin: 0 0 4px 0 !important;
}
.ai-study-dashboard .ai-study-brand-easy,
.ai-study-dashboard .ai-study-brand-padhai {
display: inline-flex !important;
align-items: center !important;
line-height: 1.25 !important;
min-height: 28px !important;
padding: 0 1px !important;
white-space: nowrap !important;
}
.ai-study-dashboard .ai-study-brand-easy {
margin-left: 0 !important;
padding-left: 3px !important;
} @media (min-width: 901px) {
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-credit-pack-grid {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
gap: 16px !important;
align-items: stretch !important;
}
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-subscription-grid {
grid-template-columns: repeat(auto-fit, minmax(315px, 1fr)) !important;
gap: 16px !important;
align-items: stretch !important;
}
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-credit-pack-card,
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-subscription-grid > .ai-study-subscription-box {
min-width: 0 !important;
max-width: 100% !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row {
display: grid !important;
grid-template-columns: minmax(118px, .82fr) minmax(142px, 1fr) !important;
gap: 8px !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row select,
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
min-height: 42px !important;
height: 42px !important;
max-width: 100% !important;
min-width: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-height: 1.1 !important;
font-size: 13px !important;
}
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row select {
padding: 0 28px 0 10px !important;
text-overflow: clip !important;
appearance: auto !important;
}
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row .ai-study-pay-now-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 12px !important;
border-radius: 999px !important;
}
}
@media (min-width: 901px) and (max-width: 1180px) {
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-credit-pack-grid,
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-subscription-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}
.ai-study-dashboard .ai-study-section--subscription-clean .ai-study-gateway-row {
grid-template-columns: minmax(112px, .8fr) minmax(132px, 1fr) !important;
}
} @media (max-width: 768px) {
.ai-study-dashboard .ai-study-tool-actions {
align-items: stretch !important;
height: auto !important;
min-height: 0 !important;
}
.ai-study-dashboard .ai-study-tool-actions select,
.ai-study-dashboard .ai-study-form-actions select,
.ai-study-dashboard .ai-study-actions select,
.ai-study-dashboard .ai-study-inline-form select,
.ai-study-dashboard .ai-study-premium-fields select,
.ai-study-dashboard .ai-study-table-controls select,
.ai-study-dashboard .ai-study-table-controls--wide select,
.ai-study-dashboard .ai-study-table-controls--english select,
.ai-study-dashboard .ai-study-english-tool-controls select,
.ai-study-dashboard .ai-study-compact-label select,
.ai-study-dashboard .ai-study-field-label select {
flex: 0 0 auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 48px !important;
padding: 0 38px 0 14px !important;
border-radius: 14px !important;
line-height: 46px !important;
font-size: 15px !important;
font-weight: 650 !important;
box-sizing: border-box !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
background-color: #ffffff !important;
color: #111827 !important;
border: 1px solid #cbd5e1 !important;
box-shadow: 0 8px 18px rgba(15, 23, 42, .05) !important;
appearance: auto !important;
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
}
.ai-study-dashboard .ai-study-tool-actions > select,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button {
flex-grow: 0 !important;
flex-shrink: 0 !important;
}
.ai-study-dashboard .ai-study-tool-actions .ai-study-primary-button,
.ai-study-dashboard .ai-study-tool-actions .ai-study-secondary-button,
.ai-study-dashboard .ai-study-form-actions .ai-study-primary-button,
.ai-study-dashboard .ai-study-form-actions .ai-study-secondary-button {
min-height: 44px !important;
max-height: none !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
align-items: center !important;
justify-content: center !important;
}
.ai-study-dashboard .ai-study-tool-actions .ai-study-primary-button,
.ai-study-dashboard .ai-study-tool-actions .ai-study-secondary-button {
width: 100% !important;
}
.ai-study-dashboard .ai-study-field-label,
.ai-study-dashboard .ai-study-compact-label {
height: auto !important;
min-height: 0 !important;
}
}
@media (max-width: 480px) {
.ai-study-dashboard .ai-study-tool-actions select,
.ai-study-dashboard .ai-study-form-actions select,
.ai-study-dashboard .ai-study-actions select,
.ai-study-dashboard .ai-study-inline-form select,
.ai-study-dashboard .ai-study-premium-fields select,
.ai-study-dashboard .ai-study-table-controls select,
.ai-study-dashboard .ai-study-table-controls--wide select,
.ai-study-dashboard .ai-study-table-controls--english select,
.ai-study-dashboard .ai-study-english-tool-controls select,
.ai-study-dashboard .ai-study-compact-label select,
.ai-study-dashboard .ai-study-field-label select {
height: 44px !important;
min-height: 44px !important;
max-height: 46px !important;
line-height: 44px !important;
font-size: 14px !important;
border-radius: 13px !important;
padding-left: 12px !important;
padding-right: 34px !important;
}
}
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-tool-actions select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-tool-actions select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-tool-actions select,
body.dark-mode .ai-study-dashboard .ai-study-tool-actions select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-form-actions select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-form-actions select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-form-actions select,
body.dark-mode .ai-study-dashboard .ai-study-form-actions select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-compact-label select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-compact-label select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-compact-label select,
body.dark-mode .ai-study-dashboard .ai-study-compact-label select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-field-label select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-field-label select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-field-label select,
body.dark-mode .ai-study-dashboard .ai-study-field-label select {
background-color: #111827 !important;
color: #f8fafc !important;
border-color: #334155 !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;
max-width: 100% !important;
min-height: 0 !important;
height: auto !important;
overflow: visible !important;
margin-top: 12px !important;
}
.ai-study-tool-actions > * {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.ai-study-tool-actions > .ai-study-primary-button,
.ai-study-form-actions > .ai-study-primary-button,
.ai-study-actions > .ai-study-primary-button {
order: -2 !important;
grid-column: 1 / -1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
height: 46px !important;
max-height: 48px !important;
padding: 0 16px !important;
border-radius: 999px !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
white-space: normal !important;
}
.ai-study-tool-actions > select,
.ai-study-form-actions > select,
.ai-study-actions > select,
.ai-study-inline-form > select,
.ai-study-premium-fields select,
.ai-study-english-tool-controls select,
.ai-study-table-controls select,
.ai-study-table-controls--wide select,
.ai-study-table-controls--english select,
.ai-study-compact-label select,
.ai-study-field-label select,
.ai-study-dashboard select[data-ai-study-language],
.ai-study-dashboard select[data-ai-study-class-level],
.ai-study-dashboard select[data-ai-study-extra-field] {
display: block !important;
flex: 0 0 auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 46px !important;
padding: 0 34px 0 12px !important;
border-radius: 14px !important;
line-height: normal !important;
font-size: 14px !important;
font-weight: 650 !important;
box-sizing: border-box !important;
background-color: #ffffff !important;
color: #111827 !important;
border: 1px solid #cbd5e1 !important;
box-shadow: 0 8px 18px rgba(15, 23, 42, .05) !important;
appearance: auto !important;
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-form-actions > .ai-study-secondary-button,
.ai-study-actions > .ai-study-secondary-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
height: auto !important;
padding: 8px 12px !important;
border-radius: 999px !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
white-space: normal !important;
}
.ai-study-tool-actions > select[data-ai-study-language] {
order: 1 !important;
}
.ai-study-tool-actions > select[data-ai-study-class-level] {
order: 2 !important;
}
.ai-study-tool-actions > .ai-study-secondary-button {
order: 3 !important;
}
.ai-study-voice-field {
margin-bottom: 0 !important;
}
}
@media (max-width: 430px) {
.ai-study-tool-actions {
grid-template-columns: 1fr !important;
}
.ai-study-tool-actions > .ai-study-primary-button,
.ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-tool-actions > select {
width: 100% !important;
}
}
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-tool-actions > select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-tool-actions > select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-tool-actions > select,
body.dark-mode .ai-study-dashboard .ai-study-tool-actions > select,
.ai-study-dashboard[data-ai-study-theme="dark"] .ai-study-form-actions > select,
html[data-theme="dark"] .ai-study-dashboard .ai-study-form-actions > select,
body[data-ai-study-theme="dark"] .ai-study-dashboard .ai-study-form-actions > select,
body.dark-mode .ai-study-dashboard .ai-study-form-actions > select {
background-color: #111827 !important;
color: #f8fafc !important;
border-color: #334155 !important;
} @media (max-width: 768px) {
.ai-study-dashboard .ai-study-tool-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
align-items: center !important;
justify-items: stretch !important;
margin-top: 12px !important;
overflow: visible !important;
}
.ai-study-dashboard .ai-study-tool-actions > select,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-upload-button {
grid-column: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
align-self: center !important;
justify-self: stretch !important;
aspect-ratio: auto !important;
transform: none !important;
}
.ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
.ai-study-dashboard .ai-study-form-actions > .ai-study-primary-button,
.ai-study-dashboard .ai-study-actions > .ai-study-primary-button,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-dashboard .ai-study-form-actions > .ai-study-secondary-button,
.ai-study-dashboard .ai-study-actions > .ai-study-secondary-button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 46px !important;
height: 46px !important;
max-height: 46px !important;
padding: 0 14px !important;
border-radius: 16px !important;
font-size: 14px !important;
font-weight: 850 !important;
line-height: 1.1 !important;
white-space: normal !important;
text-align: center !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button {
order: 3 !important;
}
.ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-upload-button {
order: 4 !important;
}
.ai-study-dashboard .ai-study-tool-actions > select[data-ai-study-language] {
order: 1 !important;
}
.ai-study-dashboard .ai-study-tool-actions > select[data-ai-study-class-level] {
order: 2 !important;
}
.ai-study-dashboard .ai-study-tool-actions > select {
min-height: 46px !important;
height: 46px !important;
max-height: 46px !important;
}
}
@media (max-width: 430px) {
.ai-study-dashboard .ai-study-tool-actions {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ai-study-dashboard .ai-study-tool-actions > .ai-study-primary-button,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-secondary-button,
.ai-study-dashboard .ai-study-tool-actions > .ai-study-upload-button,
.ai-study-dashboard .ai-study-tool-actions > select {
width: 100% !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
padding-left: 10px !important;
padding-right: 10px !important;
font-size: 13px !important;
border-radius: 14px !important;
}
} @media (max-width: 782px) {
.ai-study-mobile-only .ep-profile-collapsed-row {
grid-template-columns: minmax(0, 1fr) auto 42px !important;
}
.ai-study-mobile-only .ep-mobile-profile-action {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 36px !important;
min-width: 86px !important;
padding: 0 12px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow: 0 8px 18px rgba(37, 99, 235, .22) !important;
cursor: pointer !important;
margin: 0 !important;
box-sizing: border-box !important;
}
.ai-study-mobile-only .ep-mobile-profile-action:hover,
.ai-study-mobile-only .ep-mobile-profile-action:focus {
filter: saturate(1.08) !important;
outline: 2px solid rgba(37, 99, 235, .22) !important;
outline-offset: 2px !important;
}
}
@media (max-width: 420px) {
.ai-study-mobile-only .ep-profile-collapsed-row {
grid-template-columns: minmax(0, 1fr) 42px !important;
}
.ai-study-mobile-only .ep-mobile-profile-action {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
margin-top: 8px !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 {
--ep-dark-bg: #07111f;
--ep-dark-surface: #0f1d31;
--ep-dark-surface-2: #13243c;
--ep-dark-border: rgba(96, 165, 250, .45);
--ep-dark-border-soft: rgba(148, 163, 184, .24);
--ep-dark-text: #f8fafc;
--ep-dark-text-soft: #dbeafe;
--ep-dark-muted: #b8c7e0;
--ep-dark-blue: #60a5fa;
--ep-dark-shadow: 0 16px 36px rgba(0, 0, 0, .35);
background: var(--ep-dark-bg) !important;
color: var(--ep-dark-text) !important;
-webkit-text-fill-color: initial !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card),
body.dark-mode .ai-study-dashboard :where(.ai-study-shell,.ai-study-main,.ai-study-tabs,.ai-study-panel,.ai-study-header-card,.ai-study-student-profile,.ai-study-card,.ai-study-section,.ai-study-hero,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class,.ai-study-stat-card,.ai-study-streak-badge,.ai-study-output-window,.ai-study-output-block,.ai-study-input-window,.ai-study-answer-box,.ai-study-result-box,.ai-study-table-builder,.ai-study-table-output,.ai-study-empty-state,.ai-study-live-agent-sync-bar,.ai-study-history-item,.recent-answer-card) {
background: var(--ep-dark-surface) !important;
color: var(--ep-dark-text) !important;
border-color: var(--ep-dark-border-soft) !important;
box-shadow: var(--ep-dark-shadow) !important;
opacity: 1 !important;
filter: none !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class),
body.dark-mode .ai-study-dashboard :where(.ai-study-hero,.ai-study-hero--compact,.ai-study-buddy-card,.ai-study-student-inbox,.ai-study-student-live-class) {
background: linear-gradient(135deg, #0d1b2f 0%, #111f35 58%, #0b1628 100%) !important;
border: 1px solid rgba(96, 165, 250, .52) !important;
color: #ffffff !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title),
html[data-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title),
body.dark-mode .ai-study-dashboard :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,summary,.ai-study-kicker,.ai-study-section__header h3,.ai-study-stat-card__label,.recent-answers-title) {
color: var(--ep-dark-text) !important;
-webkit-text-fill-color: var(--ep-dark-text) !important;
opacity: 1 !important;
text-shadow: none !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt),
html[data-theme="dark"] .ai-study-dashboard :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt),
body.dark-mode .ai-study-dashboard :where(p,li,span,small,em,td,th,div,.ai-study-muted,.ai-study-description,.ai-study-card-desc,.ai-study-buddy-message,.answer-excerpt) {
color: var(--ep-dark-text-soft) !important;
-webkit-text-fill-color: var(--ep-dark-text-soft) !important;
opacity: 1 !important;
text-shadow: none !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs,.ai-study-menu),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs,.ai-study-menu) {
background: #07111f !important;
border-color: rgba(96, 165, 250, .32) !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) {
background: rgba(15, 29, 49, .96) !important;
border: 1px solid rgba(96, 165, 250, .20) !important;
color: #eaf2ff !important;
-webkit-text-fill-color: #eaf2ff !important;
opacity: 1 !important;
filter: none !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,small),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,small),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,small),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab,.ai-study-menu-card,.ai-study-feature-card) :where(.icon,.title,span,strong,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-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active),
body.dark-mode .ai-study-dashboard :where(.ai-study-tabs .ai-study-tab.is-active,.ai-study-tabs .ai-study-tab.active,.ai-study-menu-card.is-active,.ai-study-menu-card.active,.ai-study-feature-card.active) {
background: linear-gradient(135deg, rgba(37, 99, 235, .48), rgba(124, 58, 237, .42)) !important;
border-color: #60a5fa !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !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-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill),
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-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill),
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-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill),
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-theme-btn,.ai-theme-toggle,.ai-study-chip,.ai-study-badge,.ai-study-pill) {
opacity: 1 !important;
filter: none !important;
text-shadow: none !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn),
body.dark-mode .ai-study-dashboard :where(.ai-study-primary-button,.ai-study-pay-now-btn,.ai-study-submit-btn,.ai-study-voice-btn) {
background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
border-color: rgba(147, 197, 253, .65) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
box-shadow: 0 12px 26px rgba(37, 99, 235, .28) !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle),
html[data-theme="dark"] .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle),
body.dark-mode .ai-study-dashboard :where(.ai-study-secondary-button,.ai-study-upload-button,.ai-study-link-button,.ai-study-theme-btn,.ai-theme-toggle) {
background: #0f1d31 !important;
border: 1px solid rgba(96, 165, 250, .55) !important;
color: #eaf2ff !important;
-webkit-text-fill-color: #eaf2ff !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-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg),
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-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg),
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-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg),
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-theme-btn,.ai-theme-toggle) :where(span,strong,b,small,svg) {
color: inherit !important;
-webkit-text-fill-color: currentColor !important;
fill: currentColor !important;
opacity: 1 !important;
} .ai-study-dashboard[data-ai-study-theme="dark"] :where(input,textarea,select,.ai-study-form-control),
html[data-theme="dark"] .ai-study-dashboard :where(input,textarea,select,.ai-study-form-control),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input,textarea,select,.ai-study-form-control),
body.dark-mode .ai-study-dashboard :where(input,textarea,select,.ai-study-form-control) {
background-color: #0b1628 !important;
color: #f8fafc !important;
-webkit-text-fill-color: #f8fafc !important;
border-color: rgba(96, 165, 250, .42) !important;
box-shadow: none !important;
opacity: 1 !important;
}
.ai-study-dashboard[data-ai-study-theme="dark"] :where(input::placeholder,textarea::placeholder),
html[data-theme="dark"] .ai-study-dashboard :where(input::placeholder,textarea::placeholder),
body[data-ai-study-theme="dark"] .ai-study-dashboard :where(input::placeholder,textarea::placeholder),
body.dark-mode .ai-study-dashboard :where(input::placeholder,textarea::placeholder) {
color: #93a4bd !important;
-webkit-text-fill-color: #93a4bd !important;
opacity: 1 !important;
}  .ai-study-dashboard:not([data-ai-study-theme="dark"]) .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision],
body:not([data-ai-study-theme="dark"]):not(.dark-mode) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision],
html:not([data-theme="dark"]) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] {
background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
border: 1px solid rgba(37, 99, 235, .65) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
filter: none !important;
box-shadow: 0 12px 26px rgba(37, 99, 235, .18) !important;
}
.ai-study-dashboard:not([data-ai-study-theme="dark"]) .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] :where(span,strong,b,small,svg),
body:not([data-ai-study-theme="dark"]):not(.dark-mode) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] :where(span,strong,b,small,svg),
html:not([data-theme="dark"]) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision] :where(span,strong,b,small,svg) {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
fill: currentColor !important;
opacity: 1 !important;
}
.ai-study-dashboard:not([data-ai-study-theme="dark"]) .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision]:hover,
body:not([data-ai-study-theme="dark"]):not(.dark-mode) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision]:hover,
html:not([data-theme="dark"]) .ai-study-dashboard .ai-study-panel[data-ai-study-panel="camera-scan"] .ai-study-revision-box button[data-ai-study-one-click-revision]:hover {
transform: translateY(-1px) !important;
box-shadow: 0 14px 30px rgba(37, 99, 235, .24) !important;
}