:root{
  --bg:#f7f8fc;--surface:#fff;--surface-2:#f1f5f9;--text:#172033;--muted:#667085;
  --line:#e4e8f0;--primary:#4f46e5;--primary-2:#7c3aed;--primary-soft:#eef2ff;
  --success:#12a66a;--danger:#dc3445;--warning:#e59c1a;--shadow:0 18px 50px rgba(32,41,74,.10);
  --shadow-sm:0 8px 26px rgba(32,41,74,.08);--radius:22px;--radius-sm:14px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body.admin-mode{background:#f5f7fb}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.section{padding:86px 0}.section-soft{background:#f0f4fb}.eyebrow{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--primary);margin-bottom:12px}.eyebrow.light{color:#c7d2fe}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;padding:12px 19px;font-weight:800;box-shadow:0 8px 18px rgba(79,70,229,.22);transition:.2s transform,.2s box-shadow,.2s opacity}.button:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(79,70,229,.26)}.button-lg{padding:15px 23px;border-radius:15px}.button-block{width:100%}.button-ghost{background:#fff;color:var(--primary);border:1px solid #dfe3f5;box-shadow:none}.button-success{background:linear-gradient(135deg,#16a34a,#0f9b74)}.button-light{background:#fff;color:#4938bb;box-shadow:none}.button-outline-light{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:none}.small-button{padding:9px 14px;font-size:13px}.text-button,.text-link{font-weight:750;color:var(--primary)}.text-link:hover{text-decoration:underline}.icon-button{border:0;background:#f1f3f9;color:#596077;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px}.icon-button.danger{color:#c22e3f;background:#fff1f2}.back-link{display:block;color:inherit;opacity:.78;font-weight:700;margin-bottom:28px}.toast{position:fixed;z-index:1000;top:88px;left:50%;transform:translateX(-50%);padding:13px 18px;border-radius:14px;box-shadow:var(--shadow);font-weight:700;animation:toastIn .25s ease-out}.toast-success{background:#ecfdf5;color:#08734d;border:1px solid #bbf7d0}.toast-error{background:#fff1f2;color:#b42335;border:1px solid #fecdd3}@keyframes toastIn{from{transform:translate(-50%,-15px);opacity:0}}
/* Header */
.site-header{height:74px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(226,232,240,.92);position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);overflow:visible}
.header-inner{height:100%;display:flex;align-items:center;gap:18px;overflow:visible}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}
.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#4f46e5,#8b5cf6);color:#fff;font-weight:900;font-size:20px;box-shadow:0 7px 18px rgba(79,70,229,.26)}
.brand span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:17px;letter-spacing:-.02em}.brand small{font-size:9px;letter-spacing:.08em;color:#7d8496;margin-top:4px}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-left:auto;min-width:0;white-space:nowrap}
.main-nav>a,.nav-menu-group>summary{display:flex;align-items:center;gap:6px;padding:9px 11px;border-radius:10px;color:#596176;font-weight:700;font-size:13px;line-height:1.2;cursor:pointer;list-style:none;transition:.16s background,.16s color}
.nav-menu-group>summary::-webkit-details-marker,.account-menu>summary::-webkit-details-marker{display:none}
.main-nav>a:hover,.main-nav>a.active,.nav-menu-group>summary:hover,.nav-menu-group.active>summary,.nav-menu-group[open]>summary{background:#eef2ff;color:#4438ca}
.nav-menu-group{position:relative}
.nav-chevron,.account-chevron{font-size:11px;line-height:1;transition:transform .18s ease;color:#8b93a6}
.nav-menu-group[open] .nav-chevron,.account-menu[open] .account-chevron{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 12px);left:0;z-index:130;width:292px;padding:8px;background:#fff;border:1px solid #e3e7ef;border-radius:17px;box-shadow:0 22px 55px rgba(30,41,59,.16);display:grid;gap:3px;white-space:normal}
.nav-dropdown-right{left:auto;right:0}
.nav-dropdown:before,.account-dropdown:before{content:"";position:absolute;top:-6px;left:26px;width:11px;height:11px;background:#fff;border-left:1px solid #e3e7ef;border-top:1px solid #e3e7ef;transform:rotate(45deg)}
.nav-dropdown-right:before{left:auto;right:26px}
.nav-dropdown a{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:12px;color:#273247;transition:.16s background,.16s color}
.nav-dropdown a:hover,.nav-dropdown a.active{background:#f1f4ff;color:#4338ca}
.nav-dropdown a span{font-size:12px;font-weight:850;line-height:1.3}.nav-dropdown a small{font-size:9px;line-height:1.45;color:#848c9d;font-weight:550}.nav-dropdown a:hover small,.nav-dropdown a.active small{color:#6967a8}
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.account-menu{position:relative}
.user-chip{display:flex;align-items:center;gap:9px;padding:5px 7px 5px 5px;border-radius:14px;cursor:pointer;list-style:none;min-width:max-content;transition:.16s background}
.user-chip:hover,.account-menu[open]>.user-chip{background:#f1f4fb}
.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#dbeafe,#ddd6fe);color:#4338ca;font-weight:900}.avatar.large{width:40px;height:40px}.avatar.xlarge{width:84px;height:84px;border-radius:25px;font-size:30px;background:#fff;color:#4f46e5;box-shadow:0 12px 35px rgba(15,23,42,.18)}
.user-chip>span:not(.account-chevron){display:flex;flex-direction:column;line-height:1.15}.user-chip b{font-size:12px}.user-chip small{font-size:9px;color:#7d8496;margin-top:4px}.account-chevron{margin-left:1px}
.account-dropdown{position:absolute;z-index:140;top:calc(100% + 12px);right:0;width:294px;padding:9px;background:#fff;border:1px solid #e3e7ef;border-radius:18px;box-shadow:0 24px 60px rgba(30,41,59,.18);display:grid;gap:3px}
.account-dropdown:before{left:auto;right:24px}
.account-dropdown-head{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:10px 11px 13px;margin-bottom:3px;border-bottom:1px solid #edf0f5}
.account-dropdown-head .avatar{width:40px;height:40px;border-radius:13px}.account-dropdown-head>span{display:flex;flex-direction:column;min-width:0}.account-dropdown-head b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown-head small{font-size:9px;color:#7d8496;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.account-dropdown>a,.account-logout-form button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#273247;text-align:left}
.account-dropdown>a:hover,.account-logout-form button:hover{background:#f1f4ff;color:#4338ca}.account-dropdown>a span,.account-logout-form button span{font-size:12px;font-weight:850}.account-dropdown>a small,.account-logout-form button small{font-size:9px;color:#858d9e}.account-logout-form{border-top:1px solid #edf0f5;margin-top:4px;padding-top:5px}.account-logout-form button{color:#b42335}.account-logout-form button:hover{background:#fff1f2;color:#b42335}
.mobile-menu-button{display:none;border:0;background:#f2f4fa;width:40px;height:40px;border-radius:11px;font-size:18px}
@media(max-width:1180px){.header-inner{gap:12px}.brand small{display:none}.main-nav>a,.nav-menu-group>summary{padding:8px 9px;font-size:12px}.user-chip>span:not(.account-chevron){display:none}}
/* Hero */
.hero-section{overflow:hidden;padding:76px 0 86px;background:radial-gradient(circle at 15% 0,#eef2ff 0,transparent 34%),radial-gradient(circle at 95% 10%,#f5eefe 0,transparent 32%),linear-gradient(#fff,#f9faff)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.hero-copy h1{font-size:clamp(43px,5vw,68px);line-height:1.04;letter-spacing:-.055em;margin:8px 0 22px;max-width:760px}.hero-copy h1 span{background:linear-gradient(105deg,#4f46e5,#9333ea);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.8;color:#5d667a;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0 20px}.trust-row{display:flex;flex-wrap:wrap;gap:17px;color:#6b7280;font-size:12px;font-weight:650}.trust-row span::first-letter{color:var(--success)}.hero-visual{min-height:560px;position:relative;display:grid;place-items:center}.phone-frame{width:320px;height:590px;border:9px solid #1d2433;border-radius:45px;background:#fbfcff;box-shadow:0 38px 90px rgba(31,41,74,.25);padding:13px 17px;position:relative;overflow:hidden;transform:rotate(2deg)}.phone-frame::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:95px;height:21px;border-radius:14px;background:#1d2433}.phone-top{display:flex;justify-content:space-between;font-size:9px;font-weight:800;padding:2px 4px 23px}.phone-greeting{display:flex;justify-content:space-between;align-items:center}.phone-greeting small{color:#7c8494}.phone-greeting h3{margin:1px 0;font-size:19px}.daily-card{margin-top:16px;padding:16px;border-radius:18px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 15px 28px rgba(79,70,229,.22)}.daily-card div{display:flex;flex-direction:column}.daily-card small{color:#ddd6fe}.progress-ring{width:55px;height:55px;border:5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.continue-card,.ai-coach-card{margin-top:14px;padding:14px;border:1px solid #e7e9f0;border-radius:17px;background:#fff;display:flex;align-items:center;gap:11px;box-shadow:0 7px 20px rgba(40,48,70,.06)}.course-symbol{width:42px;height:42px;border-radius:13px;background:#e0f2fe;display:grid;place-items:center;font-size:20px}.continue-card>div{flex:1;display:flex;flex-direction:column}.continue-card small,.ai-coach-card small{color:#8a91a0;font-size:9px}.continue-card b,.ai-coach-card b{font-size:12px}.mini-progress{height:4px;background:#eef0f5;border-radius:5px;margin-top:7px}.mini-progress i{display:block;height:100%;background:#4f46e5;border-radius:5px}.ai-coach-card{background:#f5f3ff;border-color:#ddd6fe}.ai-coach-card>span{width:38px;height:38px;border-radius:12px;background:#6d4be8;color:#fff;display:grid;place-items:center}.ai-coach-card>div{flex:1;display:flex;flex-direction:column}.ai-coach-card button{border:0;border-radius:9px;background:#fff;color:#5b37c7;padding:7px 9px;font-size:9px;font-weight:800}.phone-nav{position:absolute;bottom:10px;left:13px;right:13px;background:#fff;border:1px solid #eef0f4;border-radius:17px;display:flex;justify-content:space-around;padding:9px 4px;box-shadow:0 7px 25px rgba(30,40,60,.08)}.phone-nav span{font-size:13px;display:flex;flex-direction:column;align-items:center;color:#8890a0}.phone-nav small{font-size:7px}.phone-nav .selected{color:#4f46e5}.floating-card{position:absolute;z-index:2;background:#fff;border:1px solid #e8eaf0;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto auto;gap:0 9px;align-items:center}.floating-card .mini-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#fff7ed;display:grid;place-items:center}.floating-card b{font-size:16px;line-height:1}.floating-card small{font-size:9px;color:#7d8494}.card-one{left:2%;top:16%;transform:rotate(-5deg)}.card-two{right:0;bottom:20%;transform:rotate(5deg)}
.stats-strip{background:#fff;border-block:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0}.stats-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid b{font-size:27px;color:#3f35b8}.stats-grid span{font-size:11px;color:#7b8190}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading.centered{text-align:center;display:block;max-width:740px;margin:0 auto 42px}.section-heading h2{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:0 0 9px}.section-heading p{color:var(--muted);margin:0}.section-heading.compact{align-items:center;margin-bottom:21px}.section-heading.compact h2{font-size:24px}.section-heading.spaced{margin-top:58px}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.audience-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);transition:.2s}.audience-grid article:hover{transform:translateY(-4px)}.audience-grid article>span{font-size:32px}.audience-grid h3{font-size:18px;margin:14px 0 7px}.audience-grid p{color:var(--muted);font-size:13px;margin:0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:.22s}.course-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--theme,#4f46e5)}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.theme-indigo{--theme:#4f46e5;--theme-soft:#eef2ff}.theme-violet{--theme:#8b5cf6;--theme-soft:#f5f3ff}.theme-blue{--theme:#2563eb;--theme-soft:#eff6ff}.theme-cyan{--theme:#0891b2;--theme-soft:#ecfeff}.theme-amber{--theme:#d97706;--theme-soft:#fffbeb}.theme-rose{--theme:#e11d48;--theme-soft:#fff1f2}.course-card-top,.course-meta{display:flex;justify-content:space-between;align-items:center}.course-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--theme-soft,#eef2ff);font-size:24px}.course-icon.giant{width:72px;height:72px;border-radius:22px;font-size:34px}.level-badge,.type-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--theme-soft,#eef2ff);color:var(--theme,#4f46e5);font-size:9px;font-weight:850;letter-spacing:.05em}.course-card>small{display:block;color:#7a8293;margin-top:20px}.course-card h3{font-size:20px;line-height:1.3;margin:7px 0}.course-card p{font-size:13px;color:var(--muted);min-height:64px}.course-meta{margin-top:19px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:#737b8c}.course-meta a{font-weight:800;color:var(--theme,#4f46e5)}.course-banner{height:120px;margin:-24px -24px 18px;padding:20px;background:linear-gradient(135deg,var(--theme-soft),#fff);display:flex;align-items:center;justify-content:space-between}.large-grid .course-card{padding:24px}.ai-showcase{background:linear-gradient(135deg,#28207a,#5132b8 58%,#6d3ac4);color:#fff}.ai-showcase-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}.ai-showcase h2{font-size:42px;line-height:1.1;margin:4px 0 17px}.ai-showcase p{color:#ddd7ff;font-size:16px;max-width:600px}.feature-checks{display:flex;flex-direction:column;gap:9px;margin:25px 0}.feature-checks span{font-size:13px}.ai-orbit{height:360px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.22)}.orb-main{width:145px;height:145px;font-size:52px;background:radial-gradient(circle at 30% 25%,#a78bfa,#4f46e5 65%,#312e81);border:9px solid rgba(255,255,255,.14)}.orb-a,.orb-b,.orb-c{width:70px;height:70px;background:rgba(255,255,255,.15);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.28)}.orb-a{top:10%;left:20%}.orb-b{right:15%;top:25%}.orb-c{bottom:5%;left:27%}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.steps-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;position:relative}.steps-grid article>b{position:absolute;right:17px;top:14px;color:#d9dce5;font-size:24px}.steps-grid article>span{font-size:28px}.steps-grid h3{margin:9px 0 5px}.steps-grid p{font-size:12px;color:var(--muted);margin:0}.cta-section{padding:0 0 86px}.cta-card{background:linear-gradient(120deg,#4f46e5,#7c3aed);border-radius:30px;color:#fff;padding:44px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 26px 65px rgba(79,70,229,.23)}.cta-card h2{font-size:32px;margin:0 0 8px}.cta-card p{margin:0;color:#ddd6fe}
/* Footer */
.site-footer{background:#111827;color:#d1d5db;padding:58px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:70px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid>div:first-child{max-width:430px}.footer-grid p{color:#9ca3af;font-size:12px}.footer-grid b{color:#fff}.footer-grid a{font-size:12px;color:#9ca3af}.footer-grid a:hover{color:#fff}.footer-brand .brand-mark{background:#fff;color:#4f46e5}.footer-brand small{color:#9ca3af}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:18px;border-top:1px solid #263244;font-size:10px;color:#7f8998}.mobile-bottom-nav{display:none}
/* Auth */
.auth-section{min-height:calc(100vh - 74px);padding:26px;display:grid;place-items:center;background:radial-gradient(circle at 5% 5%,#e0e7ff,transparent 30%),#f7f8fc}.auth-wrap{width:min(1050px,100%);min-height:650px;background:#fff;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 35px 90px rgba(40,48,75,.15)}.auth-aside{padding:44px;background:linear-gradient(155deg,#3730a3,#6d28d9);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.register-aside{background:linear-gradient(155deg,#312e81,#2563eb)}.light-brand .brand-mark{background:#fff;color:#4f46e5}.light-brand small{color:#d8d5ff}.auth-aside h1{font-size:42px;line-height:1.1;letter-spacing:-.04em;margin:8px 0 16px}.auth-aside p{color:#ddd6fe}.quote-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);padding:20px;border-radius:17px;font-size:13px}.quote-card small{display:block;margin-top:10px;color:#c7d2fe}.benefit-list{display:flex;flex-direction:column;gap:9px;font-size:13px}.auth-panel{display:grid;place-items:center;padding:44px}.auth-form{width:min(390px,100%)}.auth-form.wide{width:min(520px,100%)}.auth-icon{font-size:31px}.auth-form h2{font-size:30px;letter-spacing:-.03em;margin:9px 0 6px}.auth-form>p{color:var(--muted);margin:0 0 25px}.auth-form form{display:flex;flex-direction:column;gap:15px}.auth-form label,.form-card label{display:flex;flex-direction:column;gap:7px;color:#3f4758;font-weight:750;font-size:12px}input,select,textarea{border:1px solid #d9deea;border-radius:12px;background:#fff;padding:12px 13px;color:var(--text);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}textarea{resize:vertical;line-height:1.55}.form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:15px!important}.form-grid .full{grid-column:1/-1}.demo-box{margin-top:17px;padding:13px;border-radius:12px;background:#f5f7fb;color:#616a7c;font-size:10px;display:flex;flex-direction:column}.auth-switch{text-align:center!important;font-size:12px;margin-top:22px!important}.auth-switch a{color:var(--primary);font-weight:800}
/* Page/common */
.page-hero{padding:72px 0;background:linear-gradient(135deg,#eef2ff,#f8faff)}.compact-hero{text-align:center}.page-hero h1{font-size:43px;line-height:1.14;letter-spacing:-.045em;margin:4px 0 10px}.page-hero p{color:var(--muted);font-size:16px;margin:0 auto;max-width:680px}.filter-bar{display:grid;grid-template-columns:1fr 190px 150px auto;gap:10px;margin-bottom:30px}.search-field{position:relative}.search-field{display:flex;align-items:center;border:1px solid #d9deea;background:#fff;border-radius:12px;padding-left:13px;color:#8b93a4}.search-field input{border:0;box-shadow:none!important}.empty-state{text-align:center;padding:70px;background:#fff;border:1px dashed #cad1df;border-radius:20px}.empty-state span{font-size:40px}.empty-state p{color:var(--muted)}.content-narrow{max-width:780px}.content-narrow h2{font-size:28px;margin-top:36px}.content-narrow p{color:#576176;font-size:16px}.notice-box{padding:17px;border-radius:14px;background:#f8fafc;border:1px solid #e4e8f0}.notice-box p{font-size:12px!important;margin-bottom:0}.error-page{min-height:65vh;display:grid;place-items:center;text-align:center;padding:60px}.error-page>div{max-width:580px}.error-page>div>span{width:90px;height:90px;border-radius:27px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;margin:auto;font-size:38px;font-weight:900}.error-page h1{font-size:38px}.error-page p{color:var(--muted);margin-bottom:24px}
/* Dashboard */
.dashboard-hero{padding:43px 0 80px;background:linear-gradient(135deg,#eef2ff,#f7f5ff)}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center}.dashboard-welcome h1{font-size:38px;letter-spacing:-.04em;margin:0 0 5px}.dashboard-welcome p{color:var(--muted);margin:0}.streak-card{background:#fff;border:1px solid #f4dac1;border-radius:16px;padding:12px 17px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-sm)}.streak-card>span{font-size:27px}.streak-card div{display:flex;flex-direction:column}.streak-card small{font-size:9px;color:#8a8490}.dashboard-section{margin-top:-55px;padding-top:0}.dashboard-layout{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}.dashboard-main{min-width:0}.daily-goal-card{min-height:210px;background:linear-gradient(140deg,#3f36c9,#6d44d8);color:#fff;border-radius:25px;padding:30px 220px 30px 30px;position:relative;box-shadow:0 20px 45px rgba(70,55,190,.22)}.daily-goal-card .eyebrow{color:#d5d3ff}.daily-goal-card h2{font-size:29px;margin:2px 0}.daily-goal-card p{color:#dedaff;margin:0 0 22px}.goal-ring{position:absolute;right:55px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;color:#fff}.ring{--value:50;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff calc(var(--value)*1%),rgba(255,255,255,.18) 0);position:relative}.ring::after{content:"";position:absolute;inset:10px;background:#5540cf;border-radius:50%}.ring span{position:relative;z-index:1;font-weight:900;font-size:24px}.goal-ring small{margin-top:7px;color:#ddd6fe}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 35px}.metric-grid article{background:#fff;border:1px solid var(--line);padding:17px;border-radius:16px;display:flex;gap:12px;align-items:center}.metric-grid article>span{width:43px;height:43px;border-radius:13px;background:#f3f4ff;display:grid;place-items:center;font-size:20px}.metric-grid article div{display:flex;flex-direction:column}.metric-grid b{font-size:18px}.metric-grid small{color:#8a91a0;font-size:9px}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recommend-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px}.recommend-card>div{flex:1;min-width:0}.recommend-card small,.recommend-card span{font-size:9px;color:#7c8495}.recommend-card h3{font-size:14px;line-height:1.3;margin:3px 0}.dashboard-side{display:flex;flex-direction:column;gap:16px}.side-card,.form-card,.table-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px;box-shadow:var(--shadow-sm)}.side-card h3{margin:0 0 8px}.side-card p{font-size:12px;color:var(--muted)}.side-icon{font-size:30px}.ai-side-card{background:linear-gradient(145deg,#f5f3ff,#eef2ff);border-color:#ddd6fe}.spark{width:45px;height:45px;border-radius:14px;background:#5b44d9;color:#fff;display:grid;place-items:center;font-size:22px;margin-bottom:13px}.side-title,.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.side-title h3,.card-heading h2{margin:0}.side-title a,.card-heading a{font-size:10px;color:var(--primary);font-weight:750}.activity-list{display:flex;flex-direction:column;gap:13px}.activity-list>div,.admin-activity>div{display:flex;align-items:center;gap:10px}.activity-list>div>div,.admin-activity>div>div{flex:1;display:flex;flex-direction:column;line-height:1.25}.activity-list b,.admin-activity b{font-size:11px}.activity-list small,.admin-activity small{font-size:9px;color:#8b92a1}.score-dot{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:11px}.score-dot.good{background:#ecfdf5;color:#087e53}.score-dot.needs-work{background:#fff7ed;color:#c35a10}.empty-mini{padding:15px;background:#f8fafc;border-radius:12px;color:#858c9b;text-align:center;font-size:10px}.badge-list{display:flex;gap:9px}.badge-list span{flex:1;background:#f8fafc;border-radius:12px;padding:8px;text-align:center;font-size:23px}.badge-list small{display:block;font-size:7px;color:#71798a}
/* Courses/lessons */
.course-hero{padding:60px 0;background:linear-gradient(135deg,var(--theme-soft),#fff);border-bottom:1px solid #e7e9ef}.course-hero-grid{display:grid;grid-template-columns:1fr 330px;gap:60px;align-items:end}.course-hero h1{font-size:43px;line-height:1.1;letter-spacing:-.04em;margin:3px 0 14px}.course-hero p{color:#5e687a;font-size:16px;max-width:700px}.course-facts{display:flex;gap:20px;font-size:12px;color:#626b7c;font-weight:700;margin-top:23px}.course-progress-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.course-progress-panel{display:flex;flex-direction:column}.course-progress-panel small,.course-progress-panel span{color:#7c8494;font-size:10px}.course-progress-panel b{font-size:18px;margin:5px 0 12px}.progress-bar{height:8px;border-radius:9px;background:#eceff5;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--theme,#4f46e5),#8b5cf6);border-radius:9px}.course-progress-panel span{margin-top:9px}.course-content-layout,.lesson-layout,.result-layout,.progress-layout,.profile-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.lesson-list{display:flex;flex-direction:column;gap:12px}.lesson-row{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;transition:.2s}.lesson-row:hover{transform:translateX(4px);border-color:#c7c9f4}.lesson-number{width:45px;height:45px;border-radius:14px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-weight:900}.lesson-row.done .lesson-number{background:#ecfdf5;color:#0a8c59}.lesson-row small{color:#8b92a1;font-size:9px}.lesson-row h3{font-size:16px;margin:2px 0}.lesson-row p{font-size:11px;color:var(--muted);margin:0}.row-arrow{font-size:25px;color:#9299a8}.sticky-card{position:sticky;top:94px}.lesson-shell{padding:25px 0 70px}.lesson-topbar{display:flex;justify-content:space-between;align-items:center;padding:7px 0 24px;color:#6d7586;font-size:12px}.lesson-topbar a{font-weight:800;color:#434c5e}.lesson-article{background:#fff;border:1px solid var(--line);border-radius:25px;padding:42px;box-shadow:var(--shadow-sm)}.lesson-article>header{border-bottom:1px solid var(--line);padding-bottom:25px}.lesson-article h1{font-size:39px;line-height:1.15;letter-spacing:-.04em;margin:4px 0 10px}.lesson-article>header p{color:var(--muted);font-size:15px}.lesson-content{padding:26px 0;font-size:16px;color:#414b5e}.lesson-content h2{font-size:27px;color:#20283a;margin:10px 0 14px}.lesson-content h3{font-size:20px}.lesson-content p{line-height:1.85}.lesson-content li{margin:7px 0}.lesson-dialogue,.tip-box{padding:18px 20px;border-radius:15px;background:#f7f7ff;border-left:4px solid #6366f1;margin:20px 0}.lesson-dialogue p{margin:7px 0}.tip-box{background:#fffbeb;border-left-color:#f59e0b}.visual-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.visual-board span{padding:16px;border-radius:13px;background:#f8fafc;text-align:center;font-weight:750}.lesson-table{width:100%;border-collapse:collapse;margin:18px 0}.lesson-table th,.lesson-table td{border:1px solid #e2e8f0;padding:10px;text-align:left}.lesson-table th{background:#f8fafc}.vocab-section{border-top:1px solid var(--line);padding-top:28px}.vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vocab-card{border:1px solid var(--line);border-radius:16px;padding:16px;position:relative;background:#fbfcff}.vocab-card>div{display:flex;align-items:baseline;gap:8px}.vocab-card h3{margin:0;font-size:20px}.vocab-card>div span{color:#8a91a1;font-size:10px}.speak-button{position:absolute;right:12px;top:12px;border:0;background:#eef2ff;border-radius:10px;width:35px;height:35px}.vocab-card>b{display:block;color:#5145c9;margin-top:7px}.vocab-card p{font-size:12px;margin:8px 0 2px}.vocab-card small{color:#8a91a0}.lesson-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:32px;border-top:1px solid var(--line);margin-top:30px}
/* Exams/quiz */
.exam-hero{background:linear-gradient(135deg,#2f2787,#6840cf);color:#fff}.hero-split{display:grid;grid-template-columns:1fr 280px;align-items:center}.exam-hero h1{font-size:45px;margin:4px 0 12px}.exam-hero p{color:#dedaff;margin:0;text-align:left}.exam-illustration{justify-self:end;width:210px;height:150px;border-radius:25px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center}.exam-illustration>span{font-size:36px}.exam-illustration b{font-size:20px}.exam-illustration small{color:#d8d5ff}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.exam-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow-sm);border-top:5px solid var(--exam,#4f46e5)}.type-placement{--exam:#0891b2}.type-toefl{--exam:#4f46e5}.type-toeic{--exam:#d97706}.exam-type-icon{font-size:30px}.exam-card h3{font-size:20px;margin:12px 0 8px}.exam-card p{font-size:12px;color:var(--muted);min-height:58px}.exam-info{display:flex;flex-direction:column;gap:6px;color:#697285;font-size:10px;margin:18px 0}.practice-list{display:flex;flex-direction:column;gap:10px}.practice-list>a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:13px}.practice-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;display:grid;place-items:center}.practice-list>a>div{flex:1}.practice-list small{font-size:9px;color:#8b92a1}.practice-list h3{font-size:14px;margin:1px 0}.practice-list>a>span:nth-last-child(2){font-size:10px;color:#7d8494}.quiz-shell{padding:35px 0 70px;background:#f5f7fb}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.quiz-header a{font-size:11px;color:#6e7687}.quiz-header h1{font-size:30px;margin:5px 0}.timer-box{background:#fff;border:1px solid #e2e6ef;border-radius:15px;padding:10px 18px;text-align:center;box-shadow:var(--shadow-sm)}.timer-box small{display:block;color:#8a91a0;font-size:8px}.timer-box b{font-size:21px;color:#483dc3}.timer-box.warning b{color:#dc3445}.quiz-layout{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:start}.quiz-main{display:flex;flex-direction:column;gap:16px}.question-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:28px;scroll-margin-top:100px}.question-number{font-size:10px;color:#7f8797;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.question-card h2{font-size:20px;line-height:1.45;margin:12px 0 20px}.passage-box{padding:16px;border-radius:13px;background:#f8fafc;margin-top:13px;color:#4b5565}.option-list{display:flex;flex-direction:column;gap:9px}.option-list label{display:flex;align-items:center;gap:12px;border:1px solid #dfe3eb;border-radius:13px;padding:12px;cursor:pointer;transition:.15s}.option-list label:hover{border-color:#a9a7ef;background:#fafaff}.option-list input{display:none}.option-list label:has(input:checked){border-color:#6258d8;background:#f1f0ff;box-shadow:0 0 0 2px #dedcff}.option-key{width:32px;height:32px;border-radius:10px;background:#f1f3f7;display:grid;place-items:center;font-weight:850;color:#5d6575}.option-list label:has(input:checked) .option-key{background:#5b51cf;color:#fff}.quiz-submit-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;display:flex;justify-content:space-between;align-items:center}.quiz-submit-card h3{margin:0}.quiz-submit-card p{margin:3px 0 0;color:var(--muted);font-size:11px}.question-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:15px 0}.question-dots a{aspect-ratio:1;border-radius:9px;background:#f1f3f7;color:#6e7687;display:grid;place-items:center;font-weight:800;font-size:10px}.question-dots a.answered{background:#4f46e5;color:#fff}.legend{display:flex;gap:12px;font-size:8px;color:#7d8493}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:8px;height:8px;border-radius:3px;background:#e6e8ed}.legend i.answered{background:#4f46e5}.result-hero{padding:57px 0;color:#fff;background:linear-gradient(135deg,#15825a,#11a36c)}.result-hero.failed{background:linear-gradient(135deg,#b34b23,#d98221)}.result-summary{display:grid;grid-template-columns:150px 1fr;gap:35px;align-items:center}.result-ring{width:135px;height:135px;border-radius:50%;border:10px solid rgba(255,255,255,.25);border-top-color:#fff;display:flex;align-items:baseline;justify-content:center;padding-top:32px}.result-ring span{font-size:40px;font-weight:900}.result-ring small{font-size:12px}.result-summary h1{font-size:36px;margin:4px 0}.result-summary p{color:rgba(255,255,255,.82)}.result-actions{display:flex;gap:9px;margin-top:18px}.review-list{display:flex;flex-direction:column;gap:14px}.review-card{background:#fff;border:1px solid var(--line);border-left:5px solid #16a34a;border-radius:18px;padding:21px}.review-card.incorrect{border-left-color:#e04455}.review-head{display:flex;gap:11px}.review-head>span{width:32px;height:32px;border-radius:10px;background:#ecfdf5;color:#059669;display:grid;place-items:center;font-weight:900}.incorrect .review-head>span{background:#fff1f2;color:#e11d48}.review-head small{color:#8b92a1;font-size:9px}.review-head h3{font-size:15px;margin:1px 0}.review-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:16px 0}.review-options>div{border:1px solid #e6e9ef;border-radius:11px;padding:9px;display:flex;align-items:center;gap:8px;font-size:11px}.review-options b{width:26px;height:26px;border-radius:8px;background:#f2f4f7;display:grid;place-items:center}.review-options>div small{margin-left:auto;font-size:8px}.review-options .right-option{background:#ecfdf5;border-color:#a7f3d0}.review-options .wrong-option{background:#fff1f2;border-color:#fecdd3}.explanation{padding:12px;border-radius:11px;background:#f8fafc;font-size:11px!important}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.summary-row:last-of-type{margin-bottom:17px}
/* Progress/profile */
.progress-course-list{display:flex;flex-direction:column;gap:10px}.progress-course-list>a{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center}.progress-course-list>a>div{min-width:0}.progress-title{display:flex;justify-content:space-between}.progress-title h3{font-size:14px;margin:0}.progress-title b{font-size:12px;color:#4f46e5}.progress-course-list .progress-bar{margin:8px 0}.progress-course-list small{color:#858d9d;font-size:9px}.table-card{padding:0;overflow:hidden}.card-heading{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.card-heading h2{font-size:17px}.card-heading span{font-size:10px;color:#7f8797}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 17px;border-bottom:1px solid #edf0f5;font-size:11px}th{background:#f8fafc;color:#70798a;font-size:9px;text-transform:uppercase;letter-spacing:.07em}td b{display:block}td small{display:block;color:#8b92a1;font-size:8px}.small-type{font-size:7px;padding:4px 7px}.score-text.good{color:#0c9360}.score-text.bad{color:#d05b23}.empty-cell{text-align:center;color:#8b92a1;padding:30px}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.achievement-grid>div{padding:13px;border-radius:13px;background:#f8fafc;text-align:center;display:flex;flex-direction:column}.achievement-grid>div span{font-size:29px}.achievement-grid>div b{font-size:10px}.achievement-grid>div small{font-size:7px;color:#7d8595}.achievement-grid .locked{filter:grayscale(1);opacity:.38}.profile-hero{background:linear-gradient(135deg,#3931a3,#7040cf);color:#fff}.profile-banner{display:flex;align-items:center;gap:20px}.profile-banner h1{margin:0}.profile-banner p{color:#d9d6fb;text-align:left;margin:3px 0}.profile-xp{margin-left:auto;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:13px 23px}.profile-xp b{display:block;font-size:25px}.profile-xp span{font-size:9px}.form-card{padding:25px;display:flex;flex-direction:column;gap:15px}.form-card .section-heading{margin-bottom:5px}.form-card label small{font-weight:400;color:#7e8696}.check-row{display:flex;gap:20px}.check-row label{flex-direction:row;align-items:center}.check-row input{width:auto}
/* AI */
.ai-page{padding:30px 0 50px;min-height:calc(100vh - 74px);background:#eff2f8}.ai-page-grid{height:calc(100vh - 154px);min-height:630px;display:grid;grid-template-columns:290px 1fr;background:#fff;border:1px solid #dee3ee;border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.ai-sidebar{background:#20203f;color:#fff;padding:23px;display:flex;flex-direction:column}.ai-profile{display:flex;align-items:center;gap:11px}.ai-avatar{width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,#7661eb,#a855f7);display:grid;place-items:center;font-size:22px}.ai-profile h2{font-size:16px;margin:0}.online-dot{font-size:8px;color:#9ee9bf}.ai-user-context{margin-top:22px;padding:14px;background:rgba(255,255,255,.07);border-radius:13px;display:flex;flex-direction:column}.ai-user-context small{color:#aeb4cc;font-size:8px}.ai-user-context b{font-size:12px;margin:3px 0}.ai-user-context span{font-size:9px;color:#c7cae0}.prompt-library{margin-top:25px}.prompt-library h3{font-size:11px;color:#aeb4cc}.prompt-library button{width:100%;text-align:left;border:0;border-radius:10px;background:transparent;color:#e8e9f5;padding:9px 10px;font-size:9px;margin:2px 0}.prompt-library button:hover{background:rgba(255,255,255,.08)}.privacy-note{margin-top:auto;font-size:8px;color:#9da3bd;line-height:1.55}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.chat-panel>header{padding:20px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-panel>header h1{font-size:20px;margin:0}.chat-messages{overflow-y:auto;padding:25px;display:flex;flex-direction:column;gap:17px;background:linear-gradient(#fff,#fbfcff)}.message{display:flex;gap:10px;max-width:76%}.message.user{margin-left:auto}.message-avatar{flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#5b4bcf;color:#fff;display:grid;place-items:center}.message>div{background:#f0f2f7;border-radius:5px 16px 16px 16px;padding:11px 14px}.message.user>div{background:#4f46e5;color:#fff;border-radius:16px 5px 16px 16px}.message p{font-size:12px;white-space:normal;margin:0;line-height:1.75}.message small{display:block;font-size:7px;color:#8a91a0;margin-top:6px}.message.user small{color:#c7d2fe}.typing-dots{display:flex;gap:4px}.typing-dots i{width:6px;height:6px;border-radius:50%;background:#7d8494;animation:typing 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{transform:translateY(-4px)}}.chat-composer{padding:15px 20px 11px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 42px 42px;gap:8px}.chat-composer textarea{max-height:120px;min-height:44px;resize:none}.voice-button,.send-button{border:0;border-radius:12px}.voice-button{background:#f0f2f7}.send-button{background:#4f46e5;color:#fff}.chat-composer>small{grid-column:1/-1;text-align:center;color:#9299a8;font-size:7px}
/* Admin */
.admin-page{padding:38px 0 75px}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.admin-heading h1{font-size:35px;letter-spacing:-.04em;margin:0}.admin-heading p{color:var(--muted);margin:3px 0}.admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:22px}.admin-metrics article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:11px}.admin-metrics article>span{width:40px;height:40px;border-radius:12px;background:#f0f2ff;display:grid;place-items:center;font-size:19px}.admin-metrics div{display:flex;flex-direction:column}.admin-metrics b{font-size:20px}.admin-metrics small{font-size:9px;color:#858c9b}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.admin-activity{padding:18px;display:flex;flex-direction:column;gap:13px}.admin-activity time{font-size:8px;color:#8b92a1}.quick-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:17px}.quick-admin a{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;display:flex;flex-direction:column}.quick-admin span{font-size:25px}.quick-admin b{font-size:12px;margin:7px 0 2px}.quick-admin small{font-size:8px;color:#858c9b}.admin-editor-layout{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}.wide-editor{grid-template-columns:.8fr 1.2fr}.admin-list{display:flex;flex-direction:column}.admin-list>div{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:11px;align-items:center;padding:13px 17px;border-bottom:1px solid #edf0f5}.admin-list>div>div{display:flex;flex-direction:column}.admin-list b{font-size:11px}.admin-list small{font-size:8px;color:#858c9b}.status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:7px;font-weight:850;text-transform:uppercase}.status.published{background:#ecfdf5;color:#078255}.status.draft{background:#f1f3f7;color:#6e7687}.code-editor{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;background:#172033;color:#e5e7eb}.quiz-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:12px}.quiz-selector a{min-width:220px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;display:flex;flex-direction:column}.quiz-selector a.active{border-color:#6366f1;box-shadow:0 0 0 2px #e0e1ff}.quiz-selector b{font-size:10px}.quiz-selector small{font-size:7px;color:#858c9b}.question-admin-list>div{display:grid;grid-template-columns:32px 1fr auto auto;gap:10px;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line)}.question-admin-list>div>span{width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:9px;font-weight:800}.question-admin-list b{font-size:10px}.question-admin-list small{font-size:7px;color:#858c9b;display:block}.settings-grid{display:grid;grid-template-columns:1fr .8fr;gap:18px}.check-list{padding-left:19px;color:#596276;font-size:12px}.check-list li{margin:9px 0}.responsive-table{overflow-x:auto}
/* Responsive */
@media(max-width:1020px){.main-nav{display:none;position:absolute;top:66px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.mobile-menu-button{display:grid;place-items:center;margin-left:auto}.header-actions .user-chip>span:last-child{display:none}.header-actions .text-button{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:520px}.audience-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.dashboard-layout{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(3,1fr)}.course-content-layout,.lesson-layout,.result-layout,.progress-layout,.profile-layout{grid-template-columns:1fr}.lesson-sidebar{display:none}.quiz-layout{grid-template-columns:1fr}.quiz-navigator{order:-1}.quiz-navigator .sticky-card{position:static}.question-dots{grid-template-columns:repeat(10,1fr)}.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-editor-layout,.wide-editor,.settings-grid{grid-template-columns:1fr}.admin-editor-layout .sticky-card{position:static}.quick-admin{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:68px}.container{width:min(100% - 28px,1180px)}.site-header{height:64px}.brand-mark{width:36px;height:36px}.brand small{display:none}.header-actions .small-button,.logout-form{display:none}.section{padding:60px 0}.hero-section{padding:50px 0}.hero-copy h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.trust-row{font-size:10px}.hero-visual{min-height:500px;transform:scale(.9);margin:-20px 0}.phone-frame{width:300px;height:560px}.floating-card{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:18px}.stats-grid>div:nth-child(2){border:0}.audience-grid,.course-grid,.exam-grid{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading h2{font-size:29px}.ai-showcase-grid{grid-template-columns:1fr;gap:20px;text-align:center}.ai-orbit{height:280px}.ai-showcase h2{font-size:34px}.feature-checks{align-items:center}.steps-grid{grid-template-columns:1fr}.cta-card{padding:32px 24px;flex-direction:column;text-align:center}.cta-card h2{font-size:28px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid>div:not(:first-child){display:none}.footer-bottom{flex-direction:column}.mobile-bottom-nav{position:fixed;display:flex;z-index:100;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;color:#818999}.mobile-bottom-nav a>span{font-size:17px;line-height:1.1}.mobile-bottom-nav a.active{color:#4f46e5}.mobile-bottom-nav .ai-tab span{width:38px;height:38px;border-radius:13px;background:#4f46e5;color:#fff;display:grid;place-items:center;margin-top:-20px;box-shadow:0 8px 20px rgba(79,70,229,.28)}.auth-section{padding:0;display:block}.auth-wrap{display:block;min-height:calc(100vh - 64px);border-radius:0}.auth-aside{display:none}.auth-panel{padding:40px 22px;min-height:calc(100vh - 64px)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-hero{padding:50px 0}.page-hero h1{font-size:34px}.filter-bar{grid-template-columns:1fr}.dashboard-hero{padding:32px 0 72px}.dashboard-welcome h1{font-size:30px}.streak-card{display:none}.daily-goal-card{padding:25px;min-height:285px}.goal-ring{position:static;transform:none;margin-top:18px}.ring{width:90px;height:90px}.metric-grid{grid-template-columns:1fr}.recommend-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr}.course-hero{padding:40px 0}.course-hero-grid{grid-template-columns:1fr;gap:25px}.course-hero h1{font-size:33px}.course-facts{flex-wrap:wrap;gap:10px}.lesson-article{padding:24px 19px;border-radius:19px}.lesson-article h1{font-size:31px}.visual-board{grid-template-columns:repeat(2,1fr)}.vocab-grid{grid-template-columns:1fr}.lesson-actions{flex-direction:column}.lesson-actions>*{width:100%}.hero-split{grid-template-columns:1fr}.exam-illustration{display:none}.exam-hero h1{font-size:34px}.quiz-shell{padding:20px 0}.quiz-header{align-items:start}.quiz-header h1{font-size:23px}.timer-box{position:sticky;top:72px;z-index:5}.question-card{padding:20px 16px}.question-card h2{font-size:17px}.quiz-submit-card{flex-direction:column;align-items:stretch;gap:12px}.question-dots{grid-template-columns:repeat(8,1fr)}.result-summary{grid-template-columns:1fr;text-align:center}.result-ring{margin:auto}.result-actions{justify-content:center}.review-options{grid-template-columns:1fr}.profile-banner{flex-wrap:wrap}.profile-xp{margin-left:0}.progress-layout aside{order:-1}.achievement-grid{grid-template-columns:repeat(4,1fr)}.achievement-grid>div small{display:none}.ai-page{padding:0}.ai-page-grid{width:100%;height:calc(100vh - 130px);min-height:0;border:0;border-radius:0;grid-template-columns:1fr}.ai-sidebar{display:none}.chat-panel>header{padding:14px 16px}.chat-panel>header h1{font-size:15px}.chat-messages{padding:16px}.message{max-width:90%}.chat-composer{padding:10px}.admin-page{padding:25px 0}.admin-heading{align-items:start}.admin-heading h1{font-size:29px}.admin-heading>.button{display:none}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.quick-admin{grid-template-columns:1fr 1fr}.admin-list>div{grid-template-columns:auto 1fr auto}.admin-list>div>.status{display:none}.admin-list>div>form{display:none}.question-admin-list>div{grid-template-columns:30px 1fr auto}.question-admin-list form{display:none}.table-card{overflow-x:auto}.settings-grid{grid-template-columns:1fr}.footer-bottom span:last-child{display:none}}
@media(max-width:420px){.hero-copy h1{font-size:36px}.hero-visual{transform:scale(.82);margin:-45px 0}.phone-frame{height:545px}.stats-grid b{font-size:22px}.audience-grid article{padding:20px}.achievement-grid{grid-template-columns:repeat(2,1fr)}.question-dots{grid-template-columns:repeat(6,1fr)}.admin-metrics{grid-template-columns:1fr 1fr}.admin-metrics article{padding:12px}.quick-admin{grid-template-columns:1fr}.review-card{padding:16px}}
.lesson-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:17px}.lesson-selector form,.import-form{display:flex;align-items:end;gap:10px}.lesson-selector label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;color:#596176}.import-form input[type=file]{padding:8px;font-size:9px}.vocab-admin-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line)}.vocab-admin-list b{font-size:13px;color:#3f36ba}.vocab-admin-list small{font-size:8px;color:#7f8797;display:block}.vocab-admin-list p{font-size:9px;color:#596176;margin:4px 0 0}@media(max-width:760px){.lesson-selector{grid-template-columns:1fr}.lesson-selector form,.import-form{align-items:stretch;flex-direction:column}.vocab-admin-list>div{grid-template-columns:1fr auto}.vocab-admin-list form{display:none}}

/* Production content library */
.media-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:18px}.media-admin-card{position:relative;border:1px solid var(--border,#e2e8f0);border-radius:18px;overflow:hidden;background:#fff}.media-admin-card>img{width:100%;height:165px;object-fit:cover;background:#f8fafc}.media-admin-card>div{padding:15px}.media-admin-card h3{margin:8px 0 6px;font-size:16px}.media-admin-card p,.media-admin-card small{color:#64748b}.media-admin-card form{position:absolute;top:9px;right:9px}.sponsor-strip{margin:26px auto 0;padding:14px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;display:flex;align-items:center;gap:14px;max-width:720px}.sponsor-strip img{width:44px;height:44px;object-fit:contain}.sponsor-strip small{display:block;color:#64748b}.free-forever-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:13px;font-weight:800}
.lesson-media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0 0 28px}.lesson-media-gallery figure,.lesson-cover{margin:0;border-radius:20px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.lesson-media-gallery img,.lesson-cover img{display:block;width:100%;max-height:560px;object-fit:contain;background:#f8fafc}.lesson-media-gallery figcaption{padding:12px 15px;color:#64748b;font-size:14px}

/* Text-first professional lesson experience */
.lesson-text-first{background:radial-gradient(circle at 8% 0,#eef2ff 0,transparent 24%),radial-gradient(circle at 100% 18%,#ecfdf5 0,transparent 22%),var(--bg)}
.lesson-article-pro{padding:0;overflow:hidden}
.lesson-article-pro>header{border:0;padding:0}
.lesson-hero-pro{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center;padding:42px;background:linear-gradient(135deg,#ffffff,#f8faff);border-bottom:1px solid var(--line)}
.lesson-hero-copy h1{font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-.055em;margin:13px 0 15px;color:#172033}
.lesson-hero-copy>p{margin:0;max-width:650px;color:#5f697c;font-size:16px;line-height:1.8}
.lesson-meta-row{display:flex;align-items:center;gap:11px;color:#697386;font-size:12px;font-weight:750}
.level-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:7px 11px;border-radius:999px;background:#e0e7ff;color:#4338ca;font-size:11px;font-weight:900}
.lesson-hero-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.lesson-hero-stats span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#596176;font-size:11px;font-weight:750;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.lesson-illustration{margin:0;min-height:260px;display:grid;place-items:center}.lesson-illustration img{width:100%;display:block;border-radius:24px;box-shadow:0 25px 65px rgba(40,45,90,.18)}
.lesson-progress-bar{padding:20px 42px 0;background:#fff}.lesson-progress-bar>div{display:flex;justify-content:space-between;color:#737c8c;font-size:10px;font-weight:800;margin-bottom:8px}.lesson-progress-bar>div b{color:#4338ca}.lesson-progress-bar{position:relative}.lesson-progress-bar:after{content:"";display:block;height:7px;border-radius:99px;background:#eef1f6}.lesson-progress-bar i{position:absolute;left:42px;bottom:0;height:7px;border-radius:99px;background:linear-gradient(90deg,#4f46e5,#22c55e);z-index:1;max-width:calc(100% - 84px)}
.lesson-content-pro{padding:36px 42px 12px;color:#3f4859}.lesson-content-pro h2{font-size:30px;line-height:1.2;letter-spacing:-.035em}.lesson-content-pro h3{font-size:18px;margin:0 0 8px}.lesson-content-pro p{line-height:1.78;margin:8px 0}.content-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#4f46e5;font-weight:900;margin-bottom:7px}
.learning-goals{padding:22px;border:1px solid #dfe4f2;border-radius:22px;background:linear-gradient(145deg,#f8faff,#fff);margin-bottom:26px}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.goal-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:#fff;border:1px solid #e8ebf3}.goal-item span{width:25px;height:25px;flex:0 0 25px;border-radius:8px;display:grid;place-items:center;background:#dcfce7;color:#078650;font-size:12px;font-weight:900}.goal-item p{margin:0;font-size:12px;line-height:1.55;color:#536074}
.concept-lead{position:relative;overflow:hidden;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#312e81,#6d28d9);color:#fff;margin:0 0 22px}.concept-lead:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-100px;background:rgba(255,255,255,.12)}.concept-lead h2{color:#fff;margin:3px 0 10px}.concept-lead p{position:relative;z-index:1;margin:0;color:#ede9fe}.concept-lead .content-kicker{color:#c4b5fd}
.concept-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin:22px 0}.concept-cards article{padding:20px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}.concept-cards article>span{min-width:42px;height:42px;padding:0 8px;display:inline-grid;place-items:center;border-radius:13px;background:#eef2ff;color:#4338ca;font-size:16px;font-weight:900}.concept-cards h3{margin:14px 0 7px}.concept-cards p{font-size:12px;color:#647085;margin:0;line-height:1.65}
.responsive-table{overflow-x:auto;margin:22px 0;border:1px solid #e2e8f0;border-radius:18px}.responsive-table .lesson-table{margin:0;min-width:580px}.responsive-table .lesson-table th,.responsive-table .lesson-table td{padding:13px 15px;border:0;border-bottom:1px solid #eef0f5}.responsive-table .lesson-table tr:last-child td{border-bottom:0}.responsive-table .lesson-table th{background:#f6f7fb;color:#475269;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.responsive-table .lesson-table td{font-size:13px;vertical-align:top}
.formula-card{display:grid;grid-template-columns:1fr;gap:10px;padding:23px;border:1px solid #c7d2fe;border-radius:20px;background:#eef2ff;margin:22px 0}.formula-card h3{color:#312e81}.formula-card code{display:block;padding:14px 16px;border-radius:13px;background:#1e1b4b;color:#eef2ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;white-space:normal}.formula-card p{margin:0;color:#5b6380;font-size:12px}
.example-section{margin:28px 0}.example-stack{display:grid;gap:10px}.example-row{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:15px;border:1px solid #e5e9f1;border-radius:15px;background:#fff}.example-row>span{width:34px;height:34px;border-radius:11px;background:#ecfdf5;color:#047857;display:grid;place-items:center;font-size:10px;font-weight:900}.example-row b{display:block;font-size:13px;color:#273247}.example-row small{display:block;color:#7b8495;margin-top:4px;font-size:11px}
.mistake-panel{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:23px;border-radius:20px;background:#fff7ed;border:1px solid #fed7aa;margin:24px 0}.mistake-panel h3{color:#9a3412}.mistake-list{display:grid;gap:8px}.mistake-list p{display:flex;gap:9px;margin:0;font-size:12px;color:#7c3b18}.mistake-list p>span{width:22px;height:22px;flex:0 0 22px;border-radius:7px;display:grid;place-items:center;background:#ffedd5;color:#c2410c;font-weight:900}
.practice-card{display:grid;grid-template-columns:62px 1fr;gap:17px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #bbf7d0;margin:25px 0}.practice-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#059669;color:#fff;font-size:26px;box-shadow:0 12px 25px rgba(5,150,105,.2)}.practice-card h3{color:#065f46}.practice-card ul{margin:10px 0 0;padding-left:19px}.practice-card li{font-size:12px;color:#35685a}
.recap-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:17px 0 3px;border-top:1px dashed #dbe0e9;margin-top:28px}.recap-strip b{font-size:11px;color:#566176;margin-right:4px}.recap-strip span{padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800}
.vocab-section-pro{margin:10px 42px 0;padding:32px 0 8px}.vocab-count-badge{padding:8px 12px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:900}.vocab-section-pro .vocab-grid{grid-template-columns:repeat(2,1fr);gap:13px}.vocab-section-pro .vocab-card{padding:18px;border-radius:18px;background:linear-gradient(145deg,#fff,#fafbff)}.vocab-card-head{display:flex!important;justify-content:space-between;align-items:flex-start!important}.vocab-card-head>div{display:block!important}.vocab-card-head h3{font-size:19px}.vocab-card-head span{display:block;margin-top:2px}.vocab-section-pro .speak-button{position:static;flex:0 0 38px}.vocab-section-pro .vocab-card>b{font-size:12px}.vocab-section-pro .vocab-card p{font-size:12px;line-height:1.55}.vocab-section-pro .vocab-card small{font-size:10px;line-height:1.45;display:block}
.lesson-quiz-cta{margin:30px 42px;display:grid;grid-template-columns:62px 1fr auto;gap:18px;align-items:center;padding:24px;border-radius:22px;background:linear-gradient(135deg,#312e81,#5b21b6);color:#fff}.quiz-cta-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:26px}.lesson-quiz-cta .content-kicker{color:#c4b5fd}.lesson-quiz-cta h2{color:#fff;font-size:22px;margin:2px 0 6px}.lesson-quiz-cta p{margin:0;color:#ddd6fe;font-size:12px}.lesson-quiz-cta small{display:block;color:#c4b5fd;margin-top:7px}.lesson-quiz-cta .button{background:#fff;color:#4338ca;box-shadow:none;white-space:nowrap}
.lesson-actions-pro{margin:0 42px 42px;padding-top:26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.lesson-actions-pro>a:last-child{justify-self:end}.lesson-actions-pro form{justify-self:center}.lesson-guide-card ol{padding-left:20px;color:#687286;font-size:12px}.lesson-guide-card li{margin:8px 0}.source-policy-card{margin-top:15px;background:#f8fafc}.source-policy-card p{font-size:11px;color:#697386}.side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-sm)}.side-card+.side-card{margin-top:15px}.side-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef2ff;font-size:20px}.side-card h3{margin:14px 0 8px}
@media(max-width:1020px){.lesson-hero-pro{grid-template-columns:1fr}.lesson-illustration{max-width:660px}.goal-grid{grid-template-columns:1fr}.lesson-actions-pro{grid-template-columns:1fr;gap:10px}.lesson-actions-pro>*{width:100%;justify-self:stretch!important}.lesson-actions-pro form button{width:100%}}
@media(max-width:760px){.lesson-topbar{align-items:flex-start;gap:8px}.lesson-topbar span{text-align:right}.lesson-article-pro{padding:0;border-radius:20px}.lesson-hero-pro{padding:25px 20px;gap:22px}.lesson-hero-copy h1{font-size:36px}.lesson-hero-copy>p{font-size:14px}.lesson-hero-stats{gap:7px}.lesson-hero-stats span{font-size:9px;padding:7px 9px}.lesson-progress-bar{padding:16px 20px 0}.lesson-progress-bar i{left:20px;max-width:calc(100% - 40px)}.lesson-content-pro{padding:28px 20px 8px}.lesson-content-pro h2{font-size:24px}.concept-cards{grid-template-columns:1fr}.mistake-panel{grid-template-columns:1fr}.practice-card{grid-template-columns:48px 1fr;padding:18px}.practice-icon{width:44px;height:44px;border-radius:14px}.vocab-section-pro{margin:8px 20px 0}.vocab-section-pro .vocab-grid{grid-template-columns:1fr}.lesson-quiz-cta{margin:24px 20px;grid-template-columns:48px 1fr;padding:19px}.quiz-cta-icon{width:44px;height:44px;border-radius:14px}.lesson-quiz-cta .button{grid-column:1/-1;width:100%}.lesson-actions-pro{margin:0 20px 28px}.goal-grid{grid-template-columns:1fr}.learning-goals{padding:16px}.concept-lead{padding:22px}.responsive-table{margin-inline:-2px}}

/* CEFR A1-C2 production curriculum */
.cefr-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#f7f8ff)}
.cefr-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 20%,rgba(79,70,229,.09),transparent 30%),radial-gradient(circle at 95% 80%,rgba(8,145,178,.09),transparent 30%);pointer-events:none}
.cefr-section>.container,.cefr-library>.container{position:relative}
.cefr-path{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.cefr-step{position:relative;min-height:228px;padding:20px;border:1px solid #e3e7f1;border-radius:24px;background:#fff;color:#172033;text-decoration:none;overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.cefr-step:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--theme,#4f46e5)}
.cefr-step:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-58px;bottom:-62px;background:var(--theme,#4f46e5);opacity:.08}
.cefr-step:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(15,23,42,.12);border-color:var(--theme,#4f46e5);border-color:color-mix(in srgb,var(--theme,#4f46e5) 40%,#e3e7f1)}
.cefr-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.cefr-step-head>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#eef0ff;background:color-mix(in srgb,var(--theme,#4f46e5) 12%,white);color:var(--theme,#4f46e5);font-size:18px;font-weight:950;letter-spacing:-.04em}
.cefr-step-head i{font-style:normal;font-size:10px;font-weight:850;color:#8992a5;text-transform:uppercase;letter-spacing:.06em}
.cefr-step h3{font-size:16px;line-height:1.25;margin:0 0 9px;letter-spacing:-.025em}
.cefr-step p{font-size:11px;line-height:1.6;color:#697386;margin:0 0 18px}
.cefr-step small{position:absolute;left:20px;bottom:19px;font-size:9px;color:#7a8498;font-weight:800}
.cefr-step.current{border:2px solid var(--theme,#4f46e5);box-shadow:0 18px 46px rgba(79,70,229,.15);box-shadow:0 18px 46px color-mix(in srgb,var(--theme,#4f46e5) 15%,transparent)}
.current-level-label{position:absolute;right:14px;top:14px;padding:6px 8px;border-radius:999px;background:var(--theme,#4f46e5);color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.cefr-footnote{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px auto 0;padding:13px 18px;width:max-content;max-width:100%;border:1px solid #dfe4f1;border-radius:999px;background:rgba(255,255,255,.8);backdrop-filter:blur(12px)}
.cefr-footnote>span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#eef2ff;color:#4f46e5}
.cefr-footnote p{margin:0;font-size:11px;color:#657086}.cefr-footnote a{color:#4338ca;font-weight:800}
.theme-emerald{--theme:#059669}.theme-cyan{--theme:#0891b2}.theme-violet{--theme:#7c3aed}.theme-indigo{--theme:#4f46e5}.theme-blue{--theme:#2563eb}.theme-amber{--theme:#d97706}.theme-rose{--theme:#e11d48}.theme-slate{--theme:#334155}
.learning-library-hero{background:radial-gradient(circle at 80% 15%,rgba(34,211,238,.16),transparent 28%),radial-gradient(circle at 12% 80%,rgba(124,58,237,.15),transparent 32%),linear-gradient(145deg,#f8fafc,#eef2ff)}
.hero-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-quick-actions .button-ghost{background:rgba(255,255,255,.68)}
.cefr-library{padding-bottom:36px}.cefr-path-library .cefr-step{min-height:248px}.cefr-path-library .cefr-step h3{font-size:14px}.cefr-path-library .cefr-step p{font-size:10px;line-height:1.55}
.continue-learning-card{display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:center;padding:25px;margin-bottom:18px;border-radius:25px;background:linear-gradient(135deg,#1e1b4b,#4f46e5 60%,#7c3aed);color:#fff;text-decoration:none;box-shadow:0 20px 48px rgba(67,56,202,.25);transition:transform .2s ease,box-shadow .2s ease}
.continue-learning-card:hover{transform:translateY(-3px);box-shadow:0 26px 60px rgba(67,56,202,.32)}
.continue-learning-icon{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:30px;border:1px solid rgba(255,255,255,.18)}
.continue-learning-card .eyebrow{color:#c4b5fd}.continue-learning-card h2{margin:3px 0 5px;color:#fff;font-size:23px;letter-spacing:-.03em}.continue-learning-card p{margin:0 0 7px;color:#ddd6fe;font-size:12px}.continue-learning-card small{color:#c4b5fd}.continue-learning-card>b{padding:11px 15px;border-radius:13px;background:#fff;color:#4338ca;font-size:12px;white-space:nowrap}
.dashboard-level-track{margin:28px 0 26px;padding:22px;border:1px solid #e2e7f0;border-radius:23px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 12px 34px rgba(15,23,42,.045)}
.dashboard-level-track>div:first-child{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.dashboard-level-track h2{font-size:20px;margin:4px 0 0}.level-track-items{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.level-track-items:before{content:"";position:absolute;left:5%;right:5%;top:20px;height:2px;background:#e1e6ef;z-index:0}.level-track-items a{position:relative;z-index:1;text-align:center;text-decoration:none;color:#758095}.level-track-items b{margin:auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid #dde3ed;box-shadow:0 5px 15px rgba(15,23,42,.06);font-size:12px}.level-track-items small{display:block;margin-top:7px;font-size:8px;font-weight:700}.level-track-items a.active b{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 10px 24px rgba(79,70,229,.27)}.level-track-items a.active small{color:#4338ca}
@media(max-width:1100px){.cefr-path{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.cefr-path{grid-template-columns:repeat(2,1fr);gap:10px}.cefr-step{min-height:214px;padding:17px;border-radius:20px}.cefr-step-head{margin-bottom:18px}.cefr-step-head>span{width:48px;height:48px;border-radius:15px}.cefr-step small{left:17px;bottom:16px}.cefr-footnote{width:100%;border-radius:18px;align-items:flex-start}.continue-learning-card{grid-template-columns:54px 1fr;padding:19px;gap:13px}.continue-learning-icon{width:52px;height:52px;border-radius:16px;font-size:24px}.continue-learning-card h2{font-size:19px}.continue-learning-card p{display:none}.continue-learning-card>b{grid-column:1/-1;text-align:center}.level-track-items{grid-template-columns:repeat(3,1fr);row-gap:14px}.level-track-items:before{display:none}.dashboard-level-track>div:first-child{display:block}.hero-quick-actions .button{width:100%}}
@media(max-width:430px){.cefr-path{grid-template-columns:1fr}.cefr-step{min-height:190px}.cefr-step p{max-width:85%}}

/* Placement result */
.placement-result-card {
  display: grid;
  grid-template-columns: 118px 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 30px;
  padding: 26px;
  border: 1px solid rgba(80, 86, 216, .16);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(80, 86, 216, .08), rgba(24, 183, 145, .08));
  box-shadow: 0 18px 45px rgba(37, 43, 104, .08);
}
.placement-result-card h2 { margin: 4px 0 8px; }
.placement-result-card p { margin: 0 0 18px; color: var(--muted); }
.placement-level-orb {
  width: 112px;
  height: 112px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(145deg, #5056d8, #18b791);
  box-shadow: 0 14px 30px rgba(80, 86, 216, .24);
}
.placement-level-orb small { font-weight: 800; letter-spacing: .18em; opacity: .78; }
.placement-level-orb strong { font-size: 38px; line-height: 1; margin-top: 4px; }
@media (max-width: 640px) {
  .placement-result-card { grid-template-columns: 1fr; padding: 22px; }
  .placement-level-orb { width: 88px; height: 88px; border-radius: 24px; }
  .placement-level-orb strong { font-size: 30px; }
}

/* Registration password confirmation — v3.2 */
.password-status{margin-top:-5px;padding:10px 12px;border-radius:10px;background:#f7f8fc;border:1px solid #e4e7ef;color:#687085;font-size:11px;line-height:1.45}
.password-status.valid{background:#ecfdf3;border-color:#a7f3d0;color:#047857}
.password-status.invalid{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.error-incident{display:block;margin:12px 0 20px;color:#7b8498;font-size:11px;letter-spacing:.06em}
/* Database recovery — v3.3 */
.error-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.secondary-button{background:#eef2ff!important;color:#4338ca!important;box-shadow:none!important}

/* AI Tutor viewport stability — v3.4.0
   Keep the navigation/sidebar visible while only the conversation scrolls. */
body.page-ai {
  overflow: hidden;
}
.page-ai .app-shell {
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}
.page-ai .main-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.page-ai .site-footer {
  display: none;
}
.page-ai .ai-page {
  height: 100%;
  min-height: 0;
  padding: 18px 0;
  overflow: hidden;
}
.page-ai .ai-page-grid {
  height: 100%;
  max-height: 100%;
  min-height: 0;
}
.page-ai .ai-sidebar {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.28) transparent;
}
.page-ai .ai-sidebar::-webkit-scrollbar {
  width: 6px;
}
.page-ai .ai-sidebar::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.24);
  border-radius: 999px;
}
.page-ai .chat-panel {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.page-ai .chat-panel > header,
.page-ai .chat-composer {
  min-width: 0;
}
.page-ai .chat-messages {
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}
.page-ai .chat-composer {
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0 -8px 22px rgba(32,41,74,.035);
}

@media (max-width: 760px) {
  body.page-ai {
    padding-bottom: 0;
  }
  .page-ai .main-content {
    padding-bottom: 66px;
  }
  .page-ai .ai-page {
    padding: 0;
  }
  .page-ai .ai-page-grid {
    height: 100%;
  }
  .page-ai .chat-panel > header {
    flex: 0 0 auto;
  }
  .page-ai .chat-messages {
    padding-bottom: 24px;
  }
}

@media (max-height: 700px) and (min-width: 761px) {
  .page-ai .ai-page {
    padding: 10px 0;
  }
  .page-ai .ai-user-context {
    margin-top: 14px;
  }
  .page-ai .prompt-library {
    margin-top: 14px;
  }
}



/* Vocabulary 8K — v3.5 */
.vocab-hero{background:linear-gradient(135deg,#151a3d 0%,#4338ca 65%,#6d5dfc 100%);color:#fff;padding:64px 0 50px}.vocab-hero .container{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:48px;align-items:center}.vocab-hero h1{font-size:clamp(2.2rem,5vw,4rem);max-width:780px;margin:.35rem 0 1rem}.vocab-hero p{max-width:720px;color:#e4e7ff;font-size:1.08rem}.vocab-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.vocab-hero-actions span{color:#d8dbff}.vocab-path-ring{width:190px;height:190px;border:14px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 24px 50px rgba(12,15,55,.28)}.vocab-path-ring strong{font-size:2.7rem}.vocab-path-ring span,.vocab-path-ring small{color:#e8eaff}.vocab-page,.review-page{padding:38px 0 72px}.level-path{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:24px}.level-chip{padding:16px;border:1px solid var(--border);border-radius:18px;background:#fff;display:flex;justify-content:space-between;align-items:center;transition:.2s}.level-chip:hover,.level-chip.active{border-color:var(--primary);box-shadow:0 12px 24px rgba(79,70,229,.12);transform:translateY(-2px)}.level-chip b{font-size:1.2rem;color:var(--primary)}.level-chip span{font-size:.78rem;color:var(--muted)}.vocab-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.vocab-toolbar form,.admin-filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vocab-toolbar input,.vocab-toolbar select,.admin-filter-bar input,.admin-filter-bar select{min-height:44px}.search-field{position:relative}.search-field span{position:absolute;left:14px;top:10px}.search-field input{padding-left:38px;min-width:290px}.result-summary{color:var(--muted)}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vocab-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;position:relative;box-shadow:0 8px 28px rgba(15,23,42,.05);transition:.2s}.vocab-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.09)}.vocab-card.status-mastered{border-color:#86efac;background:linear-gradient(180deg,#fff,#f0fdf4)}.vocab-card.status-learning{border-color:#c4b5fd}.vocab-card-top{display:flex;align-items:center;gap:8px}.vocab-card-top .rank{font-size:.75rem;color:var(--muted)}.level-badge{margin-left:auto;padding:4px 9px;border-radius:999px;font-weight:800;font-size:.72rem;background:#eef2ff;color:#4338ca}.speak-mini{border:0;background:#f2f1ff;border-radius:10px;width:34px;height:34px;cursor:pointer}.vocab-card h2{font-size:1.65rem;margin:12px 0 2px}.vocab-card .translation{font-size:1.04rem;color:#334155;min-height:48px}.word-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.word-meta span{font-size:.72rem;background:#f1f5f9;padding:5px 8px;border-radius:8px;color:#64748b}.vocab-card blockquote{margin:14px 0 0;border-left:3px solid #a5b4fc;padding:8px 10px;background:#f8fafc;font-size:.86rem}.vocab-card blockquote small{display:block;color:var(--muted);margin-top:4px}.vocab-actions{display:flex;gap:6px;margin-top:16px}.chip-button{flex:1;border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px;font-size:.76rem;cursor:pointer}.chip-button.selected,.chip-button:hover{border-color:var(--primary);color:var(--primary);background:#eef2ff}.chip-button.success.selected,.chip-button.success:hover{border-color:#16a34a;color:#15803d;background:#f0fdf4}.pagination{display:flex;justify-content:center;gap:7px;margin:32px 0}.pagination a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:#fff}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.editorial-note,.notice-card{padding:16px 18px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.editorial-note{margin-top:28px;font-size:.85rem}.review-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.review-deck{max-width:720px;margin:auto}.review-card{position:relative;min-height:460px;background:linear-gradient(145deg,#fff,#f5f3ff);border:1px solid #ddd6fe;border-radius:32px;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 28px 70px rgba(79,70,229,.13)}.review-counter{position:absolute;top:24px;left:26px;color:var(--muted)}.review-speaker{position:absolute;top:20px;right:24px;border:0;background:#ebe9ff;border-radius:14px;width:48px;height:48px;font-size:1.15rem}.review-word h2{font-size:clamp(3rem,9vw,5.2rem);margin:12px 0}.review-word p{color:var(--muted)}.review-answer{width:100%;border-top:1px solid var(--border);margin-top:22px;padding-top:22px}.review-answer h3{font-size:1.6rem}.review-actions,.review-nav{display:flex;justify-content:center;gap:12px;margin-top:22px}.admin-word-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:20px}.admin-filter-bar{margin-bottom:14px}.editorial-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:800}.editorial-badge.reviewed{background:#dcfce7;color:#166534}.editorial-badge.generated{background:#e0e7ff;color:#3730a3}.editorial-badge.pending{background:#ffedd5;color:#9a3412}.muted{color:var(--muted)}
@media(max-width:980px){.level-path{grid-template-columns:repeat(3,1fr)}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-word-layout{grid-template-columns:1fr}.vocab-hero .container{grid-template-columns:1fr}.vocab-path-ring{display:none}}
@media(max-width:640px){.vocab-hero{padding:42px 0 34px}.level-path{grid-template-columns:repeat(2,1fr)}.vocab-grid{grid-template-columns:1fr}.vocab-toolbar{align-items:stretch;flex-direction:column}.vocab-toolbar form{display:grid;grid-template-columns:1fr 1fr}.vocab-toolbar .search-field{grid-column:1/-1}.search-field input{min-width:0;width:100%}.review-card{padding:26px 18px;min-height:430px}.review-actions{flex-direction:column}.review-heading{align-items:flex-start;flex-direction:column}}

.course-skills{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--theme-soft,#eef2ff);color:var(--theme,#4f46e5);font-size:10px;font-weight:750;line-height:1.55}.course-meta span b{color:#18213a}.course-skill-banner{display:inline-flex;flex-wrap:wrap;margin-top:16px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.78);color:var(--theme,#4f46e5);font-size:11px;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.07)}

/* =========================================================
   BisaEuy Academy v3.6 — lesson layout, Gemini settings, games
   ========================================================= */
.lesson-hero-pro{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:stretch;gap:24px;padding:34px}
.lesson-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.lesson-hero-copy h1{font-size:clamp(34px,4vw,50px);max-width:720px;overflow-wrap:anywhere}
.lesson-hero-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.lesson-illustration{margin:0;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:#f8fafc}
.lesson-illustration img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}
.lesson-hero-progress-card{display:flex;flex:1;flex-direction:column;justify-content:center;padding:24px;border:1px solid #e0e5f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f5f3ff)}
.lesson-hero-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.lesson-hero-progress-head small{display:block;margin-bottom:4px;color:#7b8498;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lesson-hero-progress-head b{font-size:18px;color:#172033}.lesson-hero-progress-head>strong{font-size:27px;color:#4f46e5;letter-spacing:-.04em}
.lesson-hero-progress-track{position:relative;height:10px;margin-top:20px;overflow:hidden;border-radius:999px;background:#e7eaf2}.lesson-hero-progress-track i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#5543ed,#3b82f6,#22c55e)}
.lesson-hero-progress-card p{margin:14px 0 0;color:#697386;font-size:12px;line-height:1.6}
.lesson-hero-pro.has-illustration .lesson-hero-progress-card{flex:0 0 auto}

.ai-provider-panel{display:grid;gap:14px;padding:16px 0 4px}.ai-provider-panel[hidden]{display:none}.credential-status{padding:10px 12px;border-radius:12px;font-size:12px;font-weight:700}.credential-status.configured{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.credential-status.missing{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.notice-success{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#065f46!important}

.games-page{padding:36px 0 78px;background:radial-gradient(circle at 5% 5%,rgba(79,70,229,.08),transparent 28%),#f6f8fc;min-height:calc(100vh - 74px)}
.games-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:24px;align-items:center;padding:36px;border:1px solid #e1e6f0;border-radius:28px;background:#fff}.games-hero h1{margin:7px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.05em;color:#141d33}.games-hero p{max-width:720px;margin:0;color:#667085;font-size:16px;line-height:1.75}.games-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.games-hero-badges span{padding:8px 11px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:800}
.games-today-card{padding:28px;border-radius:22px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;text-align:center}.games-today-card small,.games-today-card span{display:block;color:#e9e7ff}.games-today-card strong{display:block;margin:8px 0 4px;font-size:44px;letter-spacing:-.05em}
.game-mode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}.game-mode-card{display:flex;min-height:152px;flex-direction:column;gap:7px;padding:17px;border:1px solid #e1e6f0;border-radius:18px;background:#fff;color:#1f2937;transition:.18s}.game-mode-card:hover,.game-mode-card.active{border-color:#7565ef;box-shadow:0 14px 30px rgba(79,70,229,.12);transform:translateY(-2px)}.game-mode-card.active{background:#f4f2ff}.game-mode-icon{font-size:25px}.game-mode-card b{font-size:13px}.game-mode-card small{color:#7a8396;font-size:10px;line-height:1.5}
.games-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.55fr);gap:20px;align-items:start}.game-console{scroll-margin-top:92px;outline:none;overflow:hidden;border:1px solid #dfe5ef;border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.07)}.game-console-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:26px 28px;border-bottom:1px solid #e7eaf0}.game-console-head h2{margin:4px 0 6px;font-size:28px}.game-console-head p{margin:0;color:#6b7280;font-size:13px}.game-level-picker{min-width:105px}.game-level-picker label{margin:0}.game-level-picker select{min-height:42px}
.game-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e7eaf0}.game-scoreboard>div{padding:16px;text-align:center;border-right:1px solid #e7eaf0}.game-scoreboard>div:last-child{border-right:0}.game-scoreboard small{display:block;color:#7b8498;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.game-scoreboard strong{display:block;margin-top:3px;font-size:22px;color:#172033}.game-progress-track{height:6px;background:#e8ebf2}.game-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4f46e5,#8b5cf6,#22c55e);transition:width .2s linear}
.game-stage{min-height:390px;display:grid;place-items:center;padding:30px}.game-start-panel,.game-result-panel{max-width:520px;text-align:center}.game-start-icon,.game-result-icon{display:block;font-size:55px}.game-start-panel h3,.game-result-panel h3{margin:12px 0 8px;font-size:27px}.game-start-panel p,.game-result-panel p{color:#6b7280;line-height:1.7}.game-start-button{margin-top:10px;min-width:190px}.game-question{width:min(680px,100%);text-align:center}.game-question-label{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.game-prompt{margin:22px 0}.scrambled-word,.meaning-word{font-size:clamp(42px,8vw,72px);font-weight:900;letter-spacing:.08em;color:#18213a}.meaning-word{letter-spacing:-.04em}.game-hint{color:#687386;font-size:13px}.game-answer-row{display:flex;gap:10px;max-width:540px;margin:20px auto 0}.game-answer-row input{flex:1;min-width:0;font-size:17px;text-align:center}.game-answer-row .button{min-width:120px}.game-question>small{display:block;margin-top:10px;color:#98a1b3}.game-feedback{min-height:44px;padding:0 28px 22px;text-align:center;font-size:13px;font-weight:800}.game-feedback.success{color:#047857}.game-feedback.error{color:#be123c}.game-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px}.game-option-grid button,.sentence-pieces button{border:1px solid #dfe4ed;border-radius:14px;background:#fff;padding:14px;color:#26324a;font:inherit;font-weight:700;cursor:pointer}.game-option-grid button:hover,.sentence-pieces button:hover{border-color:#6d5df6;background:#f4f2ff}.game-option-grid button.correct{border-color:#22c55e;background:#ecfdf5}.game-option-grid button.wrong{border-color:#f43f5e;background:#fff1f2}.listening-orb{width:98px;height:98px;display:grid;place-items:center;margin:auto;border-radius:32px;background:#eeecff;font-size:43px}.game-speak-button{border:0;border-radius:999px;background:#4f46e5;color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}.missing-sentence{padding:22px;border-radius:18px;background:#f8fafc;color:#27324a;font-size:22px;line-height:1.6}.sentence-answer{min-height:70px;display:flex;align-items:center;justify-content:center;padding:15px;border:2px dashed #c7cde0;border-radius:17px;background:#fafbff;color:#48536a;font-size:17px;line-height:1.6}.sentence-pieces{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:17px}.sentence-pieces button{padding:9px 12px}.sentence-pieces button:disabled{opacity:.35}.game-action-row{display:flex;justify-content:center;gap:10px;margin-top:20px}.game-result-score{margin:8px 0;font-size:46px;font-weight:900;color:#4f46e5;letter-spacing:-.05em}
.games-sidebar{display:grid;gap:16px}.game-stats-list{display:grid;gap:10px;margin-top:18px}.game-stats-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5}.game-stats-list span{color:#727c90;font-size:12px}.game-stats-list b{color:#1e293b}.recent-games-section{margin-top:32px}.recent-game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recent-game-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 18px;padding:17px 19px;border:1px solid #e1e6ef;border-radius:17px;background:#fff}.recent-game-card div{display:flex;flex-direction:column}.recent-game-card small,.recent-game-card span{color:#7a8498;font-size:10px}.recent-game-card>strong{font-size:22px;color:#4f46e5}.recent-game-card>span{grid-column:1/-1}

@media(max-width:1080px){.game-mode-grid{grid-template-columns:repeat(3,1fr)}.games-layout{grid-template-columns:1fr}.games-sidebar{grid-template-columns:repeat(2,1fr)}.lesson-hero-pro{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)}}
@media(max-width:760px){.lesson-hero-pro{grid-template-columns:1fr;padding:24px 20px}.lesson-hero-copy h1{font-size:36px}.lesson-hero-progress-card{padding:20px}.games-page{padding:20px 0 58px}.games-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:21px}.games-hero h1{font-size:36px}.games-today-card{padding:20px}.game-mode-grid{grid-template-columns:repeat(2,1fr)}.game-mode-card{min-height:132px}.game-console-head{padding:20px;flex-direction:column}.game-level-picker{width:100%}.game-level-picker select{width:100%}.game-scoreboard>div{padding:12px 6px}.game-scoreboard strong{font-size:18px}.game-stage{min-height:360px;padding:22px 16px}.game-answer-row{flex-direction:column}.game-answer-row .button{width:100%}.game-option-grid{grid-template-columns:1fr}.games-sidebar{grid-template-columns:1fr}.recent-game-grid{grid-template-columns:1fr}.scrambled-word,.meaning-word{font-size:44px}.missing-sentence{font-size:18px}.mobile-bottom-nav a{width:16.666%;font-size:7px}.mobile-bottom-nav .ai-tab span{width:34px;height:34px;margin-top:-17px}}


/* BisaEuy Academy v1.0.0 Foundation */
.academy-hero,.v1-dashboard-hero{padding:70px 0;background:radial-gradient(circle at 12% 10%,rgba(79,70,229,.13),transparent 33%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.12),transparent 30%),#f8fafc}
.academy-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:34px;align-items:center}.academy-hero h1{max-width:760px;margin:10px 0 18px;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.055em;color:#111827}.academy-hero p{max-width:700px;font-size:18px;line-height:1.75;color:#64748b}.academy-hero-card{padding:32px;border:1px solid #dbe2ee;border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.08)}.academy-hero-card>span{font-size:48px}.academy-hero-card b{display:block;margin:17px 0 8px;font-size:21px}.academy-hero-card p{font-size:14px}.academy-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.academy-program-card{display:flex;gap:20px;padding:25px;border:1px solid #e1e7f0;border-radius:22px;background:#fff;color:inherit;text-decoration:none;transition:.2s}.academy-program-card:hover{transform:translateY(-3px);border-color:#a5b4fc;box-shadow:0 18px 40px rgba(15,23,42,.08)}.academy-program-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:18px;background:#eef2ff;font-size:28px}.academy-program-card h3{margin:5px 0 8px;font-size:22px}.academy-program-card p{margin:0;color:#69758a;line-height:1.6}.program-meta{display:flex;justify-content:space-between;gap:12px;margin-top:15px;font-size:12px;color:#64748b}.program-meta b{padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857;text-transform:capitalize}.status-coming_soon{background:#fff7ed!important;color:#c2410c!important}.foundation-banner{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:35px;border:1px solid #dbe3ef;border-radius:26px;background:#fff}.foundation-banner h2{margin:5px 0 8px}.foundation-banner p{margin:0;max-width:720px;color:#64748b;line-height:1.65}.program-detail-layout,.learning-path-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.track-card{padding:25px;margin-bottom:18px;border:1px solid #e2e8f0;border-radius:22px;background:#fff}.track-card h3{font-size:23px;margin:5px 0}.track-card p{color:#64748b}.module-row{display:flex;gap:13px;align-items:center;margin-top:13px;padding:14px;border-radius:14px;background:#f8fafc}.module-row span{font-size:22px}.module-row b,.module-row small{display:block}.module-row small{margin-top:4px;color:#64748b}.program-summary-card{position:sticky;top:100px;padding:25px;border:1px solid #e2e8f0;border-radius:22px;background:#fff}.program-summary-card>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}.program-summary-card p{color:#64748b;line-height:1.6}.learning-path-card{padding:26px;margin-bottom:20px;border:1px solid #e2e8f0;border-radius:24px;background:#fff}.learning-path-card.active{border-color:#a5b4fc;box-shadow:0 16px 40px rgba(79,70,229,.08)}.path-card-head{display:flex;justify-content:space-between;gap:22px}.path-card-head h2{margin:5px 0 8px}.path-card-head p{color:#64748b}.path-progress{text-align:center}.path-progress b{display:block;font-size:32px;color:#4f46e5}.path-progress span{font-size:12px;color:#64748b}.path-progress-track,.journey-bar{height:10px;border-radius:999px;background:#e8edf4;overflow:hidden}.path-progress-track i,.journey-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#2563eb,#10b981)}.path-progress-track{margin:18px 0}.path-steps{display:grid;gap:10px}.path-step{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid #e7ebf2;border-radius:15px;color:inherit;text-decoration:none}.path-step>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#4338ca;font-weight:800}.path-step small,.path-step b,.path-step p{display:block}.path-step small{color:#7c8799;text-transform:capitalize}.path-step p{margin:4px 0 0;color:#64748b;font-size:13px}.v1-dashboard-welcome{display:flex;justify-content:space-between;gap:25px;align-items:center}.v1-dashboard-welcome h1{font-size:clamp(38px,5vw,62px);margin:8px 0}.journey-level{display:grid;justify-items:center;min-width:190px;padding:22px;border:1px solid #dbe2ee;border-radius:22px;background:#fff}.journey-level>b{font-size:44px;color:#4f46e5}.journey-level small,.journey-level span{color:#64748b}.v1-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.journey-overview{display:flex;justify-content:space-between;gap:25px;padding:26px;border:1px solid #e2e8f0;border-radius:24px;background:#fff}.journey-overview>div:first-child{flex:1}.journey-overview h2{margin:5px 0 15px}.journey-overview>div>small{display:block;margin-top:8px;color:#64748b}.journey-stats{display:flex;gap:10px;align-items:center}.journey-stats span{min-width:75px;padding:14px;border-radius:16px;background:#f8fafc;text-align:center}.journey-stats b,.journey-stats small{display:block}.journey-stats b{font-size:20px}.journey-stats small{color:#64748b}.v1-continue{margin-top:18px}.today-mission{margin:30px 0}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mission-grid a{display:grid;gap:4px;padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:inherit;text-decoration:none}.mission-grid span{font-size:27px}.mission-grid small{color:#64748b}.coach-card{background:linear-gradient(145deg,#312e81,#4f46e5);color:#fff}.coach-card p,.coach-card small{color:#e0e7ff}.coach-card .button{background:#fff;color:#3730a3}
@media(max-width:900px){.academy-hero-grid,.program-detail-layout,.learning-path-layout,.v1-dashboard-grid{grid-template-columns:1fr}.academy-program-grid{grid-template-columns:1fr}.program-summary-card{position:static}.v1-dashboard-welcome,.journey-overview,.foundation-banner{align-items:stretch;flex-direction:column}.journey-stats{justify-content:space-between}.mission-grid{grid-template-columns:1fr}}
@media(max-width:600px){.academy-hero,.v1-dashboard-hero{padding:42px 0}.academy-hero h1{font-size:42px}.academy-program-card{padding:20px}.academy-program-icon{width:48px;height:48px;flex-basis:48px}.path-card-head{display:block}.path-progress{text-align:left;margin-top:14px}.journey-level{min-width:0}.journey-stats{display:grid;grid-template-columns:repeat(3,1fr)}.journey-stats span{min-width:0;padding:10px}}


/* BisaEuy Academy v1.0.1 — lesson media and layout hotfix */
.lesson-hero-pro{
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);
  align-items:start;
  gap:24px;
  padding:30px;
}
.lesson-hero-copy{
  justify-content:flex-start;
  padding-top:14px;
}
.lesson-hero-copy h1{
  margin-top:16px;
  font-size:clamp(34px,3.8vw,48px);
}
.lesson-hero-copy>p{
  max-width:680px;
  line-height:1.7;
}
.lesson-hero-side{
  gap:12px;
}
.lesson-illustration{
  min-height:0;
  height:190px;
  padding:10px;
  border-radius:18px;
  background:linear-gradient(145deg,#f8fafc,#eef2ff);
}
.lesson-illustration img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:14px;
  box-shadow:none;
}
.lesson-hero-progress-card{
  flex:0 0 auto;
  min-height:168px;
  padding:20px;
}
.lesson-hero-progress-track{
  margin-top:16px;
}
.lesson-hero-progress-card p{
  margin-top:12px;
}
.lesson-hero-pro.no-illustration{
  grid-template-columns:minmax(0,1fr) minmax(250px,320px);
}
@media(max-width:1080px){
  .lesson-hero-pro{
    grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);
  }
  .lesson-illustration{height:170px}
}
@media(max-width:760px){
  .lesson-hero-pro,
  .lesson-hero-pro.no-illustration{
    grid-template-columns:1fr;
    padding:23px 19px;
  }
  .lesson-hero-copy{padding-top:0}
  .lesson-hero-copy h1{font-size:35px}
  .lesson-illustration{height:180px}
  .lesson-hero-progress-card{min-height:0;padding:18px}
}

/* BisaEuy Academy v1.0.2 — lesson horizontal spacing refinement */
.lesson-hero-copy{
  padding-left:14px;
  padding-right:8px;
}
.lesson-meta-row,
.lesson-hero-copy h1,
.lesson-hero-copy>p,
.lesson-hero-stats{
  max-width:100%;
}
@media(max-width:760px){
  .lesson-hero-copy{
    padding-left:5px;
    padding-right:5px;
  }
}




/* BisaEuy v1.1.0 — Smart Tutor */
.tutor-speech-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.tutor-speech-button,.tutor-rec-speech button,.tutor-feedback button{border:1px solid rgba(91,75,223,.18);background:#fff;color:#4338ca;border-radius:999px;padding:8px 12px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:.18s ease}.tutor-speech-button:hover,.tutor-rec-speech button:hover,.tutor-feedback button:hover{transform:translateY(-1px);border-color:rgba(91,75,223,.45);box-shadow:0 8px 20px rgba(79,70,229,.10)}.tutor-speech-button:focus-visible,.tutor-rec-speech button:focus-visible,.tutor-feedback button:focus-visible,.tutor-recommendation-link:focus-visible{outline:3px solid rgba(79,70,229,.25);outline-offset:2px}.tutor-recommendations{display:grid;gap:10px;margin:16px 0 8px}.tutor-recommendations-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;color:#1f2937}.tutor-recommendations-heading span{color:#7c8497;font-size:.72rem}.tutor-recommendation-card{overflow:hidden;border:1px solid #e6e8f0;border-radius:16px;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:0 8px 24px rgba(31,41,55,.05)}.tutor-recommendation-card.completed{border-color:#bbf7d0;background:linear-gradient(145deg,#fff,#f0fdf4)}.tutor-recommendation-link{display:grid;gap:5px;padding:14px 15px;color:inherit;text-decoration:none}.tutor-recommendation-link:hover{background:rgba(79,70,229,.035)}.tutor-recommendation-link strong{color:#17213a;line-height:1.35}.tutor-recommendation-link small{color:#697386}.tutor-recommendation-link p{margin:2px 0;color:#596277;font-size:.86rem;line-height:1.5}.tutor-rec-badge{width:max-content;border-radius:999px;background:#eef2ff;color:#4f46e5;padding:4px 8px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tutor-rec-open{color:#4f46e5;font-size:.8rem;font-weight:800}.tutor-rec-speech{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 13px}.tutor-rec-speech button{padding:6px 10px;font-size:.76rem}.tutor-feedback{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:13px;padding-top:11px;border-top:1px solid #edf0f6}.tutor-feedback span{margin-right:auto;color:#697386;font-size:.78rem}.tutor-feedback button{padding:6px 10px;font-size:.75rem}.tutor-feedback button:disabled{cursor:default;opacity:.6;transform:none;box-shadow:none}.message.assistant>div{max-width:min(780px,88%)}@media(max-width:720px){.tutor-recommendations-heading{align-items:start;flex-direction:column;gap:2px}.tutor-feedback span{width:100%;margin-right:0}.message.assistant>div{max-width:calc(100% - 42px)}}

/* Hosting Ready Smart Tutor v1.3.0 */
.tutor-result-card{display:grid;gap:12px;margin:14px 0 10px;padding:16px;border:1px solid #dddff7;border-radius:19px;background:linear-gradient(145deg,#fff,#f7f7ff);box-shadow:0 14px 34px rgba(67,56,202,.08)}
.tutor-result-source,.tutor-result-primary,.tutor-result-alternative{display:grid;gap:5px}
.tutor-result-source{padding-bottom:11px;border-bottom:1px solid #ebecef;color:#586176}
.tutor-result-source small,.tutor-result-primary small,.tutor-result-alternative small{color:#7b8499;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.tutor-result-source p,.tutor-result-alternative p,.tutor-result-explanation p{margin:0;line-height:1.55}
.tutor-result-primary{padding:4px 0}
.tutor-result-primary strong{font-size:1.12rem;line-height:1.55;color:#17213a}
.tutor-result-alternative{padding:12px;border-radius:14px;background:#fff;border:1px solid #ececf5}
.tutor-result-actions{display:flex;flex-wrap:wrap;gap:8px}
.tutor-result-actions button,.tutor-feedback-reasons button{border:1px solid rgba(91,75,223,.20);background:#fff;color:#4338ca;border-radius:999px;padding:8px 12px;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}
.tutor-result-actions button:hover,.tutor-feedback-reasons button:hover{border-color:rgba(91,75,223,.45);box-shadow:0 7px 18px rgba(79,70,229,.09);transform:translateY(-1px)}
.tutor-result-actions.compact button{padding:6px 10px;font-size:.72rem}
.tutor-result-explanation{border-top:1px solid #ececf5;padding-top:10px}
.tutor-result-explanation summary{width:max-content;color:#4338ca;font-size:.8rem;font-weight:800;cursor:pointer}
.tutor-result-explanation p{margin-top:8px;color:#596277;font-size:.84rem}
.tutor-result-meta{color:#8991a3;font-size:.68rem;text-align:right}
.tutor-feedback-reasons{width:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.tutor-feedback-reasons button{font-size:.7rem;padding:6px 9px}
@media(max-width:720px){.tutor-result-card{padding:13px}.tutor-result-primary strong{font-size:1rem}.tutor-result-actions button{flex:1}.tutor-result-meta{text-align:left}}

/* BisaEuy Academy v1.4.0 - HTML5 Interactive Games */
.game-catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:30px 0 14px}.game-catalog-toolbar h2{margin:3px 0 0;font-size:28px;color:#172033}.game-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.game-filter-buttons button{border:1px solid #dfe4ed;border-radius:999px;background:#fff;padding:9px 13px;color:#667085;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.game-filter-buttons button:hover,.game-filter-buttons button.active{border-color:#6658ed;background:#4f46e5;color:#fff}.game-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game-mode-card{min-height:142px}.game-mode-card[hidden]{display:none}.game-mode-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.game-mode-top em{border-radius:999px;background:#ede9fe;padding:5px 8px;color:#5b21b6;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.06em}.game-mode-card.active .game-mode-top em{background:#fff;color:#4f46e5}.game-compat-note{display:block;margin-top:13px;color:#98a1b3}.game-daily-quest{background:linear-gradient(145deg,#fff7ed,#fff);border-color:#fed7aa}.game-daily-quest p{color:#7c5a45;font-size:12px;line-height:1.65}.game-result-meter{height:9px;overflow:hidden;margin:17px auto;width:min(340px,100%);border-radius:999px;background:#e9edf5}.game-result-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#7c3aed,#22c55e)}

.memory-game{max-width:760px}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.memory-card{position:relative;min-height:92px;border:0;border-radius:16px;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .35s;perspective:900px}.memory-card>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border:1px solid #dfe5ef;border-radius:16px;padding:10px}.memory-card-back{background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;font-size:28px;font-weight:900}.memory-card-front{flex-direction:column;gap:5px;background:#fff;color:#172033;font-size:13px;font-weight:800;transform:rotateY(180deg)}.memory-card-front small{color:#7466ef;font-size:8px;letter-spacing:.1em}.memory-card.flipped,.memory-card.matched{transform:rotateY(180deg)}.memory-card.matched .memory-card-front{border-color:#22c55e;background:#ecfdf5;box-shadow:0 8px 18px rgba(34,197,94,.14)}

.hangman-visual{display:grid;place-items:center;width:110px;height:110px;margin:18px auto 6px;border-radius:32px;background:#f1f0ff;font-size:52px}.hangman-lives{color:#be123c;font-size:12px;font-weight:850}.hangman-mask{margin:18px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(28px,6vw,48px);font-weight:900;letter-spacing:.13em;color:#172033}.hangman-keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;max-width:620px;margin:20px auto 0}.hangman-keyboard button{min-height:40px;border:1px solid #dfe4ed;border-radius:10px;background:#fff;color:#334155;font-weight:850;cursor:pointer}.hangman-keyboard button:hover{border-color:#6658ed;background:#f4f2ff}.hangman-keyboard button:disabled{opacity:.3;cursor:default}

.typing-copy{padding:22px;border:1px solid #dfe4ed;border-radius:18px;background:#f8fafc;color:#172033;font-size:clamp(18px,3vw,25px);font-weight:800;line-height:1.55}.catcher-game{max-width:820px}.catcher-target{margin:14px 0;color:#475569;font-size:15px}.word-catcher-canvas{display:block;width:100%;max-width:760px;min-height:280px;margin:12px auto;border:1px solid #dce2ec;border-radius:20px;background:#f8faff;touch-action:manipulation;box-shadow:inset 0 0 30px rgba(79,70,229,.05)}

.true-false-statement{display:grid;gap:8px;margin:28px auto;padding:26px;max-width:570px;border-radius:22px;background:#f8fafc}.true-false-statement b{font-size:clamp(36px,7vw,62px);color:#172033}.true-false-statement span{color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.true-false-statement strong{color:#4f46e5;font-size:24px}.true-false-actions{display:grid;grid-template-columns:repeat(2,minmax(0,190px));justify-content:center;gap:12px}.true-false-actions button{min-height:58px;border:1px solid #dfe4ed;border-radius:16px;background:#fff;color:#172033;font-size:15px;font-weight:850;cursor:pointer}.true-false-actions button:hover{border-color:#6d5df6;background:#f5f3ff}

.grammar-options{display:grid;gap:12px;margin:24px auto 0;max-width:680px}.grammar-options button{border:1px solid #dfe4ed;border-radius:17px;background:#fff;padding:19px;color:#26324a;font:inherit;font-size:15px;font-weight:750;line-height:1.55;text-align:left;cursor:pointer}.grammar-options button:hover{border-color:#6d5df6;background:#f7f5ff}.grammar-options button.correct{border-color:#22c55e;background:#ecfdf5}.grammar-options button.wrong{border-color:#f43f5e;background:#fff1f2}

.pronunciation-word{margin:20px 0 4px;font-size:clamp(44px,9vw,78px);font-weight:900;letter-spacing:-.04em;color:#172033}.pronunciation-actions{display:flex;justify-content:center;gap:10px;margin:20px 0}.speech-result{max-width:580px;margin:0 auto;padding:14px 16px;border-radius:14px;background:#f8fafc;color:#64748b;font-size:12px;line-height:1.6}.pronunciation-fallback{margin-top:16px}

.word-search-selection{min-height:46px;display:grid;place-items:center;margin:15px auto;padding:8px 14px;max-width:430px;border-radius:14px;background:#eef2ff;color:#4338ca;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:900;letter-spacing:.13em}.word-search-grid{display:grid;grid-template-columns:repeat(8,42px);justify-content:center;gap:5px;margin:18px auto}.word-search-grid button{width:42px;height:42px;border:1px solid #dce2ec;border-radius:10px;background:#fff;color:#334155;font-weight:900;cursor:pointer}.word-search-grid button:hover{border-color:#6d5df6;background:#f5f3ff}.word-search-grid button.selected{border-color:#4f46e5;background:#4f46e5;color:#fff;box-shadow:0 5px 14px rgba(79,70,229,.2)}

@media(max-width:1080px){.game-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.game-catalog-toolbar{align-items:flex-start;flex-direction:column}.game-filter-buttons{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.game-filter-buttons button{white-space:nowrap}.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-mode-card{min-height:145px}.memory-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.memory-card{min-height:78px}.memory-card-front{font-size:11px}.hangman-keyboard{grid-template-columns:repeat(7,1fr)}.word-search-grid{grid-template-columns:repeat(8,minmax(30px,39px));gap:3px}.word-search-grid button{width:100%;height:38px;border-radius:8px}.pronunciation-actions{flex-direction:column;align-items:stretch}.true-false-actions{grid-template-columns:1fr}.word-catcher-canvas{min-height:260px}}
@media(max-width:430px){.game-mode-grid{grid-template-columns:1fr 1fr}.game-mode-card{padding:14px;min-height:150px}.memory-board{grid-template-columns:repeat(3,minmax(0,1fr))}.hangman-keyboard{grid-template-columns:repeat(6,1fr)}.word-search-grid{grid-template-columns:repeat(8,minmax(27px,34px))}.word-search-grid button{height:34px;font-size:12px}}

/* ================================================================
   BisaEuy Exam Preparation Center v2.0.1
   ================================================================ */
.exam-center-hero{padding:72px 0;background:radial-gradient(circle at 85% 20%,rgba(56,189,248,.3),transparent 28%),radial-gradient(circle at 10% 95%,rgba(52,211,153,.24),transparent 32%),linear-gradient(135deg,#172554,#312e81 52%,#075985);color:#fff;overflow:hidden}.exam-center-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;align-items:center}.exam-center-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.02;max-width:850px;margin:14px 0 20px}.exam-center-hero p{font-size:18px;line-height:1.7;max-width:760px;color:#dbeafe}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-pills span{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:750}.exam-readiness-orbit{width:min(340px,80vw);aspect-ratio:1;margin:auto;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 18%,rgba(255,255,255,.16) 18.5% 34%,transparent 34.5%),conic-gradient(from 45deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.16),transparent);border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 70px rgba(0,0,0,.2)}.exam-readiness-orbit strong{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#312e81;font-size:42px;box-shadow:0 12px 30px rgba(0,0,0,.2)}.exam-readiness-orbit span{position:absolute;padding:8px 12px;border-radius:999px;background:#fff;color:#1e293b;font-size:12px;font-weight:800}.exam-readiness-orbit span:nth-of-type(1){top:12%;left:8%}.exam-readiness-orbit span:nth-of-type(2){top:10%;right:5%}.exam-readiness-orbit span:nth-of-type(3){bottom:12%;right:2%}.exam-readiness-orbit span:nth-of-type(4){bottom:10%;left:8%}.exam-warning-strip{background:#fff7ed;border-top:1px solid #fed7aa;border-bottom:1px solid #fed7aa;color:#9a3412}.exam-warning-strip .container,.exam-warning-strip.admin-warning{display:flex;gap:14px;align-items:flex-start;padding-top:14px;padding-bottom:14px;line-height:1.55}.exam-warning-strip b{white-space:nowrap}.exam-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.exam-stat-grid article{padding:22px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.exam-stat-grid small,.exam-stat-grid span{display:block;color:#64748b}.exam-stat-grid strong{display:block;font-size:34px;margin:7px 0;color:#312e81}.exam-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:22px}.exam-panel{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:26px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.exam-goal-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.exam-goal-form .wide{grid-column:1/-1}.exam-goal-form label{font-size:13px;font-weight:800;color:#334155}.exam-goal-form input,.exam-goal-form select{width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:12px;padding:12px 13px;background:#fff;font:inherit}.plan-preview{position:relative;overflow:hidden}.plan-preview:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;top:-90px;background:radial-gradient(circle,#c7d2fe,transparent 70%);pointer-events:none}.target-score-orb{width:150px;height:150px;margin:20px auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,#312e81,#2563eb);color:#fff;box-shadow:0 20px 50px rgba(49,46,129,.25)}.target-score-orb small{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.target-score-orb strong{font-size:38px}.plan-preview dl{display:grid;gap:0}.plan-preview dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #eef2f7}.plan-preview dt{color:#64748b}.plan-preview dd{font-weight:800;text-align:right}.empty-illustration{font-size:64px;text-align:center;margin:25px 0}.muted-note{font-size:12px;line-height:1.6;color:#64748b}.study-plan-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.study-plan-track article{border:1px solid #e2e8f0;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#f8fafc)}.study-plan-track article>span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:800;font-size:11px}.study-plan-track h3{margin:12px 0 7px;font-size:17px}.study-plan-track p{color:#475569;line-height:1.5;min-height:46px}.study-plan-track small{color:#0f766e;font-weight:750}.exam-simulation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.exam-simulation-card{border:1px solid #e2e8f0;border-radius:22px;padding:22px;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(15,23,42,.055);position:relative;overflow:hidden}.exam-simulation-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#4f46e5,#06b6d4)}.exam-simulation-card h3{font-size:20px;margin:18px 0 9px}.exam-simulation-card>p{color:#64748b;line-height:1.6;min-height:76px}.exam-card-head{display:flex;align-items:center;gap:12px}.exam-card-head>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;font-size:22px}.exam-card-head div{display:grid}.exam-card-head small{font-size:10px;letter-spacing:.08em;color:#6366f1;font-weight:850}.exam-card-head b{font-size:13px}.exam-card-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.exam-card-meta span,.starter-badge{font-size:11px;padding:6px 8px;border-radius:999px;background:#f1f5f9;color:#475569}.starter-badge{align-self:flex-start;background:#ecfdf5;color:#047857;font-weight:800;margin-bottom:14px}.exam-simulation-card form{margin-top:auto}.brand-notice{display:block;margin-top:10px;color:#94a3b8;line-height:1.45}.blueprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.blueprint-grid article{border:1px dashed #cbd5e1;border-radius:18px;padding:18px;background:#f8fafc}.blueprint-grid small{color:#4f46e5;font-weight:850}.blueprint-grid h3{margin:8px 0}.blueprint-grid p{color:#64748b;line-height:1.55;min-height:75px}.blueprint-grid span{font-size:12px;font-weight:800;color:#0f766e}.attempt-history-list{display:grid;gap:10px}.attempt-history-list a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:15px;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:inherit;text-decoration:none}.attempt-history-list a:hover{border-color:#818cf8;transform:translateY(-1px)}.attempt-history-list h3{margin:2px 0}.attempt-history-list p,.attempt-history-list small{margin:0;color:#64748b}.status-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f8fafc}.status-dot.green{background:#dcfce7}.status-dot.blue{background:#dbeafe}.status-dot.yellow{background:#fef9c3}.status-dot.orange{background:#ffedd5}.status-dot.red{background:#fee2e2}.status-dot.purple{background:#f3e8ff}

.exam-runner{min-height:100vh;background:#f1f5f9}.exam-runner-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:16px max(20px,calc((100vw - 1220px)/2));background:#0f172a;color:#fff;box-shadow:0 8px 24px rgba(15,23,42,.2)}.exam-runner-header a{color:#bfdbfe;text-decoration:none;font-size:13px}.exam-runner-header h1{font-size:20px;margin:5px 0 0}.runner-status{display:flex;gap:10px}.runner-status>span{min-width:105px;padding:10px 14px;border-radius:13px;background:rgba(255,255,255,.1);display:grid}.runner-status small{font-size:10px;color:#cbd5e1}.runner-status b{font-size:20px}.runner-timer{background:#312e81!important}.runner-timer .danger{color:#fca5a5}.exam-runner-notice{padding:10px 20px;text-align:center;background:#fef3c7;color:#92400e;font-size:12px;font-weight:750}.exam-runner-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;padding-top:28px;padding-bottom:60px}.exam-question-stack{display:grid;gap:18px}.exam-section-divider{padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#312e81,#2563eb);color:#fff}.exam-section-divider span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#c7d2fe}.exam-section-divider h2{margin:5px 0}.exam-section-divider small{color:#dbeafe}.exam-question-card{background:#fff;border:1px solid #dbe3ef;border-radius:20px;padding:24px;scroll-margin-top:120px}.exam-question-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:15px;border-bottom:1px solid #eef2f7;color:#64748b;font-size:12px}.exam-question-top>div{display:flex;gap:6px}.exam-question-top small{padding:5px 8px;border-radius:999px;background:#f1f5f9}.exam-question-card h2{font-size:20px;line-height:1.5;margin:20px 0}.exam-passage{padding:18px;border-radius:14px;background:#f8fafc;border-left:4px solid #6366f1;line-height:1.75;margin-top:18px}.exam-audio-box{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border-radius:15px;background:#ecfeff;border:1px solid #a5f3fc;margin-top:18px}.exam-audio-box p{margin:5px 0 0;color:#155e75;line-height:1.6}.exam-option-list{display:grid;gap:10px}.exam-option-list label{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;border:1px solid #dbe3ef;border-radius:14px;padding:13px;cursor:pointer;font-weight:600}.exam-option-list label:hover,.exam-option-list label:has(input:checked){border-color:#6366f1;background:#eef2ff}.exam-option-list input{width:18px;height:18px}.exam-option-list .option-key{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f1f5f9;font-weight:850}.constructed-response textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:15px;font:inherit;line-height:1.65;resize:vertical}.response-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:10px;color:#64748b}.response-tools audio{max-width:100%}.flag-question{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#475569;font-size:13px}.exam-submit-panel{padding:22px;border-radius:20px;background:#fff;border:1px solid #c7d2fe;display:flex;justify-content:space-between;gap:20px;align-items:center}.exam-submit-panel h2{margin:0 0 6px}.exam-submit-panel p{margin:0;color:#64748b}.exam-question-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.exam-question-dots a{aspect-ratio:1;border-radius:9px;display:grid;place-items:center;text-decoration:none;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800;border:1px solid transparent}.exam-question-dots a.answered{background:#dcfce7;color:#166534;border-color:#86efac}.exam-question-dots a.flagged{box-shadow:inset 0 0 0 2px #f59e0b}.exam-legend{display:grid;gap:6px;margin-top:15px;font-size:12px;color:#64748b}.exam-legend span{display:flex;align-items:center;gap:7px}.exam-legend i{width:12px;height:12px;border-radius:4px;background:#f1f5f9}.exam-legend i.answered{background:#86efac}.exam-legend i.flagged{background:#fde68a}

.exam-result-hero{padding:55px 0;color:#fff;background:linear-gradient(135deg,#334155,#0f172a)}.exam-result-hero.readiness-green{background:linear-gradient(135deg,#065f46,#059669)}.exam-result-hero.readiness-blue{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.exam-result-hero.readiness-yellow{background:linear-gradient(135deg,#92400e,#d97706)}.exam-result-hero.readiness-orange{background:linear-gradient(135deg,#9a3412,#ea580c)}.exam-result-hero.readiness-red{background:linear-gradient(135deg,#7f1d1d,#dc2626)}.exam-result-hero.readiness-purple{background:linear-gradient(135deg,#581c87,#9333ea)}.exam-result-hero-grid{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center}.result-score-disc{width:205px;height:205px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.42);box-shadow:inset 0 0 0 12px rgba(255,255,255,.07)}.result-score-disc small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.result-score-disc strong{font-size:48px;line-height:1.1}.result-score-disc span{font-size:12px;color:#e2e8f0}.exam-result-hero h1{font-size:38px;margin:10px 0}.exam-result-hero p{max-width:720px;color:#e2e8f0;line-height:1.65}.exam-result-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.skill-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skill-score-grid article{padding:18px;border:1px solid #e2e8f0;border-radius:17px;background:#fff}.skill-score-grid article>div:first-child{display:flex;justify-content:space-between;gap:10px}.skill-score-grid strong{font-size:20px;color:#312e81}.skill-meter{height:9px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:12px 0}.skill-meter i{display:block;height:100%;background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:999px}.skill-score-grid small{color:#64748b}.exam-review-list{display:grid;gap:14px}.exam-review-card{border:1px solid #e2e8f0;border-left:5px solid #94a3b8;border-radius:17px;padding:19px;background:#fff}.exam-review-card.correct{border-left-color:#22c55e}.exam-review-card.incorrect{border-left-color:#ef4444}.exam-review-card.constructed{border-left-color:#8b5cf6}.exam-review-card .review-head{display:flex;gap:13px;align-items:flex-start}.exam-review-card .review-head>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;font-weight:900}.exam-review-card h3{margin:4px 0 12px;font-size:16px;line-height:1.5}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-comparison>div,.submitted-response{padding:13px;border-radius:12px;background:#f8fafc}.answer-comparison small{color:#64748b}.answer-comparison p,.submitted-response p{margin:5px 0;line-height:1.6}.readiness-box{margin:16px 0;padding:14px;border-radius:14px;background:#f8fafc}.readiness-box p{margin:6px 0 0;font-size:12px;line-height:1.55;color:#475569}.readiness-box.green{background:#dcfce7}.readiness-box.blue{background:#dbeafe}.readiness-box.yellow{background:#fef9c3}.readiness-box.orange{background:#ffedd5}.readiness-box.red{background:#fee2e2}.readiness-box.purple{background:#f3e8ff}

.certificate-page{padding:25px 0 70px;background:#eef2f7}.certificate-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.certificate-actions a{color:#334155}.practice-certificate{width:min(1120px,calc(100% - 30px));aspect-ratio:1.414/1;margin:auto;background:#fff;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.2)}.certificate-border{position:absolute;inset:24px;border:3px double #312e81;padding:10px}.certificate-inner{height:100%;border:1px solid #c7d2fe;padding:34px 54px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;background:rgba(255,255,255,.88)}.certificate-watermark{position:absolute;inset:-100px;display:grid;grid-template-columns:repeat(3,1fr);gap:65px;transform:rotate(-28deg);z-index:1;opacity:.07;pointer-events:none}.certificate-watermark span{font-size:26px;font-weight:950;color:#b91c1c;white-space:nowrap}.certificate-brand{display:flex;gap:10px;align-items:center;align-self:flex-start;text-align:left}.certificate-brand>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#312e81;color:#fff;font-weight:900}.certificate-brand div{display:grid}.certificate-brand small{color:#64748b}.certificate-kicker{margin:16px 0 5px;letter-spacing:.22em;color:#b91c1c;font-weight:900;font-size:11px}.practice-certificate h1{font-family:Georgia,serif;font-size:38px;color:#1e1b4b;margin:7px 0}.certificate-intro,.certificate-copy{color:#64748b;margin:9px 0}.practice-certificate h2{font-family:Georgia,serif;font-size:36px;color:#312e81;margin:4px 0;border-bottom:1px solid #a5b4fc;padding:0 35px 8px}.practice-certificate h3{font-size:20px;margin:5px 0 14px}.certificate-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:10px 0}.certificate-score-grid>div{padding:12px;border-radius:12px;background:#eef2ff}.certificate-score-grid small{display:block;color:#64748b}.certificate-score-grid strong{display:block;margin-top:4px;color:#1e1b4b}.certificate-meta{display:flex;justify-content:center;gap:30px;width:100%;font-size:12px;margin:8px 0}.certificate-meta span{display:grid}.certificate-meta small{color:#64748b}.certificate-disclaimer{border:2px solid #ef4444;background:#fff1f2;color:#881337;border-radius:12px;padding:10px 14px;width:100%;font-size:10px;line-height:1.45}.certificate-disclaimer p{margin:4px 0}.certificate-verification{display:flex;gap:12px;align-items:center;text-align:left;margin-top:auto;width:100%}.verification-seal{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#312e81;color:#fff;font-weight:900}.verification-seal small{font-size:7px}.certificate-verification p{font-size:9px;word-break:break-all;margin:3px 0;color:#475569}.certificate-verification small{font-size:8px;color:#64748b}.verify-hero{padding:60px 0;background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff}.verify-hero h1{font-size:42px;margin:10px 0}.verify-hero p{max-width:750px;line-height:1.7;color:#e0e7ff}.narrow-container{max-width:760px}.verification-search{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:20px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.verification-search input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:11px;margin-top:6px}.verification-result{margin-top:20px;padding:28px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;text-align:center}.verification-result.valid{border-color:#86efac;background:#f0fdf4}.verification-result.invalid{border-color:#fecaca;background:#fef2f2}.verification-icon{width:70px;height:70px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;font-size:36px;font-weight:900}.verification-result.invalid .verification-icon{background:#fee2e2;color:#991b1b}.verification-result dl{display:grid;gap:0;text-align:left;margin:22px 0}.verification-result dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.25)}.verification-result dt{color:#64748b}.verification-result dd{font-weight:800;text-align:right}.admin-grid.two-cols{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.admin-table-wrap table small{display:block;color:#64748b;margin-top:3px}.check-list{display:grid;gap:9px;padding-left:20px}.check-list li::marker{color:#16a34a}.admin-warning{margin:20px 0;border-radius:14px}

@media(max-width:1000px){.exam-center-hero-grid,.exam-dashboard-grid,.exam-result-layout,.admin-grid.two-cols{grid-template-columns:1fr}.exam-readiness-orbit{display:none}.exam-stat-grid,.study-plan-track{grid-template-columns:repeat(2,1fr)}.exam-simulation-grid,.blueprint-grid{grid-template-columns:repeat(2,1fr)}.exam-runner-layout{grid-template-columns:1fr}.exam-runner-nav{order:-1}.exam-runner-nav .sticky-card{position:static}.exam-question-dots{grid-template-columns:repeat(10,1fr)}.exam-result-hero-grid{grid-template-columns:180px 1fr}.result-score-disc{width:170px;height:170px}.practice-certificate{aspect-ratio:auto;min-height:760px}.certificate-inner{padding:30px}}
@media(max-width:700px){.exam-center-hero{padding:48px 0}.exam-center-hero h1{font-size:38px}.exam-stat-grid,.study-plan-track,.exam-simulation-grid,.blueprint-grid,.skill-score-grid,.answer-comparison{grid-template-columns:1fr}.exam-goal-form{grid-template-columns:1fr}.exam-goal-form .wide{grid-column:auto}.exam-warning-strip .container{display:block}.exam-warning-strip b{display:block;margin-bottom:4px}.exam-runner-header{position:relative;display:block;padding:16px}.runner-status{margin-top:12px}.runner-status>span{flex:1}.exam-runner-layout{padding:15px}.exam-question-card{padding:17px}.exam-question-top{display:block}.exam-question-top>div{margin-top:9px;flex-wrap:wrap}.exam-audio-box,.exam-submit-panel{display:block}.exam-audio-box button,.exam-submit-panel button{margin-top:12px;width:100%}.exam-question-dots{grid-template-columns:repeat(7,1fr)}.exam-result-hero-grid{grid-template-columns:1fr;text-align:center}.result-score-disc{margin:auto}.result-actions{justify-content:center}.certificate-actions{padding:0 15px}.practice-certificate{width:calc(100% - 15px);min-height:940px}.certificate-border{inset:8px}.certificate-inner{padding:24px 17px}.practice-certificate h1{font-size:28px}.practice-certificate h2{font-size:28px}.certificate-score-grid{grid-template-columns:1fr}.certificate-meta{display:grid;gap:5px}.certificate-verification{display:block;text-align:center}.verification-seal{margin:0 auto 8px}.verification-search{grid-template-columns:1fr}.verification-result dl div{display:block}.verification-result dd{text-align:left;margin:5px 0}.attempt-history-list a{grid-template-columns:auto 1fr auto}.attempt-history-list a>b{display:none}}

@media print{.site-header,.site-footer,.mobile-bottom-nav,.certificate-actions,.toast{display:none!important}.main-content{padding:0!important}.certificate-page{padding:0;background:#fff}.practice-certificate{width:100%;height:100vh;box-shadow:none;page-break-inside:avoid}.certificate-border{inset:12mm}.certificate-inner{background:rgba(255,255,255,.9)}@page{size:A4 landscape;margin:0}}

/* v2.0.1 certificate QR verification */
.certificate-qr{width:148px;height:148px;max-width:30vw;aspect-ratio:1;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:4px;flex:0 0 auto;image-rendering:pixelated}
@media(max-width:640px){.certificate-verification{align-items:flex-start;flex-direction:column}.certificate-qr{max-width:148px}}
@media print{.certificate-qr{width:120px!important;height:120px!important;max-width:none!important}}

.wrong-answer-reason{margin:12px 0;padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;line-height:1.6}


/* v2.0.3 Responsive Passwordless Authentication */
body.auth-modal-open{overflow:hidden;overscroll-behavior:none}.auth-modal[hidden]{display:none}.auth-modal{--auth-viewport-height:100dvh;position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;height:var(--auth-viewport-height);min-height:320px;padding:max(12px,env(safe-area-inset-top)) 20px max(12px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.auth-modal-backdrop{position:fixed;inset:0;border:0;background:rgba(15,23,42,.58);backdrop-filter:blur(8px);cursor:default}.auth-modal-card{position:relative;z-index:1;width:min(440px,100%);max-height:calc(var(--auth-viewport-height) - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)));margin:auto;padding:34px;border-radius:28px;background:#fff;box-shadow:0 35px 100px rgba(15,23,42,.28);text-align:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;touch-action:pan-y;outline:0}.auth-modal-close{position:sticky;z-index:4;top:0;display:grid;place-items:center;width:38px;height:38px;margin:-20px -20px -34px auto;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 5px 15px rgba(15,23,42,.08)}.auth-modal-mark{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:18px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;font-weight:900}.auth-modal-card h2{margin:0 0 8px;font-size:27px}.auth-modal-card>p{margin:0 0 22px;color:var(--muted);line-height:1.6}.auth-modal-card>small{display:block;margin-top:18px;color:#8a93a7;line-height:1.5}.google-button-slot{min-height:44px;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden}.page-google-button{margin:4px 0 6px}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e2e8f0}.magic-link-form,.auth-modal-manual-form{display:flex!important;flex-direction:column;gap:13px!important;text-align:left}.auth-inline-status{min-height:18px;font-size:12px;line-height:1.45;text-align:center}.auth-inline-status[data-type="success"]{color:#047857}.auth-inline-status[data-type="error"]{color:#b91c1c}.auth-inline-status[data-type="loading"]{color:#4f46e5}.auth-provider-note{padding:13px;border:1px solid #fde68a;border-radius:13px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.5}.manual-login{margin-top:20px;border-top:1px solid #e2e8f0;padding-top:16px}.manual-login summary{cursor:pointer;color:#4f46e5;font-size:12px;font-weight:800;text-align:center;list-style:none}.manual-login summary::-webkit-details-marker{display:none}.manual-login summary:after{content:"⌄";display:inline-block;margin-left:7px;transition:transform .2s}.manual-login[open] summary:after{transform:rotate(180deg)}.manual-login[open] summary{margin-bottom:15px}.auth-modal-manual{padding-bottom:2px}.auth-modal-manual-form label{display:flex;flex-direction:column;gap:7px;color:#3f4758;font-weight:750;font-size:12px}.auth-privacy-note{display:block;margin-top:20px;color:#8a93a7;line-height:1.6;text-align:center}.button:disabled{opacity:.6;cursor:not-allowed}.auth-settings-divider{height:1px;background:#e2e8f0;margin:8px 0 18px}

@media(max-width:760px){body.page-login,body.page-register{padding-bottom:0}.page-login .main-content,.page-register .main-content,.page-login .auth-section,.page-register .auth-section{min-height:100dvh}.page-login .auth-section,.page-register .auth-section{overflow-y:auto;-webkit-overflow-scrolling:touch}.page-login .auth-wrap,.page-register .auth-wrap{min-height:100dvh;overflow:visible}.page-login .auth-panel,.page-register .auth-panel{display:block;min-height:100dvh;padding:24px 18px calc(44px + env(safe-area-inset-bottom))}.page-login .auth-form,.page-register .auth-form{width:100%;max-width:430px;margin:0 auto;padding-top:8px}.page-login .manual-login form,.page-register .manual-login form{padding-bottom:4px}.page-login input,.page-register input,.auth-modal input{font-size:16px}}

@media(max-width:560px){.auth-modal{align-items:flex-start;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.auth-modal-card{width:100%;max-height:calc(var(--auth-viewport-height) - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:24px 16px calc(24px + env(safe-area-inset-bottom));border-radius:21px}.auth-modal-close{width:40px;height:40px;margin:-14px -8px -34px auto}.auth-modal-mark{width:46px;height:46px;margin-bottom:12px;border-radius:15px}.auth-modal-card h2{font-size:23px}.auth-modal-card>p{margin-bottom:16px;font-size:13px}.auth-divider{margin:14px 0}.magic-link-form,.auth-modal-manual-form{gap:11px!important}.auth-modal .button{min-height:48px}.auth-modal-card>small{margin-top:14px;font-size:10px}.manual-login{margin-top:15px;padding-top:14px}}

@media(max-height:620px){.auth-modal-card{padding-top:18px;padding-bottom:18px}.auth-modal-mark{width:42px;height:42px;margin-bottom:8px}.auth-modal-card h2{font-size:21px}.auth-modal-card>p{margin-bottom:12px;line-height:1.45}.auth-divider{margin:11px 0}.manual-login{margin-top:12px;padding-top:11px}}

/* v2.0.4 Manual Registration Restored */
.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:18px 0;padding:5px;border-radius:15px;background:#f1f5f9}.auth-mode-tab{min-height:42px;border:0;border-radius:11px;background:transparent;color:#64748b;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.auth-mode-tab.active{background:#fff;color:#4338ca;box-shadow:0 5px 18px rgba(15,23,42,.1)}.auth-mode-panel[hidden]{display:none!important}.auth-mode-panel{text-align:left}.auth-mode-panel .google-button-slot{margin-top:4px}.auth-panel-copy{margin:0 0 14px;color:#64748b;font-size:12px;line-height:1.55;text-align:center}.auth-register-form{margin-top:0}.auth-register-form label{display:flex;flex-direction:column;gap:7px;color:#3f4758;font-weight:750;font-size:12px;text-align:left}.auth-register-form--compact{grid-template-columns:1fr!important;gap:11px!important}.auth-register-form--compact .full{grid-column:auto}.auth-register-form--compact .password-status{margin-top:0}.auth-modal[data-auth-mode="register"] .auth-modal-card{width:min(540px,100%)}.auth-modal[data-auth-mode="register"] .auth-modal-mark{margin-bottom:11px}.auth-modal[data-auth-mode="register"] .auth-mode-tabs{margin-top:14px}.page-register .magic-link-form{margin-bottom:2px}
@media(max-width:560px){.auth-mode-tabs{position:sticky;top:0;z-index:3;margin:12px 0 15px}.auth-mode-tab{min-height:44px}.auth-modal[data-auth-mode="register"] .auth-modal-card{padding-left:14px;padding-right:14px}.auth-register-form--compact{gap:10px!important}.auth-register-form--compact select{font-size:16px}.page-register .auth-register-form{grid-template-columns:1fr!important}.page-register .auth-register-form .full{grid-column:auto}}

/* v2.0.5 User Profile & Learning Segment */
.avatar-photo{object-fit:cover;overflow:hidden;background:#fff}.avatar-default>span{line-height:1;filter:drop-shadow(0 2px 3px rgba(15,23,42,.13))}.avatar-style-indigo{background:linear-gradient(145deg,#e0e7ff,#c4b5fd);color:#4338ca}.avatar-style-ocean{background:linear-gradient(145deg,#cffafe,#93c5fd);color:#075985}.avatar-style-forest{background:linear-gradient(145deg,#dcfce7,#86efac);color:#166534}.avatar-style-sunset{background:linear-gradient(145deg,#ffedd5,#fdba74);color:#9a3412}.avatar-style-rose{background:linear-gradient(145deg,#fce7f3,#f9a8d4);color:#9d174d}.avatar-style-sky{background:linear-gradient(145deg,#e0f2fe,#bae6fd);color:#0369a1}.avatar-style-gold{background:linear-gradient(145deg,#fef3c7,#fcd34d);color:#92400e}.avatar-style-night{background:linear-gradient(145deg,#334155,#6366f1);color:#fff}.profile-form{gap:26px}.profile-photo-editor{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:20px;border:1px solid #e4e8f0;border-radius:19px;background:#fafbff}.profile-photo-preview{width:96px;height:96px}.profile-photo-preview .avatar.xlarge{width:96px;height:96px;border-radius:28px}.profile-photo-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.profile-photo-actions small{font-size:10px;color:#7e8798;line-height:1.5}.upload-button{position:relative;display:inline-flex!important;width:auto!important;cursor:pointer}.upload-button span{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;border-radius:12px;font-size:11px;font-weight:850}.upload-button input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.inline-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;font-size:10px!important;font-weight:700!important}.inline-check input{width:auto!important}.danger-check{color:#b42318}.field-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field-heading b{font-size:13px}.field-heading small{font-size:10px;color:#7d8596}.avatar-choice-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.avatar-choice{position:relative;display:flex!important;align-items:center!important;justify-content:center;gap:7px;padding:10px 5px;border:1px solid #e2e6ef;border-radius:15px;cursor:pointer;background:#fff;text-align:center}.avatar-choice input{position:absolute;opacity:0;pointer-events:none}.avatar-choice .avatar.xlarge{width:48px;height:48px;border-radius:15px;font-size:22px;box-shadow:none}.avatar-choice small{font-size:8px;color:#687085}.avatar-choice:has(input:checked),.avatar-choice.selected{border-color:#6366f1;background:#f5f3ff;box-shadow:0 0 0 2px rgba(99,102,241,.09)}.profile-learning-heading{margin-top:4px}.learning-segment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.learning-segment-card{position:relative;display:flex!important;align-items:flex-start!important;gap:3px;padding:17px;border:1px solid #e1e5ed;border-radius:17px;background:#fff;cursor:pointer;min-height:155px}.learning-segment-card input{position:absolute;right:13px;top:13px;width:auto!important}.learning-segment-card>span{font-size:27px}.learning-segment-card>b{font-size:17px;margin-top:4px}.learning-segment-card>small{font-size:9px;color:#636b7d}.learning-segment-card>p{font-size:10px;color:#737c8e;line-height:1.55;margin:6px 0 0}.learning-segment-card:has(input:checked),.learning-segment-card.selected{border-color:#6366f1;background:linear-gradient(145deg,#f5f3ff,#eef2ff);box-shadow:0 8px 25px rgba(79,70,229,.09)}.profile-identity-grid input[readonly]{background:#f5f6f9;color:#777f90}.profile-tip-card{background:linear-gradient(145deg,#fffbeb,#fff);border-color:#fde68a}.profile-tip-card p{line-height:1.65}.profile-banner>div:first-child{flex:0 0 auto}
@media(max-width:1020px){.avatar-choice-grid{grid-template-columns:repeat(4,1fr)}.learning-segment-grid{grid-template-columns:repeat(2,1fr)}.profile-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-aside .sticky-card{position:static}}
@media(max-width:600px){.profile-settings-section{padding-top:35px}.profile-photo-editor{grid-template-columns:1fr;text-align:center}.profile-photo-preview{margin:auto}.profile-photo-actions{align-items:stretch}.upload-button,.upload-button span{width:100%!important}.avatar-choice-grid{grid-template-columns:repeat(4,1fr)}.avatar-choice{padding:8px 3px}.avatar-choice .avatar.xlarge{width:42px;height:42px}.avatar-choice small{display:none}.learning-segment-grid{grid-template-columns:1fr}.learning-segment-card{min-height:0}.profile-aside{grid-template-columns:1fr}.profile-banner>div:first-child .avatar.xlarge{width:72px;height:72px;border-radius:22px}.profile-banner{align-items:flex-start}.profile-banner h1{font-size:25px}.profile-banner p{font-size:10px;line-height:1.5}.profile-xp{width:100%;display:flex;align-items:center;justify-content:space-between}.profile-xp b{font-size:20px}}

.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-user-cell>span:last-child{display:flex;flex-direction:column}.admin-user-cell .avatar{flex:0 0 34px}

/* v2.0.6 Responsive Exam Center UI */
.page-exam-center{background:#f5f7fb}
.page-exam-center .exam-center-hero .container,
.page-exam-center .exam-warning-strip .container,
.page-exam-center .exam-center-shell{width:min(1320px,calc(100% - 48px))}
.page-exam-center .exam-center-hero{padding:64px 0}
.page-exam-center .exam-warning-strip{position:relative;z-index:2}
.page-exam-center .exam-warning-inner{display:grid;grid-template-columns:minmax(220px,auto) minmax(0,1fr);gap:20px;align-items:center;padding-top:16px;padding-bottom:16px}
.page-exam-center .exam-warning-inner b{white-space:normal;line-height:1.45}
.page-exam-center .exam-warning-inner span{min-width:0;line-height:1.65}
.page-exam-center .exam-center-section{padding:52px 0 84px}
.page-exam-center .exam-stat-grid{gap:20px}
.page-exam-center .exam-stat-grid article{min-width:0;min-height:148px;padding:24px 24px 22px;border-radius:22px;display:flex;flex-direction:column;justify-content:center}
.page-exam-center .exam-stat-grid small{font-size:13px;line-height:1.45}
.page-exam-center .exam-stat-grid strong{font-size:clamp(30px,3vw,38px);line-height:1.05;margin:13px 0 9px;overflow-wrap:anywhere}
.page-exam-center .exam-stat-grid span{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.page-exam-center .exam-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,.72fr);gap:28px;align-items:start;margin-top:28px}
.page-exam-center .exam-panel{min-width:0;padding:clamp(26px,2.5vw,36px);border-radius:26px;box-shadow:0 18px 48px rgba(15,23,42,.07)}
.page-exam-center .section-heading.compact{margin-bottom:26px}
.page-exam-center .section-heading.compact h2{font-size:clamp(25px,2.4vw,34px);line-height:1.18}
.page-exam-center .section-heading.compact p{max-width:760px;line-height:1.7}
.page-exam-center .exam-goal-form{gap:20px 22px}
.page-exam-center .exam-goal-form label{display:flex;min-width:0;flex-direction:column;gap:8px;font-size:13px;line-height:1.35}
.page-exam-center .exam-goal-form input,
.page-exam-center .exam-goal-form select{min-width:0;min-height:52px;margin-top:0;padding:13px 15px;border-radius:14px;font-size:15px;line-height:1.35}
.page-exam-center .exam-goal-form button.wide{min-height:52px;margin-top:4px;font-size:15px}
.page-exam-center .plan-preview{position:sticky;top:92px;align-self:start}
.page-exam-center .plan-preview h2{margin:24px 0 10px;font-size:clamp(23px,2.1vw,30px);line-height:1.25;overflow-wrap:anywhere}
.page-exam-center .target-score-orb{width:164px;height:164px;margin:24px auto 28px}
.page-exam-center .target-score-orb strong{font-size:42px;line-height:1}
.page-exam-center .plan-preview dl{margin:0}
.page-exam-center .plan-preview dl div{display:grid;grid-template-columns:minmax(88px,.75fr) minmax(0,1.25fr);align-items:start;gap:18px;padding:13px 0}
.page-exam-center .plan-preview dt,.page-exam-center .plan-preview dd{min-width:0;line-height:1.5}
.page-exam-center .plan-preview dd{margin:0;overflow-wrap:anywhere}
.page-exam-center .muted-note{margin-top:18px;padding:13px 14px;border-radius:13px;background:#f8fafc}
.page-exam-center .section-heading.spaced{margin-top:68px;margin-bottom:28px}
.page-exam-center .section-heading.spaced>div{max-width:920px}
.page-exam-center .section-heading h2{font-size:clamp(28px,3vw,38px)}
.page-exam-center .section-heading p{line-height:1.7}
.page-exam-center .study-plan-track,
.page-exam-center .exam-simulation-grid,
.page-exam-center .blueprint-grid{gap:20px}
.page-exam-center .study-plan-track article,
.page-exam-center .exam-simulation-card,
.page-exam-center .blueprint-grid article{min-width:0}
.page-exam-center .exam-simulation-card{padding:25px;border-radius:24px}
.page-exam-center .exam-simulation-card h3{font-size:22px;line-height:1.3}
.page-exam-center .exam-simulation-card>p{min-height:auto;line-height:1.7}
.page-exam-center .exam-card-meta{gap:8px;margin:17px 0}
.page-exam-center .exam-card-meta span,.page-exam-center .starter-badge{line-height:1.4}
.page-exam-center .starter-badge{margin-top:2px}
.page-exam-center .blueprint-grid article{padding:21px}
.page-exam-center .blueprint-grid p{min-height:auto;line-height:1.65}
.page-exam-center .attempt-history-list a{min-width:0;gap:16px;padding:18px 20px}
.page-exam-center .attempt-history-list a>div{min-width:0}
.page-exam-center .attempt-history-list h3,.page-exam-center .attempt-history-list p{overflow-wrap:anywhere}

@media(max-width:1180px){
  .page-exam-center .exam-center-hero .container,
  .page-exam-center .exam-warning-strip .container,
  .page-exam-center .exam-center-shell{width:min(1120px,calc(100% - 40px))}
  .page-exam-center .exam-dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px}
  .page-exam-center .exam-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-exam-center .exam-simulation-grid,.page-exam-center .blueprint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .page-exam-center .exam-center-section{padding-top:40px}
  .page-exam-center .exam-dashboard-grid{grid-template-columns:1fr}
  .page-exam-center .plan-preview{position:static}
  .page-exam-center .plan-preview{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);column-gap:34px;align-items:center}
  .page-exam-center .plan-preview>.eyebrow,.page-exam-center .plan-preview>h2,.page-exam-center .plan-preview>.muted-note{grid-column:1/-1}
  .page-exam-center .target-score-orb{margin:18px auto}
  .page-exam-center .plan-preview dl{width:100%}
}
@media(max-width:780px){
  .page-exam-center .exam-center-hero .container,
  .page-exam-center .exam-warning-strip .container,
  .page-exam-center .exam-center-shell{width:calc(100% - 28px)}
  .page-exam-center .exam-center-hero{padding:46px 0}
  .page-exam-center .exam-warning-inner{display:block;padding-top:14px;padding-bottom:14px}
  .page-exam-center .exam-warning-inner b{display:block;margin-bottom:6px}
  .page-exam-center .exam-center-section{padding:30px 0 64px}
  .page-exam-center .exam-goal-form{grid-template-columns:1fr;gap:16px}
  .page-exam-center .exam-goal-form .wide{grid-column:auto}
  .page-exam-center .exam-panel{padding:24px 20px;border-radius:22px}
  .page-exam-center .plan-preview{display:block}
  .page-exam-center .section-heading.spaced{margin-top:52px}
  .page-exam-center .study-plan-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .page-exam-center .exam-stat-grid,
  .page-exam-center .study-plan-track,
  .page-exam-center .exam-simulation-grid,
  .page-exam-center .blueprint-grid{grid-template-columns:1fr}
  .page-exam-center .exam-stat-grid{gap:13px}
  .page-exam-center .exam-stat-grid article{min-height:0;padding:20px}
  .page-exam-center .exam-stat-grid strong{margin:9px 0 6px}
  .page-exam-center .exam-panel{padding:22px 17px}
  .page-exam-center .section-heading.compact h2{font-size:25px}
  .page-exam-center .exam-goal-form input,.page-exam-center .exam-goal-form select{font-size:16px}
  .page-exam-center .plan-preview dl div{grid-template-columns:1fr;gap:4px;padding:12px 0}
  .page-exam-center .plan-preview dd{text-align:left}
  .page-exam-center .target-score-orb{width:142px;height:142px}
  .page-exam-center .target-score-orb strong{font-size:36px}
  .page-exam-center .section-heading.spaced{margin-top:44px;margin-bottom:22px}
  .page-exam-center .section-heading h2{font-size:28px}
  .page-exam-center .exam-simulation-card{padding:21px 18px}
  .page-exam-center .attempt-history-list a{grid-template-columns:auto minmax(0,1fr);padding:16px}
  .page-exam-center .attempt-history-list a>strong{grid-column:2;text-align:left}
  .page-exam-center .attempt-history-list a>b{display:none}
}
@media(max-width:420px){
  .page-exam-center .exam-center-hero .container,
  .page-exam-center .exam-warning-strip .container,
  .page-exam-center .exam-center-shell{width:calc(100% - 20px)}
  .page-exam-center .exam-center-hero h1{font-size:34px}
  .page-exam-center .hero-pills{gap:7px}
  .page-exam-center .hero-pills span{font-size:11px;padding:8px 10px}
  .page-exam-center .exam-panel{padding:20px 14px}
  .page-exam-center .exam-goal-form button.wide{width:100%}
}



/* v2.0.7 SMTP and email activation */
.activation-page{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:clamp(32px,7vw,80px) 16px;background:linear-gradient(180deg,#f8faff,#f2f5ff)}
.activation-card{width:min(620px,100%);text-align:center;padding:clamp(24px,5vw,44px);box-sizing:border-box}
.activation-card>p{color:var(--muted,#667085);line-height:1.75}
.activation-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;margin:0 auto 20px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-size:32px;box-shadow:0 18px 40px rgba(79,70,229,.25)}
.activation-resend-form{text-align:left;display:grid;gap:14px;margin:24px 0 18px}
.smtp-test-form{display:grid;gap:12px;margin:14px 0 18px}
.field-help{font-size:.9rem;line-height:1.65;color:var(--muted,#667085);margin-top:0}
@media(max-width:640px){.activation-page{padding:24px 12px}.activation-card{border-radius:22px}.activation-card h1{font-size:clamp(25px,8vw,34px)}}


/* BisaEuy v2.0.8 Community Chat */
.chat-nav-link{position:relative}.chat-unread-badge{position:absolute;top:1px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font:800 9px/17px system-ui;text-align:center;box-shadow:0 0 0 2px #fff}.community-chat-page{padding:42px 0 70px;background:linear-gradient(180deg,#f7f8fc,#eef2ff);min-height:calc(100vh - 74px)}.community-chat-container{max-width:1380px}.community-chat-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px}.community-chat-heading h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:7px 0 8px}.community-chat-heading p{max-width:760px;color:#64748b;font-size:14px}.chat-safety-banner{display:flex;align-items:center;gap:14px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:18px;padding:15px 18px;margin-bottom:18px}.chat-safety-banner>span{font-size:24px}.chat-safety-banner div{display:flex;flex-direction:column;gap:3px}.chat-safety-banner small{font-size:11px;line-height:1.5}.community-chat-shell{position:relative;display:grid;grid-template-columns:320px minmax(0,1fr);height:min(720px,calc(100vh - 245px));min-height:590px;background:#fff;border:1px solid #dfe4ee;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px rgba(30,41,59,.12)}.community-chat-sidebar{border-right:1px solid #e5e7eb;display:grid;grid-template-rows:auto auto 1fr;min-width:0;background:#fbfcff}.chat-sidebar-head,.chat-finder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 20px 14px}.chat-sidebar-head>div,.chat-finder-head>div{display:flex;flex-direction:column;gap:3px}.chat-sidebar-head b,.chat-finder-head b{font-size:17px}.chat-sidebar-head small,.chat-finder-head small{color:#7c8598;font-size:10px}.chat-search-box{display:flex;align-items:center;gap:8px;margin:0 16px 14px;padding:0 12px;background:#f1f4f9;border:1px solid transparent;border-radius:13px}.chat-search-box:focus-within{background:#fff;border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.chat-search-box input{border:0;background:transparent;box-shadow:none;padding:11px 0;width:100%;font-size:12px;outline:0}.chat-conversation-list,.chat-user-results{overflow:auto;padding:0 9px 16px}.chat-conversation-item{position:relative;width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;background:transparent;padding:10px;border-radius:15px;text-align:left;color:inherit;cursor:pointer}.chat-conversation-item:hover,.chat-conversation-item.active{background:#eef2ff}.chat-list-avatar .avatar,.chat-user-card .avatar,.chat-peer-avatar .avatar{width:44px;height:44px;border-radius:14px}.chat-list-copy{min-width:0}.chat-list-copy>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-list-copy b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-copy time{font-size:8px;color:#9aa1b1;white-space:nowrap}.chat-list-copy small{display:block;color:#7c8598;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.chat-conversation-item>i{font-style:normal;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#4f46e5;color:#fff;font-size:9px;font-weight:850;display:grid;place-items:center}.chat-list-empty{padding:30px 18px;text-align:center;color:#8a93a7;font-size:11px;line-height:1.6}.community-chat-main{min-width:0;position:relative;background:linear-gradient(180deg,#fff,#fbfcff)}.chat-empty-state{height:100%;display:grid;place-content:center;text-align:center;padding:30px}.chat-empty-illustration{width:92px;height:92px;border-radius:30px;background:linear-gradient(145deg,#e0e7ff,#f3e8ff);display:grid;place-items:center;font-size:42px;margin:0 auto 20px}.chat-empty-state h2{font-size:26px;margin:0 0 8px}.chat-empty-state p{color:#7c8598;font-size:12px;max-width:380px;margin:0 auto 18px}.chat-active-panel{height:100%;display:grid;grid-template-rows:auto 1fr auto auto;min-height:0}.chat-active-header{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #e5e7eb;background:rgba(255,255,255,.94)}.chat-peer-meta{display:flex;flex-direction:column;min-width:0}.chat-peer-meta b{font-size:14px}.chat-peer-meta small{font-size:9px;color:#7c8598;margin-top:3px}.chat-header-actions{margin-left:auto}.chat-back-button{display:none;border:0;background:#f1f5f9;width:36px;height:36px;border-radius:11px}.danger-text{color:#b91c1c!important}.community-message-list{min-height:0;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:13px;background-image:radial-gradient(circle at 10px 10px,rgba(99,102,241,.045) 1.5px,transparent 0);background-size:24px 24px}.community-message{display:flex;max-width:min(72%,620px)}.community-message.mine{margin-left:auto}.community-message-bubble{position:relative;padding:11px 14px;border-radius:5px 17px 17px 17px;background:#f1f5f9;border:1px solid #e5e7eb}.community-message.mine .community-message-bubble{background:linear-gradient(135deg,#4f46e5,#6d5dfc);border-color:transparent;color:#fff;border-radius:17px 5px 17px 17px}.community-message.filtered .community-message-bubble{border-color:#fcd34d}.community-message p{font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;margin:0}.community-message small{display:block;font-size:8px;color:#8991a3;margin-top:6px}.community-message.mine small{color:#dbeafe}.message-report-button{display:block;border:0;background:transparent;color:#64748b;font-size:8px;padding:4px 0 0;cursor:pointer}.message-report-button:hover{color:#dc2626}.community-chat-composer{display:grid;grid-template-columns:1fr 46px;gap:9px;padding:14px 18px 10px;border-top:1px solid #e5e7eb;background:#fff}.community-chat-composer textarea{min-height:46px;max-height:140px;resize:none;border-radius:14px;padding:12px 14px;line-height:1.5}.community-chat-composer .send-button{border:0;border-radius:14px;background:#4f46e5;color:#fff;font-size:18px;cursor:pointer}.community-chat-composer .send-button:disabled{opacity:.55}.community-chat-composer small{grid-column:1/-1;text-align:center;color:#9299a8;font-size:8px}.chat-blocked-notice{margin:10px 18px;padding:12px 15px;border-radius:13px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:10px}.chat-user-finder{position:absolute;z-index:5;top:0;bottom:0;right:0;width:min(390px,100%);background:#fff;border-left:1px solid #e5e7eb;box-shadow:-18px 0 45px rgba(15,23,42,.12);display:grid;grid-template-rows:auto auto 1fr}.chat-user-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #eef0f4}.chat-user-card>div{display:flex;flex-direction:column;min-width:0}.chat-user-card b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-card small{font-size:9px;color:#7c8598;margin-top:4px}.chat-user-card button:disabled{opacity:.5}.community-admin-layout{align-items:start}.reported-message{max-width:360px;font-size:11px;line-height:1.6}.filter-term-list{margin-top:20px;max-height:420px;overflow:auto;border-top:1px solid #e5e7eb}.filter-term-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef0f4}.filter-term-list span{display:flex;flex-direction:column}.filter-term-list b{font-size:11px}.filter-term-list small{font-size:8px;color:#7c8598}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1020px){.community-chat-shell{grid-template-columns:280px minmax(0,1fr)}.community-chat-page{padding-top:28px}.community-admin-layout{grid-template-columns:1fr}.community-admin-layout .sticky-card{position:static}.main-nav .chat-nav-link .chat-unread-badge{right:auto;left:62px;top:9px}}
@media(max-width:760px){.community-chat-page{padding:18px 0 76px}.community-chat-container{width:100%}.community-chat-heading{align-items:flex-start;padding:0 16px;margin-bottom:14px}.community-chat-heading>div{min-width:0}.community-chat-heading h1{font-size:29px}.community-chat-heading p{font-size:11px}.community-chat-heading>.button{font-size:0;padding:0;width:44px;height:44px;border-radius:14px;flex:0 0 44px}.community-chat-heading>.button::after{content:'＋';font-size:22px}.chat-safety-banner{margin:0 14px 12px;border-radius:15px;padding:12px}.chat-safety-banner small{font-size:9px}.community-chat-shell{height:calc(100dvh - 235px);min-height:470px;border-radius:0;border-left:0;border-right:0;grid-template-columns:1fr}.community-chat-sidebar{border-right:0}.community-chat-main{display:none}.community-chat-page.conversation-open .community-chat-sidebar{display:none}.community-chat-page.conversation-open .community-chat-main{display:block;height:100%}.chat-back-button{display:grid;place-items:center}.community-message-list{padding:17px 13px}.community-message{max-width:86%}.chat-active-header{padding:10px 12px}.community-chat-composer{padding:10px 12px 8px}.chat-user-finder{position:fixed;top:64px;bottom:66px;left:0;right:0;width:auto;z-index:150;border:0}.mobile-bottom-nav a{width:auto!important;flex:1;min-width:44px}.mobile-bottom-nav a{font-size:7px}.chat-unread-badge{top:2px;right:calc(50% - 21px)}.community-moderation-page .admin-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.community-chat-heading p{display:none}.chat-safety-banner>span{display:none}.community-chat-shell{height:calc(100dvh - 184px)}.community-message p{font-size:11px}.chat-peer-avatar .avatar{width:39px;height:39px}.chat-header-actions .text-button{font-size:9px;padding:7px}.community-moderation-page .admin-metrics{grid-template-columns:1fr}}

/* v2.0.8b: semantic hidden state must always win over component display rules. */
[hidden]{display:none!important}
.chat-user-finder[hidden],.chat-empty-state[hidden],.chat-active-panel[hidden],.chat-blocked-notice[hidden],.community-chat-composer[hidden]{display:none!important}
.chat-user-card .small-button.is-loading{opacity:.65;pointer-events:none}

/* BisaEuy Academy v2.0.9 — free natural browser voice and sentence audio */
.lesson-voice-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 24px;
  padding:16px 18px;
  border:1px solid #c7d2fe;
  border-radius:18px;
  background:linear-gradient(135deg,#eef2ff 0%,#f8faff 62%,#ecfeff 100%);
  box-shadow:0 12px 30px rgba(79,70,229,.08);
}
.lesson-voice-panel-copy{display:flex;align-items:center;gap:12px;min-width:240px}
.lesson-voice-panel-copy>div{display:grid;gap:3px}
.lesson-voice-panel-copy b{color:#1e1b4b;font-size:14px}
.lesson-voice-panel-copy small{color:#64748b;font-size:11px;line-height:1.45}
.lesson-voice-panel-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#fff;color:#4f46e5;box-shadow:0 7px 18px rgba(79,70,229,.12);font-size:20px}
.lesson-voice-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.voice-segment{display:inline-flex;padding:3px;border:1px solid #dbe3f4;border-radius:12px;background:rgba(255,255,255,.9)}
.voice-segment button,.voice-test-button,.voice-stop-button{
  min-height:34px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#475569;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.voice-segment button{padding:7px 10px}
.voice-segment button.active{background:#4f46e5;color:#fff;box-shadow:0 5px 12px rgba(79,70,229,.22)}
.voice-select-label{display:grid;gap:2px;color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.voice-select-label select{width:min(220px,30vw);min-height:36px;padding:6px 30px 6px 10px;border:1px solid #dbe3f4;border-radius:10px;background:#fff;color:#334155;font-size:11px}
.voice-test-button{padding:7px 12px;background:#fff;color:#4338ca;border:1px solid #c7d2fe}
.voice-stop-button{width:36px;background:#fff;color:#64748b;border:1px solid #dbe3f4}
.voice-test-button.is-speaking,.voice-stop-button:hover{background:#312e81;color:#fff}
.sentence-audio-button{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-left:8px;
  padding:0;
  border:1px solid #c7d2fe;
  border-radius:10px;
  background:#eef2ff;
  color:#4338ca;
  vertical-align:middle;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(79,70,229,.08);
  transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.sentence-audio-button:hover{transform:translateY(-1px);background:#4f46e5;color:#fff;box-shadow:0 7px 15px rgba(79,70,229,.2)}
.sentence-audio-button:focus-visible{outline:3px solid rgba(99,102,241,.25);outline-offset:2px}
.sentence-audio-button.is-speaking,.speak-button.is-speaking,.speak-mini.is-speaking,.review-speaker.is-speaking,[data-speak-text].is-speaking{
  background:#312e81!important;
  color:#fff!important;
  border-color:#312e81!important;
  animation:lingonusa-voice-pulse 1s ease-in-out infinite;
}
.lesson-table td.voice-enabled-text{white-space:normal}
.lesson-table td.voice-enabled-text .sentence-audio-button{float:right;margin-top:-4px}
.example-row b.voice-enabled-text+.sentence-audio-button,.formula-card strong.voice-enabled-text+.sentence-audio-button{margin-left:9px}
.practice-card li.voice-enabled-text{padding-right:38px;position:relative}
.practice-card li.voice-enabled-text>.sentence-audio-button{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.practice-card li.voice-enabled-text>.sentence-audio-button:hover{transform:translateY(calc(-50% - 1px))}
.concept-cards p.voice-enabled-text>.sentence-audio-button{margin-top:8px}
.vocab-section .vocab-card p.voice-enabled-text{display:flex;align-items:flex-start;gap:8px}
.vocab-section .vocab-card p.voice-enabled-text>.sentence-audio-button{flex:0 0 30px;margin:0}
@keyframes lingonusa-voice-pulse{0%,100%{box-shadow:0 0 0 0 rgba(79,70,229,.25)}50%{box-shadow:0 0 0 7px rgba(79,70,229,0)}}
@media(max-width:1100px){
  .lesson-voice-panel{align-items:flex-start;flex-direction:column}
  .lesson-voice-controls{justify-content:flex-start;width:100%}
  .voice-select-label{flex:1;min-width:190px}
  .voice-select-label select{width:100%}
}
@media(max-width:640px){
  .lesson-voice-panel{padding:15px;border-radius:16px}
  .lesson-voice-panel-copy{min-width:0}
  .lesson-voice-panel-copy small{font-size:10px}
  .lesson-voice-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .voice-segment{width:100%;justify-content:center}
  .voice-segment button{flex:1;padding-inline:7px}
  .voice-select-label{grid-column:1/-1;min-width:0}
  .voice-test-button,.voice-stop-button{width:100%}
  .sentence-audio-button{width:32px;height:32px}
  .lesson-table td.voice-enabled-text .sentence-audio-button{float:none;margin:6px 0 0}
}
@media(prefers-reduced-motion:reduce){
  .sentence-audio-button,.sentence-audio-button.is-speaking,.speak-button.is-speaking,.speak-mini.is-speaking,.review-speaker.is-speaking,[data-speak-text].is-speaking{animation:none;transition:none}
}


/* BisaEuy Academy v2.0.10 — exam retake workflow */
.result-actions{flex-wrap:wrap;align-items:center}
.result-actions form{margin:0}
.result-actions button[disabled]{opacity:.72;cursor:wait;transform:none}
.retake-hero-note{margin:12px 0 0!important;font-size:12px;color:rgba(255,255,255,.82)!important}
.retake-side-form{margin:0 0 10px}
.certificate-action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.certificate-action-buttons form{margin:0}
@media(max-width:700px){.result-actions{flex-direction:column;align-items:stretch}.result-actions form,.result-actions .button{width:100%}.certificate-actions{align-items:flex-start;gap:12px}.certificate-action-buttons{width:100%}.certificate-action-buttons form,.certificate-action-buttons .button{width:100%}}

/* Intelligent Tutor Core v2.1.0 */
.tutor-header-actions{display:flex;align-items:center;gap:8px}.tutor-header-button{border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;background:#fff;color:#4338ca;font-size:.76rem;font-weight:800;cursor:pointer}.tutor-header-button:hover{background:#eef2ff;border-color:#c7d2fe}.tutor-feedback{align-items:flex-start}.tutor-feedback>span{padding-top:7px}.tutor-feedback button{white-space:nowrap}.tutor-result-grammar{border-color:#bfdbfe;background:linear-gradient(145deg,#fff,#eff6ff)}.tutor-result-rewrite{border-color:#ddd6fe;background:linear-gradient(145deg,#fff,#f5f3ff)}
@media(max-width:760px){.tutor-header-actions{gap:5px}.tutor-header-button{padding:7px 9px;font-size:.68rem}.chat-panel>header{gap:8px}.chat-panel>header>div:first-child{min-width:0}.chat-panel>header h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tutor-feedback button{flex:1 1 145px}}
.tutor-admin-actions button{appearance:none;text-align:left;border:1px solid var(--line,#e5e7eb);background:#fff;font:inherit;color:inherit;padding:18px;border-radius:18px;cursor:pointer;display:grid;gap:5px}.tutor-admin-actions button:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(15,23,42,.08)}.tutor-admin-actions button span{font-size:1.4rem}.tutor-admin-actions button small{color:#64748b}.tutor-synonym-form{padding:18px}.tutor-synonym-form .button{align-self:end}.empty-state{padding:18px;color:#64748b}.notice.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.tutor-admin-actions button{appearance:none;text-align:left;border:1px solid var(--line,#e5e7eb);background:#fff;font:inherit;color:inherit;padding:18px;border-radius:18px;cursor:pointer;display:grid;gap:5px}.tutor-admin-actions button:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(15,23,42,.08)}.tutor-admin-actions button span{font-size:1.4rem}.tutor-admin-actions button small{color:#64748b}.tutor-synonym-form{padding:18px}.tutor-synonym-form .button{align-self:end}.empty-state{padding:18px;color:#64748b}.notice.error{background:#fef2f2;color:#991b1b;border-color:#fecaca}

/* v3.2.1 - clarify learning pathway vs global vocabulary counts */
.vocab-count-summary{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;max-width:760px;margin-top:20px}.vocab-count-item{padding:13px 15px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.vocab-count-item strong{display:block;font-size:1.35rem;line-height:1.1;color:#fff}.vocab-count-item span{display:block;margin-top:5px;color:#e3e5ff;font-size:.82rem;line-height:1.35}.vocab-count-note{margin:10px 0 0!important;color:#cfd3ff!important;font-size:.82rem!important}.vocab-path-ring small{text-align:center;max-width:130px;line-height:1.25}
@media(max-width:760px){.vocab-count-summary{grid-template-columns:1fr}.vocab-count-item{display:flex;align-items:center;gap:12px}.vocab-count-item strong{min-width:92px}.vocab-count-item span{margin-top:0}}

/* v3.3.0 Production SEO Engine */
.seo-breadcrumb{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:0 0 1.3rem;color:#687085;font-size:.92rem}.seo-breadcrumb a{color:#4f46e5;text-decoration:none}.word-detail-section{background:linear-gradient(180deg,#f7f7ff 0,#fff 55%)}.narrow-container{max-width:900px}.word-detail-card{background:#fff;border:1px solid #e4e6f3;border-radius:28px;padding:clamp(24px,5vw,48px);box-shadow:0 28px 80px rgba(49,46,129,.1)}.word-detail-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.word-detail-heading h1{font-size:clamp(3rem,8vw,6rem);line-height:.95;margin:.35rem 0}.word-pronunciation{font-size:1.25rem;color:#6d6a84}.word-meaning-panel{margin:2rem 0;padding:24px;border-radius:20px;background:#f5f4ff}.word-meaning-panel>span{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#6961d8;text-transform:uppercase}.word-meaning-panel h2{margin:.5rem 0;font-size:clamp(1.7rem,4vw,2.6rem)}.editorial-badge{display:inline-flex;padding:.45rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.editorial-badge.reviewed{background:#e8f8ef;color:#197044}.editorial-badge.pending{background:#fff4db;color:#815b00}.word-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0}.word-meta-grid>div{padding:16px;border:1px solid #ececf5;border-radius:16px}.word-meta-grid dt{font-size:.75rem;text-transform:uppercase;color:#888ca0;font-weight:800}.word-meta-grid dd{margin:.4rem 0 0;font-weight:700}.word-actions{display:flex;gap:.8rem;flex-wrap:wrap}.related-word-section{margin-top:2rem}.related-word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.related-word-grid a{display:flex;flex-direction:column;gap:.25rem;padding:14px 16px;border:1px solid #e8e8f4;border-radius:14px;background:#fff;text-decoration:none;color:#20233b}.related-word-grid a:hover{border-color:#6558e8;transform:translateY(-2px)}.related-word-grid small{color:#73778b}.seo-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.seo-stat-grid article{background:#fff;border:1px solid #e5e7f2;border-radius:18px;padding:20px}.seo-stat-grid span,.seo-stat-grid small{display:block;color:#777b90}.seo-stat-grid b{display:block;font-size:2rem;margin:.35rem 0}.seo-admin-grid{align-items:start}.seo-link-list{display:grid;gap:.55rem}.seo-link-list a{display:flex;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#f6f6fc;text-decoration:none;color:#30334e}.stacked-cards{display:grid;gap:1rem}.table-card{margin-top:1.2rem}.text-button.danger{color:#b42318}.admin-page-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.header-actions{display:flex;gap:.7rem;flex-wrap:wrap}@media(max-width:850px){.word-meta-grid,.seo-stat-grid{grid-template-columns:1fr 1fr}.admin-page-heading,.word-detail-heading{flex-direction:column}}@media(max-width:560px){.word-meta-grid,.seo-stat-grid{grid-template-columns:1fr}.word-detail-heading h1{font-size:3.2rem}}

/* v3.4.0 Visual Vocabulary Challenge */
.visual-challenge-page{min-height:calc(100vh - 74px);padding:32px 0 80px;background:radial-gradient(circle at 12% 8%,#f3e8ff 0,transparent 26%),radial-gradient(circle at 90% 15%,#dbeafe 0,transparent 28%),#fff}.visual-challenge-container{max-width:1220px}.visual-challenge-topbar{display:grid;grid-template-columns:52px 1fr 100px;align-items:center;gap:24px;margin-bottom:28px}.visual-close{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#9ca3af}.visual-close:hover{background:#f3f4f6;color:#4b5563}.visual-progress-track{height:15px;border-radius:999px;background:#e5e7eb;overflow:hidden}.visual-progress-track i{display:block;height:100%;width:4%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#4f46e5);transition:width .35s ease}.visual-hearts{text-align:right;color:#ff4b55;font-size:24px;font-weight:900;letter-spacing:3px}.visual-hearts[data-low="1"]{animation:visualPulse .7s infinite alternate}@keyframes visualPulse{to{transform:scale(1.08)}}.visual-challenge-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.visual-challenge-main{min-width:0}.visual-start-card,.visual-question-shell{background:#fff;border:1px solid #e7e9f3;border-radius:30px;padding:clamp(24px,5vw,52px);box-shadow:0 28px 80px rgba(57,48,120,.1)}.visual-start-card h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:8px 0 20px;max-width:800px}.visual-start-card>p{font-size:17px;color:#677087;max-width:760px}.visual-setup-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.visual-setup-row label{display:grid;gap:7px;font-weight:800}.visual-setup-row label span{font-size:12px;color:#6b7280}.visual-setup-row select{width:100%;padding:13px;border:1px solid #dfe3ee;border-radius:13px;background:#fff}.visual-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 26px}.visual-mode-card{position:relative;min-height:150px;border:2px solid #e5e7ef;border-radius:20px;background:#fff;padding:20px;text-align:left;display:flex;flex-direction:column;gap:7px;color:#30364a}.visual-mode-card>span{font-size:28px}.visual-mode-card b{font-size:15px}.visual-mode-card small{color:#727b91;line-height:1.45}.visual-mode-card i{display:none;position:absolute;right:14px;top:14px;width:24px;height:24px;border-radius:50%;background:#6d4be8;color:#fff;place-items:center;font-style:normal}.visual-mode-card.selected{border-color:#7457e8;background:#f7f5ff;box-shadow:0 12px 30px rgba(109,75,232,.13)}.visual-mode-card.selected i{display:grid}.visual-start-button{min-width:230px}.visual-shortcuts{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#7c8497;font-size:12px}.visual-shortcuts kbd,.visual-option kbd{border:1px solid #d7dbe5;border-bottom-width:3px;border-radius:8px;background:#fff;padding:3px 7px;font:inherit;font-weight:800;color:#777f91}.visual-challenge-sidebar{display:grid;gap:14px}.visual-stat-card,.visual-stat-panel,.visual-tip-card{background:#fff;border:1px solid #e8eaf2;border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(46,51,82,.07)}.visual-stat-card{display:flex;gap:13px;align-items:center}.visual-stat-card>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#ede9fe;font-size:24px}.visual-stat-card div{display:flex;flex-direction:column}.visual-stat-card small{color:#7a8295}.visual-stat-panel h2{font-size:17px;margin:0 0 12px}.visual-stat-panel>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eef0f5}.visual-stat-panel>div:last-child{border:0}.visual-stat-panel span{color:#737c91;font-size:13px}.visual-tip-card{display:flex;gap:12px;background:linear-gradient(145deg,#fff7ed,#fff)}.visual-tip-card>span{font-size:25px}.visual-tip-card b{font-size:14px}.visual-tip-card p{font-size:12px;color:#7b6652;margin:5px 0 0;line-height:1.6}.visual-question-shell{min-height:640px;padding:32px 48px}.visual-status-row{display:flex;justify-content:space-between;align-items:center;color:#8b5cf6;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.visual-question{padding-top:20px}.visual-question h2{text-align:center;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:8px auto 28px;max-width:850px}.visual-target-image{width:min(330px,75%);margin:0 auto 25px}.visual-target-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px;border:2px solid #e6e6ee;box-shadow:0 16px 35px rgba(51,55,83,.1)}.visual-listen-button{display:flex;align-items:center;gap:12px;margin:18px auto 28px;padding:16px 24px;border:2px solid #7c5ce5;border-radius:18px;background:#f7f5ff;color:#4d35b9;font-weight:900}.visual-listen-button span{font-size:25px}.visual-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:950px;margin:0 auto}.visual-option{position:relative;min-height:170px;border:2px solid #e1e3e8;border-bottom-width:5px;border-radius:20px;background:#fff;padding:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#30333d;transition:.16s}.visual-option:hover{transform:translateY(-3px);border-color:#9c87ed;box-shadow:0 12px 28px rgba(80,63,154,.12)}.visual-option.selected{border-color:#7558df;background:#f6f3ff}.visual-option.correct{border-color:#19a66c;background:#ecfdf5}.visual-option.wrong{border-color:#ef5b65;background:#fff1f2}.visual-option:disabled{cursor:default}.visual-option img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px}.visual-option-caption{font-weight:800;font-size:17px}.visual-option kbd{position:absolute;right:10px;bottom:9px}.visual-option-text{font-size:clamp(1.25rem,3vw,2rem);font-weight:850;text-align:center}.type-image-word .visual-option,.type-image-meaning .visual-option{min-height:105px}.visual-feedback{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px -48px -32px;padding:24px 48px;border-radius:0 0 28px 28px}.visual-feedback.success{background:#dcfce7;color:#116149}.visual-feedback.error{background:#fee2e2;color:#9f2630}.visual-feedback-copy{display:flex;align-items:flex-start;gap:14px}.visual-feedback-copy>span{width:45px;height:45px;border:3px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:900}.visual-feedback-copy small{font-weight:900}.visual-feedback-copy h3{font-size:22px;margin:1px 0}.visual-feedback-copy h3 em{font-style:normal;font-weight:600}.visual-feedback-copy p{margin:6px 0 0;line-height:1.45}.visual-feedback-actions{display:flex;align-items:center;gap:16px;min-width:max-content}.visual-feedback-actions>b{font-size:17px}.visual-result-card{text-align:center;padding:40px 0}.visual-result-card>span{font-size:76px}.visual-result-card>small{display:block;color:#7c8496;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.visual-result-card h2{font-size:clamp(2.5rem,6vw,5rem);margin:6px 0 0}.visual-result-score{font-size:22px;color:#6847dc;font-weight:900}.visual-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:650px;margin:30px auto}.visual-result-grid>div{padding:16px;border:1px solid #e5e7ef;border-radius:16px}.visual-result-grid b,.visual-result-grid span{display:block}.visual-result-grid b{font-size:25px}.visual-result-grid span{font-size:11px;color:#7c8496}.visual-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.visual-history{margin-top:44px}.visual-history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.visual-history-grid article{background:#fff;border:1px solid #e5e7ef;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:7px}.visual-history-grid article div{display:flex;flex-direction:column}.visual-history-grid small,.visual-history-grid span{color:#7a8295;font-size:11px}.visual-history-grid span{grid-column:1/-1}.visual-history-grid strong{font-size:22px;color:#513cc2}.is-busy .visual-option{pointer-events:none}.visual-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}.visual-admin-grid article{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;border:1px solid #e8eaf2;border-radius:15px;padding:10px}.visual-admin-grid img{width:72px;height:54px;object-fit:cover;border-radius:10px}.visual-admin-grid article>div{display:flex;flex-direction:column;min-width:0}.visual-admin-grid span{font-size:11px;color:#7c8496}.visual-admin-grid form{margin:0}
@media(max-width:980px){.visual-challenge-layout{grid-template-columns:1fr}.visual-challenge-sidebar{grid-template-columns:repeat(3,1fr)}.visual-stat-panel{grid-column:span 2}.visual-mode-grid{grid-template-columns:repeat(2,1fr)}.visual-history-grid{grid-template-columns:1fr 1fr}.visual-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.visual-challenge-page{padding-top:12px}.visual-challenge-topbar{grid-template-columns:42px 1fr 72px;gap:10px}.visual-close{width:40px;height:40px}.visual-hearts{font-size:18px}.visual-start-card,.visual-question-shell{padding:22px;border-radius:22px}.visual-start-card h1{font-size:2.45rem}.visual-mode-grid{grid-template-columns:1fr 1fr}.visual-mode-card{padding:14px;min-height:155px}.visual-setup-row{grid-template-columns:1fr}.visual-challenge-sidebar{grid-template-columns:1fr}.visual-stat-panel{grid-column:auto}.visual-option-grid{grid-template-columns:1fr 1fr;gap:9px}.visual-option{min-height:150px;padding:9px}.visual-option-caption{font-size:14px}.visual-feedback{margin:24px -22px -22px;padding:19px 22px;align-items:stretch;flex-direction:column}.visual-feedback-actions{justify-content:space-between}.visual-history-grid{grid-template-columns:1fr}.visual-result-grid{grid-template-columns:1fr 1fr}.visual-admin-grid{grid-template-columns:1fr}.visual-shortcuts{display:none}}

/* v3.5.0 Four Skills Practice Center */
.skills-center-page{padding:32px 0 90px;background:radial-gradient(circle at 10% 6%,#e0f2fe 0,transparent 24%),radial-gradient(circle at 88% 4%,#ede9fe 0,transparent 28%),#f8fafc}.skills-center-container{max-width:1240px}.skills-center-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:42px;padding:clamp(30px,6vw,68px);border-radius:34px;background:linear-gradient(135deg,#18234f 0,#4338ca 54%,#7c3aed 100%);color:#fff;box-shadow:0 30px 80px rgba(49,46,129,.23);overflow:hidden;position:relative}.skills-center-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-210px;border:70px solid rgba(255,255,255,.07)}.skills-center-hero>div:first-child{position:relative;z-index:1}.skills-center-hero .eyebrow{color:#bfdbfe}.skills-center-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.06em;margin:12px 0 22px;max-width:800px}.skills-center-hero p{max-width:760px;color:#e0e7ff;font-size:18px;line-height:1.65}.skills-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.skills-hero-actions .button-light{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.25)}.skills-compass{position:relative;z-index:1;width:300px;height:300px;margin:auto;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;box-shadow:inset 0 0 0 28px rgba(255,255,255,.05)}.skills-compass b{font-size:74px;line-height:1}.skills-compass small{position:absolute;top:178px;text-transform:uppercase;letter-spacing:.15em}.skills-compass>span{position:absolute;width:70px;height:70px;border-radius:22px;background:#fff;color:#1f2a62;display:grid;place-items:center;font-size:34px;box-shadow:0 16px 35px rgba(20,25,75,.22)}.skills-compass>span:nth-child(1){top:-5px}.skills-compass>span:nth-child(2){right:-8px}.skills-compass>span:nth-child(3){bottom:-5px}.skills-compass>span:nth-child(4){left:-8px}.skills-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}.skills-overview-grid article{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5e7ef;border-radius:20px;padding:19px;box-shadow:0 12px 28px rgba(30,41,59,.06)}.skills-overview-grid article>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:#eef2ff}.skills-overview-grid div{display:flex;flex-direction:column}.skills-overview-grid small{font-weight:800;color:#6b7280}.skills-overview-grid b{font-size:15px}.skills-overview-grid em{font-style:normal;font-size:12px;color:#7c8496}.skills-library-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 0;padding:16px 18px;border:1px solid #dfe3f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(30,41,59,.05)}.skills-library-status div{display:flex;flex-direction:column}.skills-library-status b{font-size:15px;color:#26325f}.skills-library-status span{font-size:12px;color:#747c90;margin-top:3px}.skills-library-status .button{white-space:nowrap}.skills-library{margin-top:50px}.skills-library-heading{align-items:end}.skills-level-filter label{display:flex;align-items:center;gap:10px;font-weight:800}.skills-level-filter select{padding:10px 34px 10px 12px;border:1px solid #dfe3ee;border-radius:12px;background:#fff}.skills-tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 13px;border-bottom:1px solid #e4e7ef;margin-bottom:20px}.skills-tabs button{white-space:nowrap;border:0;background:transparent;color:#747c90;padding:10px 16px;border-radius:999px;font-weight:900}.skills-tabs button.active{background:#1f2a62;color:#fff}.skills-set-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.skill-set-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7ef;border-radius:22px;padding:20px;min-height:280px;box-shadow:0 13px 32px rgba(30,41,59,.055);transition:.18s}.skill-set-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(30,41,59,.1)}.skill-set-card header{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center}.skill-set-card header>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:25px;background:#eef2ff}.skill-set-card header small{font-size:10px;color:#6b7280;font-weight:900;letter-spacing:.06em}.skill-set-card h3{font-size:19px;margin:3px 0}.skill-set-card header>i{font-style:normal;font-size:11px;color:#777f92;background:#f3f4f6;padding:6px 8px;border-radius:999px}.skill-set-card>p{color:#70788c;line-height:1.55;font-size:13px;flex:1}.skill-set-progress{display:flex;align-items:center;gap:10px;margin:14px 0}.skill-set-progress>div{height:8px;border-radius:999px;background:#edf0f5;flex:1;overflow:hidden}.skill-set-progress i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#4f46e5);border-radius:inherit}.skill-set-progress span{font-size:11px;color:#737b90}.skill-set-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f5;padding-top:14px}.skill-set-card footer>span{font-size:11px;color:#777f92}.skill-speaking header>span{background:#e0f2fe}.skill-writing header>span{background:#fef3c7}.skill-reading header>span{background:#dcfce7}.skill-listening header>span{background:#f3e8ff}.skill-practice-shell{margin-top:32px;background:#fff;border:1px solid #e2e5ee;border-radius:30px;box-shadow:0 26px 75px rgba(30,41,59,.12);overflow:hidden}.skill-practice-topbar{display:grid;grid-template-columns:46px 1fr 70px;gap:18px;align-items:center;padding:20px 26px;border-bottom:1px solid #edf0f5}.skill-practice-close{border:0;background:#f3f4f6;border-radius:50%;width:40px;height:40px;font-size:27px;color:#6b7280}.skill-practice-progress{height:13px;border-radius:999px;background:#e5e7eb;overflow:hidden}.skill-practice-progress i{display:block;height:100%;width:3%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#0ea5e9,#6366f1);transition:width .3s}.skill-practice-topbar>div:last-child{text-align:right;font-weight:900;color:#6b7280}.skill-practice-stage{padding:clamp(24px,5vw,58px);min-height:560px}.skill-practice-item>header{display:flex;gap:18px;align-items:flex-start;max-width:900px;margin:0 auto 28px}.skill-practice-item>header>span{width:60px;height:60px;border-radius:19px;background:#eef2ff;display:grid;place-items:center;font-size:31px;flex:0 0 auto}.skill-practice-item>header small{color:#6366f1;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.skill-practice-item h2{font-size:clamp(1.7rem,4vw,3rem);line-height:1.15;margin:5px 0}.skill-practice-item>header p{color:#727b90;margin:7px 0}.skill-practice-image{max-width:390px;margin:0 auto 26px}.skill-practice-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:25px;border:2px solid #e5e7eb}.skill-reading-passage,.skill-read-aloud-text,.skill-guide{max-width:900px;margin:0 auto 24px;padding:24px;border-radius:20px;background:#f8fafc;border:1px solid #e5e7eb}.skill-reading-passage span{font-size:11px;font-weight:900;text-transform:uppercase;color:#6366f1}.skill-reading-passage p{font-size:18px;line-height:1.75;margin:8px 0 0}.skill-read-aloud-text{font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.45;text-align:center;background:#eef2ff;color:#27316f}.skill-guide ol{margin:10px 0 0;padding-left:22px}.skill-listen-button{display:grid;grid-template-columns:48px 1fr;gap:0 12px;align-items:center;margin:0 auto 25px;padding:15px 22px;border:2px solid #38bdf8;border-bottom-width:5px;border-radius:17px;background:#f0f9ff;color:#075985;text-align:left}.skill-listen-button span{grid-row:1/3;font-size:29px}.skill-listen-button small{color:#54839a}.skill-response-area{max-width:900px;margin:0 auto}.skill-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skill-choice-grid button{position:relative;min-height:105px;border:2px solid #e2e5eb;border-bottom-width:5px;border-radius:18px;background:#fff;padding:18px 20px;font-size:17px;font-weight:800;text-align:left;color:#31374b}.skill-choice-grid button:hover{border-color:#38bdf8;background:#f0f9ff;transform:translateY(-2px)}.skill-choice-grid kbd{position:absolute;right:12px;bottom:10px;border:1px solid #d6dae3;border-bottom-width:3px;border-radius:8px;padding:3px 7px;background:#fff;color:#747c8f;font:inherit;font-size:11px}.skill-response-area textarea{width:100%;resize:vertical;border:2px solid #dfe3eb;border-radius:18px;padding:18px;font:inherit;line-height:1.65;min-height:160px}.skill-response-area textarea:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 4px #eef2ff}.speaking-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.speaking-controls span{font-size:11px;color:#737b90}.skill-response-area audio{width:100%;margin:8px 0 12px}.practice-response-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.practice-response-meta span{font-size:12px;color:#747c90}.skill-practice-feedback{display:grid;grid-template-columns:90px 1fr auto;gap:20px;padding:28px clamp(24px,5vw,58px);border-top:1px solid #e5e7eb}.skill-practice-feedback.success{background:#ecfdf5;color:#14532d}.skill-practice-feedback.practice{background:#fff7ed;color:#7c2d12}.skill-feedback-score{display:flex;align-items:baseline}.skill-feedback-score strong{font-size:42px}.skill-feedback-score span{font-size:14px}.skill-feedback-copy small{font-size:18px;font-weight:900}.skill-feedback-copy>p{margin:6px 0 13px;line-height:1.5}.feedback-chip-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:7px 0}.feedback-chip-row b{font-size:11px}.feedback-chip-row span{font-size:11px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid currentColor}.skill-reference{margin-top:10px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.65)}.skill-reference b{font-size:11px}.skill-reference p{margin:3px 0 0}.skill-feedback-actions{align-self:center}.skill-practice-result{text-align:center;max-width:800px;margin:auto;padding:38px 0}.skill-practice-result>span{font-size:75px}.skill-practice-result>small{display:block;color:#71798d;text-transform:uppercase;font-weight:900}.skill-practice-result h2{font-size:clamp(4rem,10vw,7rem);margin:4px 0;color:#4338ca}.skill-practice-result>p{color:#697287}.skill-practice-result>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px auto;max-width:560px}.skill-practice-result section{padding:18px;border:1px solid #e5e7eb;border-radius:17px}.skill-practice-result section b,.skill-practice-result section span{display:block}.skill-practice-result section b{font-size:25px}.skill-practice-result section span{font-size:11px;color:#747c90}.skill-practice-result footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.skills-history-section{margin-top:50px}.skills-total-stat{text-align:right}.skills-total-stat b,.skills-total-stat span{display:block}.skills-total-stat b{font-size:25px}.skills-total-stat span{font-size:11px;color:#737b90}.skills-history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skills-history-grid article{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:17px;padding:15px}.skills-history-grid article>span{font-size:25px}.skills-history-grid article div{display:flex;flex-direction:column}.skills-history-grid small{font-size:10px;color:#747c90}.skills-history-grid strong{font-size:20px;color:#4338ca}.skills-history-grid em{grid-column:3;font-size:10px;font-style:normal;color:#16a34a}.is-busy{opacity:.7;pointer-events:none}
@media(max-width:1000px){.skills-center-hero{grid-template-columns:1fr}.skills-compass{display:none}.skills-overview-grid{grid-template-columns:1fr 1fr}.skills-set-grid{grid-template-columns:1fr 1fr}.skills-history-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.skills-library-status{align-items:stretch;flex-direction:column}.skills-library-status .button{width:100%}.skills-center-page{padding-top:12px}.skills-center-hero{padding:28px;border-radius:24px}.skills-center-hero h1{font-size:2.7rem}.skills-overview-grid,.skills-set-grid,.skills-history-grid{grid-template-columns:1fr}.skills-library-heading{align-items:flex-start;flex-direction:column}.skills-level-filter{width:100%}.skills-level-filter label{justify-content:space-between}.skill-practice-topbar{grid-template-columns:40px 1fr 55px;padding:13px}.skill-practice-stage{padding:22px}.skill-practice-item>header{gap:10px}.skill-practice-item>header>span{width:48px;height:48px;font-size:25px}.skill-choice-grid{grid-template-columns:1fr}.skill-practice-feedback{grid-template-columns:1fr;padding:22px}.skill-feedback-score{justify-content:flex-start}.practice-response-meta{align-items:stretch;gap:10px;flex-direction:column}.practice-response-meta .button{width:100%}.skill-practice-result>div{grid-template-columns:1fr 1fr}.skill-practice-result section:last-child{grid-column:1/-1}}

/* Navigation hierarchy and account menu — v4.0.4 */
@media(max-width:1020px){
  .header-inner{gap:10px}
  .main-nav{display:none;position:absolute;top:66px;left:20px;right:20px;max-height:calc(100vh - 90px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:17px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;white-space:normal}
  .main-nav.open{display:flex}
  .main-nav>a,.nav-menu-group>summary{width:100%;justify-content:space-between;padding:11px 12px}
  .nav-menu-group{width:100%}
  .nav-dropdown,.nav-dropdown-right{position:static;width:100%;margin-top:5px;padding:5px;border:0;border-radius:12px;background:#f7f8fc;box-shadow:none}
  .nav-dropdown:before{display:none}
  .nav-dropdown a{padding:10px 12px}
  .mobile-menu-button{display:grid;place-items:center;margin-left:auto}
  .header-actions .text-button{display:none}
  .account-dropdown{right:0;width:min(294px,calc(100vw - 30px))}
}
@media(max-width:560px){
  .container.header-inner{width:calc(100% - 22px)}
  .brand b{font-size:15px}.brand-mark{width:37px;height:37px;border-radius:12px;font-size:18px}
  .header-actions{gap:5px}.user-chip{padding:3px}.account-chevron{display:none}
  .main-nav{left:11px;right:11px}
}

/* BisaEuy Academy v4.1.1 — English Formula Library */
.formula-hero{padding:72px 0 54px;background:radial-gradient(circle at 88% 12%,rgba(114,86,255,.18),transparent 30%),linear-gradient(135deg,#f8f7ff 0%,#effaff 100%);border-bottom:1px solid #e5e9f5}.formula-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:54px;align-items:center}.formula-hero h1{max-width:800px;margin:12px 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-.045em;color:#111b36}.formula-hero p{max-width:760px;font-size:18px;line-height:1.75;color:#616b83}.formula-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.formula-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#5f6780;font-size:13px;font-weight:750}.formula-hero-card{position:relative;padding:30px;border:1px solid rgba(91,75,223,.16);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:0 26px 70px rgba(43,52,91,.12);overflow:hidden}.formula-hero-card:before{content:'fx';position:absolute;right:-12px;top:-22px;font-size:108px;font-weight:900;color:rgba(91,75,223,.06)}.formula-hero-card>span{display:block;color:#7c6df2;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.formula-hero-card>strong{display:block;margin:20px 0 14px;padding:18px;border-radius:16px;background:#151d39;color:#fff;font-size:25px;text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.formula-hero-card>p{font-size:15px;line-height:1.6;color:#384158}.formula-hero-card .speak-button{margin-top:8px}.formula-progress-mini{height:8px;margin:24px 0 9px;border-radius:99px;background:#e9ecf6;overflow:hidden}.formula-progress-mini i{display:block;height:100%;background:linear-gradient(90deg,#6d56f5,#20b7a6);border-radius:inherit}.formula-hero-card>small{color:#7b8499}.formula-library{padding:48px 0 80px;background:#f7f8fc}.formula-category-strip{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:12px;overflow-x:auto;padding:4px 2px 16px}.formula-category-strip>a{min-width:145px;padding:18px;border:1px solid #e1e5f0;border-radius:19px;background:#fff;color:#27314b;text-decoration:none;box-shadow:0 8px 22px rgba(37,48,84,.04);transition:.2s ease}.formula-category-strip>a:hover,.formula-category-strip>a.active{border-color:#6d56f5;transform:translateY(-2px);box-shadow:0 14px 30px rgba(91,75,223,.12)}.formula-category-strip>a.active{background:#f1efff}.formula-category-strip span{display:block;font-size:22px}.formula-category-strip b{display:block;margin:9px 0 4px;font-size:13px}.formula-category-strip small{color:#8b93a8;font-size:11px}.formula-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0}.formula-toolbar#formula-material-list{scroll-margin-top:104px;outline:none}.formula-toolbar#formula-material-list:focus-visible{box-shadow:0 0 0 4px rgba(109,86,245,.18);border-radius:18px}.formula-filter-form{display:flex;gap:10px;flex:1;flex-wrap:wrap}.formula-filter-form .search-field{min-width:260px;flex:1}.formula-filter-form select{min-width:145px}.formula-summary{white-space:nowrap;color:#737c92}.formula-summary b{color:#1c2743}.formula-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.formula-topic-card{position:relative;display:flex;flex-direction:column;min-height:290px;padding:25px;border:1px solid #e2e6f0;border-radius:23px;background:#fff;box-shadow:0 10px 30px rgba(30,42,75,.05);transition:.2s ease;overflow:hidden}.formula-topic-card:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:4px;background:#e5e8f2}.formula-topic-card.status-learning:after{background:#ffb347}.formula-topic-card.status-understood:after{background:#20b7a6}.formula-topic-card.status-mastered:after{background:#5b4bdf}.formula-topic-card:hover{transform:translateY(-4px);border-color:#b9b0f8;box-shadow:0 20px 44px rgba(38,50,87,.11)}.formula-card-head{display:flex;align-items:center;justify-content:space-between}.formula-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f2f0ff;font-size:21px}.formula-topic-card>small{margin-top:18px;color:#8b72ed;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.formula-topic-card h2{margin:7px 0 10px;font-size:20px;line-height:1.25}.formula-topic-card h2 a{color:#14203c;text-decoration:none}.formula-topic-card>p{margin:0;color:#6d758b;line-height:1.65;font-size:14px}.formula-card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;color:#858da1;font-size:12px}.formula-score-bar{position:relative;height:7px;margin-top:12px;border-radius:99px;background:#eef0f6}.formula-score-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7060ef,#20b7a6)}.formula-score-bar span{display:block;margin-top:5px;font-size:10px;color:#8b93a8}.formula-open-link{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid #eef0f5;color:#5544df;text-decoration:none;font-weight:800;font-size:13px}.formula-open-link span{font-size:18px}.formula-detail-hero{padding:44px 0 34px;background:linear-gradient(135deg,#f6f3ff,#f0fbff);border-bottom:1px solid #e6e8f2}.formula-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8a92a6;font-size:12px}.formula-breadcrumb a{color:#6555df;text-decoration:none}.formula-detail-heading{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:28px}.formula-detail-heading h1{margin:10px 0 12px;font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.04em;color:#111b36}.formula-detail-heading p{max-width:780px;margin:0;color:#667087;font-size:17px;line-height:1.7}.formula-status-panel{min-width:180px;padding:20px;border-radius:20px;background:#fff;border:1px solid #e2e5f0;box-shadow:0 12px 32px rgba(30,42,75,.07)}.formula-status-panel span,.formula-status-panel small{display:block;color:#8b93a8;font-size:11px}.formula-status-panel b{display:block;margin:5px 0 11px;color:#1a2440;font-size:22px}.formula-detail-page{padding:44px 0 90px;background:#f8f9fc}.formula-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start}.formula-lesson-content{min-width:0}.formula-section{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;margin-bottom:20px;padding:30px;border:1px solid #e4e7f0;border-radius:25px;background:#fff;box-shadow:0 8px 28px rgba(35,46,78,.04)}.section-number{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#f0edff;color:#5b4bdf;font-weight:900;font-size:12px}.formula-section h2{margin:3px 0 18px;font-size:24px;color:#17213d}.formula-section>div>p{color:#5f6980;line-height:1.8}.formula-use-box{margin-top:20px;padding:18px;border-radius:16px;background:#f5f8ff;border-left:4px solid #6d56f5}.formula-use-box b{color:#28324c}.formula-use-box p{margin:5px 0 0;color:#677189}.formula-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.formula-pattern-grid article{padding:18px;border-radius:17px;background:#141d38;color:#fff}.formula-pattern-grid span{display:block;color:#9da9cb;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.formula-pattern-grid strong{display:block;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px;line-height:1.45}.formula-pattern-grid small{display:block;margin-top:8px;color:#bbc4dc;line-height:1.5}.formula-example-list{display:grid;gap:11px}.formula-example-list article{display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center;padding:17px;border:1px solid #e8eaf2;border-radius:16px;background:#fcfcfe}.example-index{color:#8d7bf2;font-weight:900;font-size:11px}.formula-example-list b{display:block;color:#19243f;font-size:16px}.formula-example-list p{margin:5px 0 0;color:#6b748a}.formula-example-list small{display:block;margin-top:6px;color:#9198aa}.formula-mistake-list{display:grid;gap:12px}.formula-mistake-list article{padding:18px;border-radius:17px;background:#fff9f9;border:1px solid #f3dede}.formula-mistake-list .wrong,.formula-mistake-list .right{display:flex;align-items:center;gap:10px;padding:7px 0}.formula-mistake-list .wrong span{color:#d14c59}.formula-mistake-list .right span{color:#159c79}.formula-mistake-list code{white-space:normal;font-size:14px;color:#25304a}.formula-mistake-list p{margin:8px 0 0;color:#7c6670;font-size:13px}.formula-tips{display:grid;gap:10px}.formula-tips p{display:flex;gap:10px;margin:0;padding:14px;border-radius:14px;background:#f6f4ff;color:#4e5870}.formula-tips span{color:#6d56f5}.formula-quiz-card{margin-top:22px;padding:30px;border-radius:26px;background:#131d38;color:#fff;box-shadow:0 24px 60px rgba(19,29,56,.18)}.formula-quiz-heading{display:flex;justify-content:space-between;gap:20px}.formula-quiz-heading h2{margin:7px 0 8px;font-size:27px}.formula-quiz-heading p{margin:0;color:#b7c0d8}.formula-quiz-heading>span{height:max-content;padding:8px 12px;border-radius:99px;background:#3e356f;color:#d7d0ff;font-size:12px;font-weight:800}.formula-quiz-form fieldset{margin:24px 0 0;padding:22px;border:1px solid #34405f;border-radius:18px}.formula-quiz-form legend{display:flex;align-items:center;gap:10px;padding:0 8px;font-weight:800}.formula-quiz-form legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#6d56f5}.formula-options{display:grid;gap:10px;margin-top:8px}.formula-options label{cursor:pointer}.formula-options input{position:absolute;opacity:0}.formula-options label span{display:block;padding:13px 15px;border:1px solid #3b4868;border-radius:12px;background:#1a2644;color:#dce2f2;transition:.16s ease}.formula-options input:checked+span{border-color:#9c8eff;background:#352d67;color:#fff}.formula-quiz-form>.button{margin-top:20px}.formula-quiz-result{display:flex;align-items:center;gap:17px;margin-top:22px;padding:17px;border-radius:17px}.formula-quiz-result.success{background:#143d38}.formula-quiz-result.review{background:#4b3729}.formula-quiz-result>strong{font-size:28px}.formula-quiz-result b{display:block}.formula-quiz-result p{margin:4px 0 0;color:#d4d9e7}.formula-answer-feedback{margin-top:12px;padding:12px;border-radius:11px;font-size:13px}.formula-answer-feedback.correct{background:#153d38}.formula-answer-feedback.incorrect{background:#4b2d37}.formula-answer-feedback p{margin:4px 0 0;color:#dce2ee}.formula-login-prompt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding:20px;border:1px solid #34405f;border-radius:17px}.formula-login-prompt p{flex:1;min-width:240px;margin:0;color:#c0c7da}.formula-next-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.formula-next-nav a{display:flex;flex-direction:column;padding:18px;border:1px solid #e2e6ef;border-radius:17px;background:#fff;text-decoration:none;color:#1c2743}.formula-next-nav a.next{text-align:right}.formula-next-nav small{color:#8b93a8}.formula-next-nav b{margin-top:5px}.formula-detail-sidebar{display:grid;gap:16px}.formula-sticky-card{position:sticky;top:92px;padding:22px;border:1px solid #e0e4ef;border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(31,43,76,.07)}.formula-sticky-card.compact{position:static}.formula-sticky-card h3{margin:0 0 16px;color:#1c2743}.formula-current-status{display:flex;align-items:center;gap:9px;margin-bottom:15px;padding:11px;border-radius:12px;background:#f3f4f8;color:#677087;font-size:13px;font-weight:750}.formula-current-status span{width:9px;height:9px;border-radius:50%;background:#b2b7c6}.formula-current-status.status-learning span{background:#ffad42}.formula-current-status.status-understood span{background:#1fb398}.formula-current-status.status-mastered span{background:#5b4bdf}.formula-sticky-card form{display:grid;gap:8px}.formula-sticky-card .button-block{width:100%;text-align:left}.sidebar-quiz-link{display:block;margin-top:15px;color:#5b4bdf;text-decoration:none;font-weight:800;font-size:13px}.formula-sticky-card.compact p{margin:7px 0;color:#6b7489;font-size:13px}.formula-sticky-card.compact b{display:inline-block;width:29px;color:#30266f}.formula-admin-grid{}.formula-login-prompt .button{min-width:105px}
@media(max-width:1100px){.formula-category-strip{grid-template-columns:repeat(7,160px)}.formula-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-detail-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:820px){.formula-hero{padding-top:44px}.formula-hero-grid,.formula-detail-heading,.formula-detail-layout{grid-template-columns:1fr}.formula-hero-card{max-width:540px}.formula-detail-sidebar{order:-1}.formula-sticky-card{position:static}.formula-status-panel{width:max-content}.formula-topic-grid{grid-template-columns:1fr}.formula-toolbar{align-items:stretch;flex-direction:column}.formula-summary{align-self:flex-end}.formula-pattern-grid{grid-template-columns:1fr}.formula-section{grid-template-columns:1fr;padding:22px}.formula-detail-heading{gap:18px}.formula-detail-heading h1{font-size:38px}.formula-next-nav{grid-template-columns:1fr}.formula-next-nav a.next{text-align:left}}
@media(max-width:560px){.formula-hero h1{font-size:38px}.formula-proof{display:grid;gap:8px}.formula-filter-form{display:grid;grid-template-columns:1fr}.formula-filter-form .search-field,.formula-filter-form select{min-width:0;width:100%}.formula-topic-card{min-height:270px}.formula-detail-page{padding-top:22px}.formula-example-list article{grid-template-columns:32px 1fr}.formula-example-list .speak-mini{grid-column:2;justify-self:start}.formula-quiz-card{padding:21px}.formula-quiz-heading{display:block}.formula-quiz-heading>span{display:inline-block;margin-top:12px}}

/* BisaEuy Academy v4.2.1 - Skills Center Repair */
.skills-center-hero-compact{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);padding:clamp(30px,5vw,58px);min-height:430px}
.skills-center-hero-compact h1{font-size:clamp(2.45rem,5.2vw,4.8rem);max-width:850px}
.skills-hero-summary{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.skills-hero-summary>div{min-height:124px;padding:22px;border:1px solid rgba(255,255,255,.2);border-radius:24px;background:rgba(255,255,255,.11);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center}
.skills-hero-summary strong{font-size:34px;line-height:1}
.skills-hero-summary span{margin-top:8px;color:#dbeafe;font-size:12px;font-weight:700}
.skills-overview-clickable button{appearance:none;text-align:left;color:inherit;font:inherit;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5e7ef;border-bottom-width:4px;border-radius:20px;padding:19px;box-shadow:0 12px 28px rgba(30,41,59,.06);cursor:pointer;transition:.18s}
.skills-overview-clickable button:hover{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 18px 38px rgba(30,41,59,.1)}
.skills-overview-clickable button>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:#eef2ff;flex:0 0 auto}
.skills-overview-clickable button div{display:flex;flex-direction:column;min-width:0}
.skills-overview-clickable button small{font-weight:900;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}
.skills-overview-clickable button b{font-size:15px}
.skills-overview-clickable button em{font-style:normal;font-size:11px;color:#7c8496;margin-top:2px}
.skills-library-duo{scroll-margin-top:92px;margin-top:46px;background:#fff;border:1px solid #e5e7ef;border-radius:30px;padding:clamp(22px,4vw,38px);box-shadow:0 22px 55px rgba(30,41,59,.08)}
.skills-library-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.skills-library-title-row h2{font-size:clamp(2rem,4vw,3rem);margin:6px 0 8px;letter-spacing:-.04em}
.skills-library-title-row p{margin:0;color:#737b90;max-width:620px}
.skills-library-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.skills-search-box{display:flex;align-items:center;gap:8px;min-width:290px;padding:0 14px;border:2px solid #e2e8f0;border-radius:15px;background:#fff}
.skills-search-box:focus-within{border-color:#38bdf8;box-shadow:0 0 0 4px #e0f2fe}
.skills-search-box span{color:#64748b;font-size:20px}
.skills-search-box input{border:0;outline:0;width:100%;padding:12px 0;font:inherit;background:transparent}
.skills-level-filter{display:flex;align-items:center;gap:8px;font-weight:850;color:#5b6478}
.skills-level-filter select{min-width:130px;padding:11px 34px 11px 12px;border:2px solid #e2e8f0;border-radius:15px;background:#fff;font-weight:800;color:#27314f}
.skills-tabs-duo{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:30px 0 0;padding:0;border-bottom:3px solid #e5e7eb;overflow:visible}
.skills-tabs-duo button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 10px 18px;border:0;border-radius:0;background:transparent;color:#9ca3af;font-weight:900;cursor:pointer;min-width:0}
.skills-tabs-duo button span{font-size:19px}
.skills-tabs-duo button b{font-size:14px;white-space:nowrap}
.skills-tabs-duo button small{min-width:25px;padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:10px}
.skills-tabs-duo button:after{content:"";position:absolute;height:5px;border-radius:999px;left:12%;right:12%;bottom:-4px;background:transparent}
.skills-tabs-duo button.active{background:transparent;color:#0ea5e9}
.skills-tabs-duo button.active small{background:#e0f2fe;color:#0369a1}
.skills-tabs-duo button.active:after{background:#0ea5e9}
.skills-filter-result{display:flex;justify-content:flex-end;align-items:baseline;margin:18px 2px 12px;color:#8790a3;font-size:12px}
.skills-filter-result b{font-size:15px;color:#27314f;margin-right:4px}
.skills-set-grid-duo{grid-template-columns:1fr 1fr;gap:18px}
.skill-set-card-duo{min-height:0;display:grid;grid-template-columns:88px 1fr;gap:18px;padding:20px;border:2px solid #e5e7eb;border-bottom-width:5px;border-radius:24px;box-shadow:none;cursor:pointer;outline:none}
.skill-set-card-duo:hover,.skill-set-card-duo:focus-visible{transform:translateY(-3px);border-color:#bae6fd;background:#fbfdff;box-shadow:0 16px 34px rgba(14,165,233,.1)}
.skill-set-card-duo[hidden]{display:none!important}
.skill-card-icon{position:relative;width:88px;height:88px;border-radius:22px;background:#f0f9ff;display:grid;place-items:center;align-self:start}
.skill-card-icon>span{font-size:39px}
.skill-card-icon>i{position:absolute;right:-6px;bottom:-6px;min-width:31px;height:31px;padding:0 7px;border:3px solid #fff;border-radius:999px;background:#0ea5e9;color:#fff;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center;box-sizing:border-box}
.skill-writing .skill-card-icon{background:#fff7ed}.skill-writing .skill-card-icon>i{background:#f59e0b}
.skill-reading .skill-card-icon{background:#f0fdf4}.skill-reading .skill-card-icon>i{background:#22c55e}
.skill-listening .skill-card-icon{background:#faf5ff}.skill-listening .skill-card-icon>i{background:#a855f7}
.skill-card-content{min-width:0;display:flex;flex-direction:column}
.skill-card-content header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.skill-card-content header>div{min-width:0}
.skill-card-content header small{font-size:10px;font-weight:900;color:#8b93a5;letter-spacing:.1em}
.skill-card-content h3{font-size:20px;margin:3px 0 0;line-height:1.2;color:#3b3f4a}
.skill-card-content header>span{font-size:13px;color:#a1a1aa;font-weight:850;white-space:nowrap}
.skill-card-content>p{font-size:12px;line-height:1.55;color:#7c8496;margin:9px 0 5px;min-height:37px}
.skill-card-content .skill-set-progress{margin:7px 0 12px}
.skill-card-content .skill-set-progress>div{height:10px;background:#e5e7eb}
.skill-card-content .skill-set-progress i{background:#22c55e}
.skill-card-content .skill-set-progress span{font-weight:850;color:#7c8496}
.skill-card-content footer{display:flex;align-items:center;justify-content:space-between;border:0;padding:0;margin-top:auto}
.skill-card-content footer>span{font-size:11px;color:#8b93a5}
.skill-card-play{width:42px;height:42px;border:0;border-bottom:4px solid #0284c7;border-radius:14px;background:#0ea5e9;color:#fff;display:grid;place-items:center;font-size:15px;cursor:pointer;transition:.16s}
.skill-card-play:hover{transform:translateY(-2px);background:#0284c7}
.skill-writing .skill-card-play{background:#f59e0b;border-bottom-color:#d97706}.skill-writing .skill-card-play:hover{background:#d97706}
.skill-reading .skill-card-play{background:#22c55e;border-bottom-color:#16a34a}.skill-reading .skill-card-play:hover{background:#16a34a}
.skill-listening .skill-card-play{background:#a855f7;border-bottom-color:#9333ea}.skill-listening .skill-card-play:hover{background:#9333ea}
.skills-empty-state{padding:52px 20px}.skills-empty-state span{display:block;font-size:44px}.skills-empty-state b{display:block;font-size:20px;margin:8px 0}.skills-empty-state p{margin:0;color:#7c8496}
.skills-load-more-wrap{text-align:center;margin-top:24px}.skills-load-more-wrap button[hidden]{display:none}
.skill-practice-shell{scroll-margin-top:85px}
.skill-practice-topbar{position:sticky;top:70px;background:#fff;z-index:3}

@media(max-width:1000px){
  .skills-center-hero-compact{grid-template-columns:1fr}.skills-hero-summary{grid-template-columns:repeat(4,1fr)}.skills-hero-summary>div{min-height:100px;padding:16px}.skills-hero-summary strong{font-size:28px}
  .skills-library-title-row{align-items:flex-start;flex-direction:column}.skills-library-tools{width:100%;justify-content:flex-start}.skills-search-box{flex:1;min-width:230px}.skills-tabs-duo{overflow-x:auto;grid-template-columns:repeat(5,minmax(145px,1fr))}
}
@media(max-width:760px){
  .skills-center-hero-compact{min-height:0}.skills-hero-summary{grid-template-columns:1fr 1fr}.skills-overview-clickable{grid-template-columns:1fr 1fr}.skills-set-grid-duo{grid-template-columns:1fr}.skills-library-duo{padding:20px;border-radius:24px}.skill-set-card-duo{grid-template-columns:74px 1fr}.skill-card-icon{width:74px;height:74px}.skill-card-icon>span{font-size:32px}
}
@media(max-width:520px){
  .skills-center-hero-compact h1{font-size:2.45rem}.skills-hero-summary>div{min-height:86px;padding:13px}.skills-hero-summary strong{font-size:24px}.skills-overview-clickable{grid-template-columns:1fr}.skills-library-tools{flex-direction:column;align-items:stretch}.skills-search-box{min-width:0;width:100%}.skills-level-filter{justify-content:space-between}.skills-level-filter select{flex:1}.skills-tabs-duo{margin-left:-20px;margin-right:-20px;padding-left:12px;padding-right:12px}.skill-set-card-duo{grid-template-columns:58px 1fr;gap:13px;padding:16px}.skill-card-icon{width:58px;height:58px;border-radius:17px}.skill-card-icon>span{font-size:27px}.skill-card-icon>i{height:27px;min-width:27px;font-size:9px}.skill-card-content h3{font-size:17px}.skill-card-content>p{min-height:0}.skill-card-content footer>span{max-width:160px}.skill-card-play{width:38px;height:38px}
}