@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:focus-visible{outline-offset:2px;outline:2px solid #b71c1c}:root{--primary:darkred;--primary-container:#e11d48;--secondary-color:#263238;--invictus-red-dark:#b71c1c;--invictus-red-pale:#fff2f2;--invictus-slate:#1f2937;--surface-white:#fff;--to-be-determined:#fff;--xp-amethyst:#8b5cf6;--success-mint:#10b981;--bg-app:#f9fafb;--neutral-gray:#6b7280;--border-color:#e5e7eb;--border-light:#f3f4f6;--border-focus:var(--primary);--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-subtle:#f1f5f9;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#64748b;--text-light:#94a3b8;--space-xs:4px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--radius-lg:16px;--radius-md:10px;--radius-sm:8px;--radius-full:100px;--sidebar-width:200px;--max-content-width:1400px;--tertiary:#006855;--tertiary-container:#00836c;--tertiary-fixed:#90f5d9;--tertiary-fixed-dim:#74d8bd;--on-tertiary:#fff;--on-tertiary-container:#eefff7;--error:#ba1a1a;--error-container:#ffdad6;--on-error:#fff;--on-error-container:#93000a;--on-background:#281718;--background:#fff8f7;--invictus-font:"Plus Jakarta Sans", sans-serif;--invictus-gray-100:#f2d3d3;--invictus-gray-200:#e5bdbe;--invictus-radius:8px}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;transition:all .2s}button:focus-visible{outline:2px solid var(--invictus-red);outline-offset:2px}body{color:var(--invictus-slate);-webkit-font-smoothing:antialiased;background:#fff8f7;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}html{min-height:100vh}*{box-sizing:border-box}.card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #d32f2f0a}.card:hover{box-shadow:0 8px 24px #d32f2f14}@media (prefers-color-scheme:dark){:root{--primary:darkred;--primary-container:#b80035;--invictus-red-pale:#1e293b;--bg-app:#0f172a;--surface-white:#1e293b;--border-color:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--invictus-slate:#f8fafc;--to-be-determined:#1e293b;--tertiary:#74d8bd;--tertiary-container:#005142;--on-tertiary:#003722;--on-tertiary-container:#90f5d9;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--on-background:#f2d3d3;--background:#1a1415;--invictus-gray-100:#3d2527;--invictus-gray-200:#4d2f31}body{background:var(--bg-app);color:var(--text-primary)}.card{background:var(--surface-white);border-color:var(--border-color)}}@media (max-width:768px){:root{--space-2xl:24px}}@media (max-width:480px){:root{--space-2xl:16px}html{font-size:14px}body{-webkit-text-size-adjust:100%}}.invictus-app-shell{grid-template-columns:var(--sidebar-width) 1fr;background:0 0;width:75vw;height:100vh;margin:0 auto;display:grid;overflow:hidden}.invictus-app-shell.high-focus-layout,.invictus-app-shell.no-sidebar{grid-template-columns:1fr}.invictus-sidebar{background:var(--bg-app);color:#fff;z-index:50;border-right:1px solid #ffffff0d;flex-direction:column;grid-area:2/1;height:100vh;padding:40px 20px;display:flex;position:sticky;top:0}.invictus-brand-title{color:#fff;letter-spacing:-.02em;margin-bottom:4px;font-size:1.5rem;font-weight:800}.invictus-brand-subtext{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;opacity:.9;font-size:.75rem;font-weight:700}.invictus-nav-list{flex-direction:column;gap:8px;margin-top:32px;display:flex}.invictus-nav-item{border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-family:var(--invictus-font);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 18px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.invictus-nav-item:hover{color:var(--invictus-slate);background:#ffffff0d;transform:translate(4px)}.invictus-nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #d32f2f33}.invictus-nav-item.exit{opacity:.6;margin-top:auto}.invictus-nav-item.exit:hover{opacity:1;color:var(--primary)}.invictus-main-content{background:var(--bg-app);flex-direction:column;grid-row:2;width:100%;min-width:0;height:calc(100vh - 64px);display:flex;overflow:hidden}.invictus-main-container{background:var(--bg-app);flex:1;width:100%;margin:0 auto;overflow-y:auto}.invictus-workspace{width:100%;max-width:var(--max-content-width);flex:1;margin:0 auto;padding:40px;overflow-y:auto}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.style-scrollbar{scrollbar-width:thin;scrollbar-color:var(--invictus-gray-200) transparent}.style-scrollbar::-webkit-scrollbar{width:6px}.style-scrollbar::-webkit-scrollbar-track{background:0 0}.style-scrollbar::-webkit-scrollbar-thumb{background:var(--invictus-gray-200);border-radius:3px}.high-focus-layout .invictus-workspace{max-width:900px}.invictus-nav-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px 16px;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.invictus-nav-item:hover{background:var(--primary);color:#fff}.invictus-nav-item.active{color:#fff;background:green}.section-header{margin-bottom:24px}.section-header h2{color:var(--invictus-slate);margin:0;font-size:1.5rem;font-weight:800}.section-header .subtitle{color:#64748b;margin-top:4px;font-size:.9rem}.section-header .description{color:var(--invictus-slate);opacity:.8;margin-top:8px;font-size:.85rem;font-weight:600}.invictus-brand-subtext{opacity:.5;text-transform:uppercase;font-size:.7rem}.invictus-header-logo{color:var(--invictus-slate);letter-spacing:-.01em;font-weight:800}.invictus-back-btn{background:var(--invictus-gray-100);color:var(--invictus-slate);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:all .2s;display:flex}.invictus-back-btn:hover{background:var(--invictus-gray-200);transform:translate(-2px)}@media (max-width:1268px){.invictus-app-shell{grid-template-columns:1fr;width:100vw}.invictus-main-container{overflow-y:auto}.invictus-logo{font-size:.95rem}.invictus-sidebar{display:none}.invictus-workspace{padding:24px}.invictus-header{gap:6px;max-width:100%;min-height:56px;padding:0 12px}.invictus-header-left{flex:none;min-width:0}.invictus-header-right{flex:none;justify-content:flex-end;min-width:0}.invictus-header-center{flex:1;justify-content:center;min-width:0}.header-tabs{flex-wrap:nowrap;justify-content:flex-start}.header-tab{padding:6px 12px;font-size:12px}.mobile-nav{border-top:1px solid var(--invictus-gray-200);height:72px;padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000008}.mobile-nav-item{color:var(--neutral-gray);text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.mobile-nav-item.active{color:var(--primary)}}@media (max-width:480px){.invictus-app-shell{flex-direction:column;grid-template-columns:1fr;height:100vh;display:flex;overflow:hidden}.invictus-main-content{height:calc(100vh - 64px)}.invictus-app-shell>*{grid-area:auto/1}.invictus-header{z-index:100;flex-direction:row;grid-area:1/1;justify-content:space-between;align-items:center;gap:4px;width:100%;height:auto;min-height:48px;padding:4px 10px;display:flex;position:sticky;top:0}.invictus-header-left{flex:none;align-items:center;gap:6px;min-width:0;display:flex}.invictus-header-right{flex:none;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.invictus-header-center{flex:1;justify-content:center;min-width:0;padding-top:2px;display:flex}.invictus-logo{font-size:14px}.header-tabs{flex-wrap:nowrap;gap:4px}.header-tab{padding:4px 8px;font-size:11px}.invictus-sidebar{display:none}.invictus-workspace{grid-area:2/1;width:100%;padding:8px 8px 80px}.mobile-nav{height:56px}.mobile-nav-item{font-size:9px}}:root{--primary-color:var(--primary);--primary-dark-color:var(--primary-dark);--text-primary:#263238;--text-dark:var(--text-primary);--text-medium:#555;--text-light:#777;--background-light:var(--bg-app);--surface-color:var(--surface-white);--shadow-light:var(--shadow-light);--shadow-medium:var(--shadow-medium);--font-primary:var(--invictus-font);--font-secondary:"Inter", sans-serif;--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg)}.hub-container{background-color:var(--bg-app);min-height:100vh;font-family:var(--invictus-font);color:var(--text-primary);padding-top:.5rem;padding-bottom:5rem}.hero-banner{background:var(--primary);border-radius:var(--radius-lg);color:#fff;max-width:1200px;box-shadow:0 20px 40px var(--shadow-medium);background-image:url(/assets/building-diagram1-B_6bcAJs.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background:var(--primary);grid-template-columns:1.5fr 1fr;align-items:center;gap:3rem;margin:2.5rem auto;padding:4rem;display:grid;position:relative;overflow:hidden}.hero-banner:after{content:"TELC";color:#ffffff14;pointer-events:none;z-index:2;font-size:240px;font-weight:900;line-height:1;position:absolute;bottom:-40px;right:-20px}.hero-content-left{z-index:3;position:relative}.hero-badge{background:var(--primary);border-radius:var(--radius-md);font-family:var(--invictus-font);text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:1rem;padding:.4rem .8rem;font-size:.75rem;font-weight:800;display:inline-block;box-shadow:0 2px 8px #d32f2f4d}.hero-title{font-family:var(--invictus-font);color:#fff;letter-spacing:-.03em;margin-bottom:.8rem;font-size:3.5rem;font-weight:900;line-height:1.1}.hero-subtitle{opacity:.9;color:#ffffffd9;margin-bottom:2.5rem;font-size:1.1rem}.hero-actions{gap:1rem;display:flex}.header-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);z-index:3;background:#ffffff1f;border:1px solid #fff3;padding:2.5rem;position:relative;box-shadow:0 8px 20px #0000001a}.header-note h2{font-family:var(--invictus-font);color:#fff;margin-bottom:1.5rem;font-size:1.3rem;font-weight:800}.progress-item{margin-bottom:1.2rem}.progress-label{font-family:var(--font-secondary);color:#ffffffe6;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.progress-track{border-radius:var(--radius-sm);background:#ffffff40;height:6px}.progress-fill{border-radius:var(--radius-sm);background:#fff;height:100%;transition:width .5s ease-out}.section-header{text-align:left;max-width:1200px;padding:0 2rem}.section-header h2{font-size:2.5rem}.section-title{font-family:var(--invictus-font);color:var(--text-primary);letter-spacing:-.02em;font-size:2.2rem;font-weight:900}.section-header p{color:var(--text-medium);margin-top:.5rem;font-size:1rem}.precision-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 5rem;padding:0 2rem;display:grid}.quick-card{background:var(--surface-white);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;align-items:left;text-align:left;box-shadow:0 6px 16px var(--shadow-light);flex-direction:column;padding:2.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.quick-card:hover{border-color:var(--primary);box-shadow:0 16px 40px var(--shadow-medium);transform:translateY(-8px)}.quick-icon-box{border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.quick-icon-box svg{color:inherit;font-size:1.5rem}.exam-title{font-family:var(--invictus-font);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.exam-meta{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem}.exam-description{color:var(--text-medium);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.dual-section-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.dual-section-box{background:var(--surface-white);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 6px 16px var(--shadow-light);flex-direction:column;padding:2.5rem;display:flex}.dual-section-box .section-header{text-align:left;margin-bottom:1.5rem;padding:0}.dual-section-box .section-header p{font-size:.9rem}.archive-controls{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-family:var(--font-secondary);color:var(--text-primary);background-color:var(--bg-app);padding:.8rem .8rem .8rem 3.2rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input-wrapper input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #d32f2f26}.search-input-wrapper svg{color:var(--text-light)!important}.filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tab{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-secondary);color:var(--text-medium);cursor:pointer;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-tab.active,.filter-tab:hover{background:var(--primary);border-color:var(--primary);color:#fff}.exam-list-scroll{flex:1;max-height:480px;padding-right:.5rem;overflow-y:auto}.exam-list-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1rem .5rem;transition:background-color .2s;display:flex}.exam-list-item:last-child{border-bottom:none}.exam-list-item:hover{background-color:var(--bg-app)}.exam-info{flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}.exam-list-item .exam-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1rem;font-weight:700;display:flex}.exam-list-item .exam-title svg{color:var(--text-light)!important}.exam-list-item .exam-meta{color:var(--text-light);margin-bottom:0;font-size:.8rem}.tier-text{border-radius:var(--radius-sm);padding:.2em .5em;font-size:.75rem;font-weight:700}.tier-text.bronze{color:#cd7f32;background-color:#cd7f321a}.tier-text.silver{color:silver;background-color:#c0c0c01a}.tier-text.gold{color:gold;background-color:#ffd7001a}.locked-item{opacity:.6}.inline-skill-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin:1.5rem 0 2rem;display:grid}.inline-skill-btn{background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-md);color:#fff;font-family:var(--font-secondary);cursor:pointer;box-shadow:0 2px 8px var(--shadow-light);flex-direction:column;align-items:center;gap:.6rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.inline-skill-btn:hover:not([disabled]){border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f33}.inline-skill-btn svg{color:inherit;font-size:1.25rem;transition:color .2s}.inline-skill-btn:hover:not([disabled]) svg{color:#fff}.inline-skill-btn[disabled]{opacity:.5;cursor:not-allowed;filter:grayscale(80%)}.btn-white{background:var(--primary);color:#fff;border-radius:var(--radius-md);font-family:var(--invictus-font);text-transform:uppercase;letter-spacing:.03em;border:none;padding:.8rem 2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #d32f2f33}.btn-white:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #d32f2f4d}.btn-start-exam,.btn-hub{background:var(--primary);color:#fff;border-radius:var(--radius-md);font-family:var(--invictus-font);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;padding:.7rem 1.4rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #d32f2f4d}.btn-start-exam:hover{color:#8b0000;background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #d32f2f66}.btn-hub{background:var(--invictus-slate);box-shadow:0 2px 8px #2632384d}.btn-hub:hover{color:#1a2226;background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #26323866}@media (max-width:1024px){.hero-banner{text-align:center;grid-template-columns:1fr;gap:2.5rem;margin:2rem;padding:3rem}.hero-content-left{align-items:center}.hero-title{font-size:2.8rem}.hero-subtitle{margin-bottom:2rem}.section-header{margin:0;padding:0 1.5rem}.section-title{font-size:2rem}.precision-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem;padding:0 1.5rem}.dual-section-container{grid-template-columns:1fr;gap:2.5rem;padding:0 1.5rem}.dual-section-box{padding:2rem}.exam-list-scroll{max-height:none}.inline-skill-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width:768px){.hub-container{padding-bottom:4rem}.hero-banner{margin:1.5rem;padding:2rem}.hero-banner:after{font-size:180px;bottom:-20px;right:-30px}.hero-title{font-size:2.2rem}.hero-subtitle{margin-bottom:1.5rem;font-size:.95rem}.header-note{padding:1.8rem}.header-note h2{margin-bottom:1rem;font-size:1.1rem}.progress-label{font-size:.8rem}.section-header{margin:0;padding:0 1rem}.section-header h2{font-size:2.25rem}.section-title{font-size:1.8rem}.precision-grid{grid-template-columns:1fr;margin-bottom:3rem;padding:0 1rem}.quick-card{padding:2rem}.quick-icon-box{width:3rem;height:3rem;margin-bottom:1rem}.quick-icon-box svg{font-size:1.2rem}.exam-title{font-size:2.1rem}.dual-section-container{padding:0 1rem}.dual-section-box{padding:1.5rem}.search-input-wrapper input{padding:.7rem .7rem .7rem 2.8rem;font-size:.9rem}.search-input-wrapper svg{top:14px!important;left:12px!important}.filter-tabs{padding:.5rem .8rem;font-size:.8rem}.exam-list-item{padding:.8rem 0}.exam-list-item .exam-title{font-size:.95rem}.inline-skill-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));margin:1rem 0 1.5rem}.inline-skill-btn{gap:.4rem;padding:.8rem;font-size:.85rem}.inline-skill-btn svg{font-size:1.1rem}}@media (max-width:480px){.hero-banner{margin:1rem;padding:1.5rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.85rem}.header-note{padding:1.2rem}.header-note h2{font-size:1rem}.btn-white{padding:.6rem 1.5rem;font-size:.85rem}.section-header{margin:0}.quick-card{padding:1.5rem}.quick-icon-box{width:3rem;height:3rem;margin-bottom:1rem}.quick-icon-box svg{font-size:1.2rem}.dual-section-box{padding:1.5rem}.search-input-wrapper input{font-size:.85rem}.filter-tab{padding:.4rem .7rem;font-size:.75rem}.btn-start-exam,.btn-hub{padding:.6rem 1rem;font-size:.8rem}.inline-skill-grid{gap:.8rem}.inline-skill-btn{font-size:.75rem}.inline-skill-btn svg{font-size:1rem}}.invictus-vocab-hub{max-width:1400px;color:var(--text-primary);margin:0 auto;padding:2rem}.level-word-count{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.hub-nav-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.back-link,.my-words-link{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.back-link:hover,.my-words-link:hover{color:var(--primary);border:1px solid var(--primary);background:#fff}.due-words-section{margin-top:4rem}.due-words-card{cursor:pointer;background:linear-gradient(135deg,#ef444414,#ef444405);border:1px solid #ef444433;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:all .2s;display:flex}.due-words-card:hover{background:linear-gradient(135deg,#ef44441f,#ef44440a);border-color:#ef444466;transform:translateY(-2px)}.due-info{flex-direction:column;gap:.25rem;display:flex}.due-label{text-transform:uppercase;letter-spacing:.1em;color:#ef4444;font-size:.75rem;font-weight:800}.due-count{color:var(--text-primary);font-size:1.5rem;font-weight:900}.invictus-hub-header{border-left:2px solid var(--primary);margin-bottom:3rem;padding-left:1.5rem}.invictus-hub-title{letter-spacing:-.05em;margin:0;font-size:2.5rem;font-weight:900}.invictus-hub-subtitle{opacity:.7;margin-top:.5rem;font-size:1rem}.vocab-hub-tagline{color:var(--primary);margin:.25rem 0 0;font-size:.9rem;font-style:italic;font-weight:600}.hero-card{color:#fff;background:#111;grid-template-columns:1fr 300px;padding:3rem;display:grid}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.btn-hero{color:#000;text-transform:uppercase;cursor:pointer;background:#fff;border:none;align-items:center;gap:1rem;padding:1rem 2rem;font-weight:900;display:flex}.btn-hero.secondary{color:#fff;background:0 0;border:2px solid #ffffff4d}.btn-hero.secondary:hover{border-color:#fff}.stat-box.due-words-box{cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;transition:all .2s}.stat-box.due-words-box:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px)}.stat-box .due-count{color:#ef4444;font-size:2.5rem}.proficiency-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4rem;margin-bottom:4rem;display:grid}.track-header{border-bottom:2px solid var(--border-subtle);justify-content:space-between;align-items:baseline;margin-bottom:2rem;padding-bottom:1rem;display:flex}.track-title{text-transform:uppercase;margin:0;font-size:1.5rem;font-weight:900}.track-lvl{font-family:var(--font-mono);opacity:.5;font-size:.8rem}.card-stack{flex-direction:column;gap:1rem;display:flex}.prof-card{background:var(--bg-app);border:1px solid var(--primary);cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;border-left:4px solid #d1d5db;padding:1.5rem;transition:all .2s;overflow:hidden}.prof-card.active{border-left-color:var(--primary)}.prof-card:hover{background:var(--surface-white);transform:translate(4px)}.card-top{justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;margin-bottom:1.5rem;display:flex}.card-top h3{word-wrap:break-word;overflow-wrap:break-word;min-width:0;margin:0;font-size:1.1rem;font-weight:800}.card-top p{color:var(--text-primary);margin:.25rem 0 0;font-size:.85rem}.xp-label{background:#f3f4f6;padding:.2rem .5rem;font-size:10px;font-weight:800}.xp-label.featured{color:#991b1b;background:#fee2e2}.bar-bg{background:#f3f4f6;width:100%;height:4px;margin-bottom:.5rem}.bar-fill{background:var(--primary);height:100%}.status-meta{opacity:.5;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.prof-card.locked{opacity:.5;filter:grayscale();cursor:not-allowed}.lock-text{color:var(--primary);margin-top:1rem;font-size:10px;font-weight:800}.topics-section{margin-top:2rem}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.topic-card-minimal{background:var(--invictus-red-pale);border:1px solid var(--primary);justify-content:space-between;align-items:center;padding:1rem;display:flex}.topic-info{align-items:center;gap:1rem;display:flex}.topic-icon-hex{background:var(--bg-subtle);border:1px solid var(--primary);width:36px;height:36px;color:var(--primary);justify-content:center;align-items:center;display:flex}.topic-name{font-size:.75rem;font-weight:800}.topic-actions{gap:4px;display:flex}.topic-actions button{cursor:pointer;background:#f3f4f6;border:none;padding:.5rem;font-size:10px;font-weight:800}.topic-actions button.level-b1{color:#1e40af;background:#dbeafe}.topic-actions button.level-b2{color:#92400e;background:#fef3c7}.topic-actions button.level-c1,.topic-actions button.accent{color:#fff;background:#000}.topic-actions button:hover,.topic-actions button.level-b1:hover,.topic-actions button.level-b2:hover,.topic-actions button.level-c1:hover{background:var(--primary);color:#fff}.invictus-loading{height:200px;font-family:var(--font-mono);color:var(--text-primary);justify-content:center;align-items:center;font-size:.9rem;display:flex}@media (max-width:480px){.invictus-vocab-hub{padding:1rem}.invictus-hub-title{font-size:1.5rem}.level-cards-grid{grid-template-columns:1fr;gap:1.5rem}.level-selector-card{padding:1.5rem}.level-title{font-size:2rem}.hero-card{grid-template-columns:1fr;padding:1.5rem}.hero-stats{border-top:1px solid #ffffff1a;border-left:none;padding-top:1.5rem;padding-left:0}.proficiency-grid{grid-template-columns:1fr;gap:2rem}.topics-grid{grid-template-columns:1fr}.hub-nav-bar{flex-direction:column;align-items:stretch;gap:1rem}.back-link,.my-words-link{justify-content:center}}.my-words-container{max-width:1400px;color:var(--text-primary);margin:0 auto;padding:2rem}.my-words-header{margin-bottom:3rem}.back-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;font-size:.875rem;font-weight:600;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--primary)}.header-content{border-left:2px solid var(--primary);padding-left:1.5rem}.my-words-title{letter-spacing:-.05em;margin:0;font-size:2.5rem;font-weight:900}.my-words-subtitle{color:var(--text-primary);margin:.5rem 0 0;font-size:1rem}.stats-dashboard{margin-bottom:4rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{border:1px solid var(--border-subtle);background:#fff;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.stat-card.primary{border-left:4px solid var(--primary)}.stat-icon{background:var(--bg-subtle);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{font-size:2.5rem;font-weight:900;line-height:1}.stat-label{color:var(--text-primary);margin-top:.25rem;font-size:.875rem}.stat-progress{margin-top:auto}.progress-bar{background:#f3f4f6;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-text{color:var(--text-primary);margin-top:.5rem;font-size:.75rem;display:block}.topic-breakdown{border:1px solid var(--border-subtle);background:#fff;padding:1.5rem}.breakdown-title{letter-spacing:.1em;opacity:.8;margin:0 0 1.5rem;font-size:.875rem;font-weight:800}.topic-bars{flex-direction:column;gap:1rem;display:flex}.topic-bar-item{flex-direction:column;gap:.5rem;display:flex}.topic-bar-header{justify-content:space-between;align-items:center;display:flex}.topic-bar-header .topic-name{font-size:.875rem;font-weight:600}.topic-stats{font-family:var(--font-mono);color:var(--text-primary);font-size:.75rem}.topic-bar-bg{background:#f3f4f6;border-radius:4px;width:100%;height:8px;overflow:hidden}.topic-bar-fill{background:linear-gradient(90deg, var(--primary), #ff6b6b);border-radius:4px;height:100%;transition:width .5s}.words-section{border:1px solid var(--border-subtle);background:#fff}.tabs-container{border-bottom:1px solid var(--border-subtle);padding:0 1.5rem}.tabs{gap:0;display:flex}.tab{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.tab:hover{color:var(--text-primary);background:var(--bg-subtle)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-count{background:#f3f4f6;border-radius:10px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.tab.active .tab-count{background:var(--primary);color:#fff}.filters-row{border-bottom:1px solid var(--border-subtle);background:var(--bg-subtle);gap:1rem;padding:1rem 1.5rem;display:flex}.search-box{border:1px solid var(--border-subtle);background:#fff;flex:1;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.search-box input{background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.search-box svg{color:var(--text-primary)}.filter-dropdown{border:1px solid var(--border-subtle);background:#fff;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.filter-dropdown select{cursor:pointer;background:0 0;border:none;outline:none;min-width:150px;font-size:.875rem}.filter-dropdown svg{color:var(--text-primary)}.words-list{min-height:400px;padding:1.5rem}.empty-state{text-align:center;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state svg{opacity:.5;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.empty-state p{margin:0;font-size:.875rem}.words-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.word-card{border:1px solid var(--border-subtle);background:#fff;padding:1.25rem;transition:all .2s}.word-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.word-card.mastered{border-left:4px solid #22c55e}.word-card.learning{border-left:4px solid #f59e0b}.word-card.notStarted{border-left:4px solid #d1d5db}.word-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.word-term{margin:0;font-size:1.1rem;font-weight:800}.mastery-badge{color:#166534;text-transform:uppercase;background:#dcfce7;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.level-badge{color:#92400e;background:#fef3c7;padding:.25rem .5rem;font-size:.625rem;font-weight:700}.word-definition{color:var(--text-primary);margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.word-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.word-topic,.word-level,.mastered-date{text-transform:uppercase;color:var(--text-primary);background:#f3f4f6;padding:.25rem .5rem;font-size:.625rem;font-weight:700}.mastered-date{color:#1e40af;background:#dbeafe;align-items:center;gap:.25rem;display:inline-flex}.word-translation{color:var(--text-primary);margin:.5rem 0 0;font-size:.75rem;font-style:italic}@media (max-width:768px){.my-words-container{padding:1rem}.my-words-title{font-size:1.75rem}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.75rem}.tabs{overflow-x:auto}.tab{white-space:nowrap;padding:.75rem 1rem}.filters-row{flex-direction:column}.words-grid{grid-template-columns:1fr}}.drills-hub{max-width:1400px;color:var(--text-primary);margin:0 auto;padding:2rem;animation:.3s ease-out fadeIn}.level-selector-section{padding:2rem 0}.level-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.level-selector-card{background:var(--bg-app);border:2px solid var(--border-subtle);cursor:pointer;border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .25s;display:flex}.level-selector-card:hover{border-color:var(--drills-amber);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.level-card-header{flex-direction:column;gap:.5rem;display:flex}.level-title{color:var(--drills-amber);letter-spacing:-.05em;margin:0;font-size:2.5rem;font-weight:900}.level-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);background:var(--bg-subtle);border-radius:4px;width:fit-content;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.level-card-body{flex-direction:column;gap:1rem;display:flex}.level-drill-count{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.level-progress{flex-direction:column;gap:.5rem;display:flex}.progress-bar-bg{background:var(--bg-subtle);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--drills-amber), #fbbf24);border-radius:4px;height:100%;transition:width .3s}.progress-label{opacity:.7;font-size:.8rem;font-weight:700}.level-card-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:1rem}.start-button{text-transform:uppercase;letter-spacing:.05em;color:var(--drills-amber);font-size:.85rem;font-weight:800}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drills-hub-header{border-left:2px solid var(--drills-amber);margin-bottom:3rem;padding-left:1.5rem}.header-top{align-items:center;gap:1.5rem;display:flex}.drills-hub-title{letter-spacing:-.05em;margin:0;font-size:2.5rem;font-weight:900}.system-tag{font-family:var(--font-mono);letter-spacing:.1em;color:#fff;background:#000;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:flex}.system-tag .dot{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e}.drills-hub-subtitle{opacity:.7;margin:0;font-size:1rem}.drills-hub-tagline{color:var(--drills-amber);margin:.25rem 0 0;font-size:.9rem;font-style:italic;font-weight:600}.category-description{color:var(--text-primary);margin:0 0 1.5rem;font-size:.85rem;font-style:italic}.hero-section{margin-bottom:4rem}.hero-card{color:#fff;background:linear-gradient(135deg,#111 0%,#1a1a1a 100%);grid-template-columns:1fr 300px;padding:3rem;display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b1a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.engine-badge{background:var(--drills-amber);align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:10px;font-weight:800;display:inline-flex}.btn-hero{color:#000;text-transform:uppercase;cursor:pointer;background:#fff;border:none;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 2rem;font-weight:900;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn-hero:after{content:"";background:#0000001a;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-hero:hover:after{width:300px;height:300px}.btn-hero:hover{background:var(--drills-amber);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #f59e0b4d}.btn-hero:active{transform:translateY(0);box-shadow:0 4px 8px #f59e0b33}.hero-stats{border-left:1px solid #ffffff1a;flex-direction:column;justify-content:center;gap:2rem;padding-left:2rem;display:flex}.stat-box .label{opacity:.6;margin-bottom:.5rem;font-size:10px;font-weight:700;display:block}.stat-box .value{font-size:2rem;font-weight:900}.mini-progress{background:#fff3;width:100%;height:4px;margin-bottom:.5rem}.mini-progress .fill{background:var(--drills-amber);height:100%}.stat-box .sub{opacity:.6;font-size:10px;font-weight:700}.drills-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:4rem;margin-bottom:4rem;display:grid}.drill-category{border:1px solid var(--border-subtle);background:#fff;padding:2rem}.category-header{border-bottom:2px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.category-title-row{align-items:center;gap:1rem;display:flex}.category-icon{background:var(--bg-subtle);width:40px;height:40px;color:var(--drills-amber);justify-content:center;align-items:center;display:flex}.category-title{text-transform:uppercase;margin:0;font-size:1.25rem;font-weight:900}.category-count{font-family:var(--font-mono);opacity:.5;font-size:.8rem}.drill-cards{flex-direction:column;gap:1rem;display:flex}.drill-card{border:1px solid var(--border-subtle);cursor:pointer;background:#fff;border-left:4px solid #d1d5db;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.drill-card:before{content:"";opacity:0;background:linear-gradient(135deg,#f59e0b0d 0%,#0000 50%);width:100%;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.drill-card:hover:before{opacity:1}.drill-card.active{border-left-color:var(--drills-amber);box-shadow:0 4px 12px #f59e0b26}.drill-card.active:after{content:"";background:var(--drills-amber);width:4px;height:100%;animation:2s infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.drill-card:hover{background:var(--bg-subtle);border-left-color:var(--drills-amber);transform:translate(8px);box-shadow:0 8px 24px #00000014}.drill-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.drill-info h3{margin:0;font-size:1.1rem;font-weight:800}.drill-type{color:var(--text-primary);font-size:.75rem;font-family:var(--font-mono);margin:.25rem 0 0}.xp-badge{color:var(--drills-amber-dark);background:#fef3c7;padding:.2rem .5rem;font-size:10px;font-weight:800}.drill-card-bottom{justify-content:space-between;align-items:center;display:flex}.tier-badge{text-transform:uppercase;background:#f3f4f6;padding:.2rem .5rem;font-size:10px;font-weight:800}.drill-action{color:var(--drills-amber);opacity:0;transition:all .25s;transform:translate(-8px)}.drill-card:hover .drill-action{opacity:1;opacity:1;transform:translate(0)}.drill-types-section{margin-top:4rem}.section-heading{letter-spacing:.1em;opacity:.8;margin-bottom:2rem;font-size:1.25rem;font-weight:900}.drill-types-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.drill-type-card{border:1px solid var(--border-subtle);background:#fff;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.drill-type-card:before{content:"";background:linear-gradient(90deg, var(--drills-amber) 0%, transparent 100%);transform-origin:0;width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.drill-type-card:hover:before{transform:scaleX(1)}.drill-type-card:hover{border-color:var(--drills-amber);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.drill-type-icon{width:48px;height:48px;color:var(--drills-amber);background:#fef3c7;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.drill-type-card h3{margin:0 0 .5rem;font-size:1rem;font-weight:800}.drill-type-card p{color:var(--text-primary);margin:0;font-size:.85rem}.drills-loading{text-align:center;font-family:var(--font-mono);color:var(--text-primary);padding:4rem;font-size:.9rem}@media (max-width:768px){.hero-card{grid-template-columns:1fr}.hero-stats{border-top:1px solid #ffffff1a;border-left:none;padding-top:2rem;padding-left:0}.drills-grid{grid-template-columns:1fr}}.task-selection-view{max-width:800px;margin:0 auto;padding:20px}.selection-header{margin-bottom:24px}.btn-back-link{color:var(--lab-indigo);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:700;transition:opacity .2s;display:flex}.btn-back-link:hover{opacity:.7}.selection-title{color:var(--text-dark);margin-top:16px;font-size:24px;font-weight:800}.task-list{flex-direction:column;gap:12px;display:flex}.task-item-compact{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.task-item-compact:hover{border-color:var(--lab-indigo);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.task-info-main{flex:1}.task-title-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.task-title-row h4{margin:0;font-size:16px;font-weight:700}.task-meta{color:var(--neutral-gray);gap:12px;font-size:12px;font-weight:600;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.tier-badge.gold{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.tier-badge.bronze{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.level-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.level-badge.b2{color:#1d4ed8;background:#dbeafe}.level-badge.c1{color:#7c3aed;background:#ede9fe}.task-item-compact.is-locked{cursor:default;background:#f8fafc}.task-item-compact.is-locked .task-title-row h4,.task-item-compact.is-locked .task-meta{opacity:.5}.lock-container{color:var(--neutral-gray);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.play-container{color:var(--lab-indigo)}.no-tasks-message{text-align:center;color:var(--neutral-gray);padding:40px 20px;font-size:16px}@media (prefers-color-scheme:dark){.selection-title{color:#f3f4f6}.task-item-compact{border-color:var(--border-color);background:var(--surface-white)!important}.task-title-row h4{color:#f3f4f6}.task-item-compact.is-locked{background:#374151!important}.lock-container{color:var(--neutral-gray);background:#4b5563}.tier-badge.bronze{color:#9ca3af;background:#374151;border-color:#4b5563}}.ielts-band-display{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:20px;margin-bottom:24px;padding:20px}.ielts-band-header{color:#92400e;text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.ielts-band-value{color:#92400e;margin-bottom:8px;font-size:56px;font-weight:800;line-height:1}.ielts-band-value .half-band{font-size:32px;font-weight:700}.ielts-band-description{color:#a16207;margin-bottom:12px;font-size:13px;font-weight:500;line-height:1.4}.ielts-marks{color:#b45309;font-size:12px;font-weight:600}.ielts-test-type{color:#d97706;margin-left:8px;font-weight:500}.results-container{background:var(--bg-elevated);z-index:2000;padding:var(--space-xl);flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:fixed;inset:0}.results-card{background:var(--bg-surface);padding:var(--space-2xl);text-align:center;border-radius:32px;flex-direction:column;flex:1;display:flex;overflow:auto;box-shadow:0 20px 40px #0000000d}.trophy-circle{background:var(--lab-indigo);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex;box-shadow:0 10px 20px #4f46e54d}.results-title{color:#1e293b;margin-bottom:8px;font-size:24px;font-weight:800}.results-subtitle{color:#64748b;margin-bottom:32px;font-size:14px}.results-stats{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.stat-item{background:#f1f5f9;border-radius:20px;flex-direction:column;padding:16px;display:flex}.stat-label{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.stat-value{color:#1e293b;font-size:20px;font-weight:800}.text-indigo{color:var(--lab-indigo)}.answer-review{text-align:left;flex:1;margin-bottom:24px;overflow-y:auto}.review-title{color:#1e293b;margin-bottom:12px;font-size:14px;font-weight:800}.answer-item{border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;font-size:14px;font-weight:600;display:flex}.answer-item.correct{color:#15803d;background:#dcfce7}.answer-item.incorrect{color:#b91c1c;background:#fee2e2}.review-toggle-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.review-toggle-btn:hover{background:#2563eb}.answer-review h3{color:#1e293b;margin:0 0 12px;font-size:16px}.review-list{flex-direction:column;gap:12px;max-height:400px;display:flex;overflow-y:auto}.review-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.review-item.correct{border-left:4px solid #22c55e}.review-item.incorrect{border-left:4px solid #ef4444}.review-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-number{color:#64748b;font-size:12px;font-weight:600}.review-status{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.review-item.correct .review-status{color:#22c55e}.review-item.incorrect .review-status{color:#ef4444}.review-question{color:#1e293b;margin-bottom:8px;font-size:14px}.review-answers{font-size:13px}.your-answer{color:#64748b}.correct-answer{color:#22c55e;margin-top:4px}.claim-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px;font-weight:800;display:flex}.interactive-gap.correct{color:#065f46;background-color:#ecfdf5;border-color:#10b981}.interactive-gap.incorrect{color:#991b1b;background-color:#fef2f2;border-color:#ef4444}.interactive-gap.missing{border-style:dashed;border-color:#f59e0b}.correct-answer-hint{color:#10b981;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:700;display:block;position:absolute;bottom:-18px;left:0}.match-row.review{background-color:#f8fafc}.match-row.correct{background-color:#f0fdf4}.match-row.incorrect{background-color:#fef2f2}.heading-select.success{color:#065f46;background-color:#ecfdf5}.heading-select.error{color:#991b1b;background-color:#fef2f2}@media (prefers-color-scheme:dark){.results-container{background:var(--bg-app)}.results-card{background:var(--surface-white);box-shadow:0 20px 40px #0003}.results-title{color:#f3f4f6}.results-subtitle{color:#9ca3af}.stat-item{background:var(--bg-app)}.stat-label{color:#6b7280}.stat-value,.review-title{color:#f3f4f6}.answer-review{color:#d1d5db}.answer-review p{color:#9ca3af}.answer-item.correct{color:#34d399;background:#10b98126}.answer-item.incorrect{color:#f87171;background:#ef444426}.claim-btn{background:var(--lab-indigo)}.claim-btn:hover{background:#4f46e5}.interactive-gap.correct{color:#34d399;background-color:#10b98126;border-color:#10b981}.interactive-gap.incorrect{color:#f87171;background-color:#ef444426;border-color:#ef4444}.interactive-gap.missing{border-color:#f59e0b}.correct-answer-hint{color:#34d399}.match-row.review{background-color:var(--bg-app)}.match-row.correct{background-color:#10b9811a}.match-row.incorrect{background-color:#ef44441a}.heading-select.success{color:#34d399;background-color:#10b98126}.heading-select.error{color:#f87171;background-color:#ef444426}.ielts-band-display{background:linear-gradient(135deg,#422006 0%,#713f12 100%);border-color:#f59e0b}.ielts-band-header,.ielts-band-value{color:#fbbf24}.ielts-band-description{color:#fcd34d}.ielts-marks{color:#fbbf24}.ielts-test-type{color:#f59e0b}.review-toggle-btn{background:#3b82f6}.review-toggle-btn:hover{background:#2563eb}.review-item{background:var(--bg-app);border-color:#374151}.review-question{color:#f3f4f6}.review-number{color:#9ca3af}}.question-carousel-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.question-carousel{scroll-behavior:smooth;flex:1;padding:0;overflow:auto}.question-carousel::-webkit-scrollbar{width:6px}.question-carousel::-webkit-scrollbar-track{background:0 0}.question-carousel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.question-carousel::-webkit-scrollbar-thumb:hover{background:var(--to-be-determined)}.question-slide{min-height:auto;padding-bottom:24px}.carousel-nav-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}@media (max-width:768px){.question-carousel{padding:0}.instruction-box{margin:16px;padding:16px}.carousel-nav-footer{background:var(--primary);flex-wrap:nowrap;margin-top:10px;padding:12px}}@media (max-width:480px){.instruction-box{margin:12px;padding:12px}.carousel-nav-footer{flex-wrap:nowrap;margin-top:10px;padding:10px}.question-text{font-size:14px}.answer-input{padding:10px 14px;font-size:14px}.option-button{padding:8px 14px;font-size:13px}}.question-instruction-div{color:#64748b;border-bottom:1px solid #e2e8f0;margin-bottom:10px;padding-bottom:8px;font-size:14px}.carousel-check-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.carousel-check-btn:hover{background:#16a34a}.carousel-nav-arrows{gap:4px;display:flex}.carousel-nav-arrow:disabled{opacity:.4;cursor:not-allowed}.carousel-parts-tabs{flex-wrap:nowrap;gap:4px;display:flex}.carousel-part-tab{border:1px solid var(--border-color);background:var(--surface-white);color:var(--to-be-determined);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s}.carousel-part-tab:hover{background:var(--surface-white);border-color:var(--primary);color:var(--primary)}.carousel-part-tab.active{background:var(--primary-container);border-color:var(--primary);color:var(--to-be-determined-container);font-weight:600}.invictus-engine-container{background:var(--bg-app);flex:1;width:100%;margin:0 auto;padding:0 20px;overflow-y:hidden}.engine-exercise-panel{background:var(--bg-app);flex-direction:column;height:100%;display:flex;overflow:hidden auto}.invictus-split-pane-layout{background:var(--bg-app);flex-direction:row;height:calc(100vh - 100px);display:flex;overflow:hidden}.invictus-content-column{background:var(--bg-app);color:var(--text-primary,#1c1b1b);border:none;flex:55;padding:20px 20px 20px 10px;line-height:1.8;overflow-y:auto}.invictus-question-column{background:var(--bg-app);border:none;flex-direction:column;flex:45;min-width:0;padding:20px 10px 20px 20px;display:flex;overflow-y:auto}.invictus-total-range{color:var(--primary);letter-spacing:-.02em;font-size:24px;font-weight:800;font-family:var(--invictus-font);border-radius:8px;margin-bottom:24px;padding:12px 20px;display:inline-block}.invictus-instruction-box{border-left:4px solid var(--primary);color:var(--invictus-slate);background:#fff;border-radius:8px;margin-bottom:32px;padding:24px;font-size:15px;font-weight:600;line-height:1.6;box-shadow:0 4px 12px #d32f2f0a}.invictus-instruction-title{color:var(--primary);margin-bottom:8px;font-size:18px;font-weight:800;display:block}.question-card{background:var(--primary-pale);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:20px}.instruction-box{background:var(--primary-container);border-left:4px solid var(--primary);border-radius:12px;align-items:flex-start;gap:16px;margin:24px;padding:20px;display:flex}.instruction-icon{background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.instruction-icon .material-symbols-outlined{color:var(--to-be-determined-container);font-size:22px}.instruction-title{color:var(--to-be-determined-container);margin:0 0 4px;font-size:16px;font-weight:700}.instruction-text{color:var(--to-be-determined-container);opacity:.85;margin:0;font-size:13px;line-height:1.5}.question-instruction{margin-bottom:12px}.listening-instruction{background:var(--surface-white);color:var(--to-be-determined);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500}.question-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.question-number{min-width:30px;color:var(--primary);font-weight:700}.question-text{color:var(--text-primary);margin-bottom:16px;font-size:15px;font-weight:600}.question-label{color:var(--to-be-determined);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.answer-input{border:2px solid var(--surface-white-high);width:100%;color:var(--text-primary);background:var(--surface-white);border-radius:8px;padding:12px 16px;font-size:15px;transition:all .2s}.answer-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #b800351a}.answer-input::placeholder{color:var(--to-be-determined)}.options-flex{flex-wrap:wrap;gap:8px;display:flex}.option-button{border:1px solid var(--border-color);color:var(--to-be-determined);cursor:pointer;pointer-events:auto;background:#fff;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.option-button:hover{background:var(--surface-white);border-color:var(--primary)}.option-button.selected{background:var(--primary-container);border-color:var(--primary);color:var(--to-be-determined-container);font-weight:600}.question-card.unknown-type{background:var(--error-container);border-color:var(--error)}.question-card.unknown-type p{color:var(--on-error-container);font-size:14px}.invictus-question-group{margin-bottom:40px}.invictus-sub-question{background:0 0;margin-bottom:24px;padding:0}.invictus-question-number{color:var(--invictus-slate);gap:12px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.invictus-question-number:before{content:counter(q-counter);color:var(--primary)}.question-label,.question-number{color:var(--primary);font-weight:700}.invictus-paragraph-container{align-items:flex-start;margin-bottom:16px;display:flex}.invictus-paragraph-id{color:#e11d48;background-color:#fce7f3;border:2px solid #e11d48;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:26px;height:26px;margin-top:2px;margin-right:10px;font-size:14px;font-weight:700;display:inline-flex}.invictus-content-header{border-bottom:1px solid #d32f2f1a;padding-bottom:16px}.invictus-content-title{color:var(--invictus-slate);letter-spacing:-.02em;font-size:24px;font-weight:800;font-family:var(--invictus-font);margin:0 0 8px}.invictus-content-subtitle{color:var(--primary);margin:0 0 4px;font-size:16px;font-weight:500}.invictus-content-description{color:#6b7280;margin:8px 0 0;font-size:14px;line-height:1.5}.invictus-finish-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #d32f2f26}.invictus-finish-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width:768px){.invictus-split-pane-layout{flex-direction:column;height:calc(100vh - 53px)}.invictus-content-column{flex:45;min-height:0;margin-bottom:10px;padding:12px;overflow-y:auto}.invictus-content-column h2{font-size:18px!important}.invictus-content-column p,.invictus-content-column li{font-size:14px!important;line-height:1.6!important}.invictus-question-column{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;border-top:1px solid #8b0000;flex:55;min-width:0;min-height:0;padding:0;overflow-y:auto}.invictus-total-range{margin-bottom:0;padding:8px 12px;font-size:15px}.invictus-instruction-box{margin-bottom:20px;padding:16px;font-size:14px}.invictus-question-block{margin-bottom:16px;padding:16px}.invictus-question-block h3{margin-bottom:8px;font-size:14px}.invictus-btn-primary,.invictus-btn-secondary{width:100%;padding:12px 16px;font-size:14px}}.invictus-answer-option,.invictus-input,.invictus-textarea{padding:12px;font-size:14px}.question-card{border:1px solid var(--border-color);margin-bottom:0;padding:20px}.question-dispatcher-wrapper{flex-direction:column;gap:24px;display:flex}.check-answers-container{border-top:1px solid var(--border-color);justify-content:center;margin-top:16px;padding:24px 0;display:flex}.check-answers-btn{background:var(--primary,#d32f2f);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;min-width:200px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #d32f2f33}.check-answers-btn:hover:not(:disabled){background:var(--primary-dark,#b71c1c);transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f4d}.check-answers-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #d32f2f33}.check-answers-btn:disabled{background:var(--to-be-determined,#9e9e9e);cursor:not-allowed;opacity:.6;box-shadow:none}.check-answers-btn:focus{outline:none;box-shadow:0 0 0 3px #d32f2f4d}.engine-fallback-container{width:100%;max-width:none;margin:0 auto;padding:24px}.invictus-engine-root .engine-fallback-container:has(.language-elements-container){max-width:none;padding:0}@media (max-width:768px){.check-answers-btn{width:100%;padding:16px 24px}.engine-fallback-container{padding:16px}}.short-answer-container{background:var(--surface-white);border-radius:12px;padding:0}.sa-instruction-box{color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;align-items:center;gap:10px;margin-bottom:20px;padding:12px;font-size:.9rem;font-style:italic;display:flex}.sa-row{background:0 0;border:2px solid #0000;border-radius:12px;margin-bottom:20px;padding:16px;transition:all .2s}.sa-row.correct{background:#f0fdf4;border-color:#10b981}.sa-row.incorrect{background:#fef2f2;border-color:#ef4444}.sa-row.over-limit{background:#fffbeb;border-color:#f59e0b}.sa-question{margin-bottom:24px;padding-right:60px;font-size:16px;font-weight:800;line-height:1.5}.sa-question-num{color:var(--lab-indigo);min-width:30px;font-weight:800}.sa-question-text{color:#1e293b;flex:1;margin:0;font-weight:600;line-height:1.5}.sa-input{color:#1e293b;background-color:#fff;border:2px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.sa-input:focus{border-color:var(--lab-indigo)}.sa-input.correct{color:#065f46;background-color:#f8fafc;border-color:#10b981;font-weight:700}.sa-input.incorrect{color:#991b1b;background-color:#f8fafc;border-color:#ef4444;font-weight:700}.sa-word-count{color:#94a3b8;background:#f8fafc;border-radius:100px;padding:2px 8px;font-size:12px;font-weight:600}.sa-word-count.over-limit{color:#f59e0b;background:#fffbeb}.sa-correct-answer{color:#059669;background:#ecfdf5;border:1px dashed #10b981;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:.85rem;display:flex}.sa-tip-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:12px 16px;font-size:12px}@media (max-width:640px){.short-answer-container{padding:16px}.sa-row{padding:12px}.sa-question-num{min-width:24px}.sa-input{padding:10px 12px;font-size:.9rem}.sa-instruction-box{padding:10px;font-size:.85rem}}@media (max-width:400px){.short-answer-container{padding:12px}.sa-row{margin-bottom:12px;padding:10px}.sa-question-text{font-size:.9rem}.sa-input{padding:8px 10px;font-size:.85rem}}@media (prefers-color-scheme:dark){.short-answer-container{background:var(--surface-white);border-color:var(--border-color)}.sa-instruction-box{color:#fcd34d;background:#f59e0b1a;border-left-color:#f59e0b}.sa-row.correct{background:#10b9811a}.sa-row.incorrect{background:#ef44441a}.sa-row.over-limit{background:#f59e0b1a}.sa-question-text{color:#f3f4f6}.sa-input{background-color:var(--bg-app);border-color:var(--border-color);color:#f3f4f6}.sa-input:focus{border-color:var(--lab-indigo)}.sa-input.correct{color:#34d399;background-color:#10b9811a}.sa-input.incorrect{color:#f87171;background-color:#ef44441a}.sa-word-count{background:var(--bg-app);color:#9ca3af}.sa-word-count.over-limit{color:#fcd34d;background:#f59e0b33}.sa-correct-answer{color:#34d399;background:#05966926;border-color:#10b981}.sa-tip-box{background:var(--bg-app);border-color:var(--border-color);color:#9ca3af}}.mcq-question{margin-bottom:24px;padding-right:60px;font-size:16px;font-weight:800}.mcq-question.multiselect{padding-right:120px}.mcq-question-label{color:var(--primary);margin-right:8px}.mcq-question-subtext{color:#64748b;margin-top:4px;font-size:13px;font-weight:500;display:block}.mcq-option{text-align:left;cursor:pointer;pointer-events:auto;background:#fff;border:2px solid;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.mcq-option:hover{border-color:var(--lab-indigo);background:#5850ec0d}.mcq-option:disabled{cursor:default}.mcq-option:focus{outline:none}.mcq-checkbox{border:2px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;display:flex}.mcq-option.selected{border-color:var(--lab-indigo);background:var(--primary-dark)}.mcq-option.selected.multiselect{background:#eef2ff}.mcq-checkbox.selected{border-color:var(--lab-indigo);background:var(--lab-indigo)}.mcq-option.review-correct{color:#065f46;background:#10b981;border-color:#065f46}.mcq-option.review-incorrect{color:#991b1b;background:#fef2f2;border-color:#ef4444}.mcq-option.review-dimmed{opacity:.6}@media (max-width:768px){.mcq-question{padding-right:50px;font-size:14px}.mcq-question.multiselect{padding-right:90px}.mcq-question-subtext{font-size:12px}.mcq-option{border-radius:10px;padding:11px;font-size:13px}.mcq-checkbox{width:18px;height:18px}}@media (max-width:480px){.mcq-question{padding-right:40px;font-size:13px}.mcq-question.multiselect{padding-right:70px}.mcq-question-subtext{font-size:11px}.mcq-option{border-radius:8px;padding:10px;font-size:12px}.mcq-checkbox{width:16px;height:16px}}.matching-choice-container{background:var(--surface-white);word-break:break-word;flex-direction:column;gap:1rem;min-width:0;margin:24px 0;display:flex}.matching-choice-row{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.matching-choice-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000000d}.matching-choice-text{margin-bottom:24px;padding-right:60px;font-size:14px;font-weight:800}.q-number{color:var(--primary);margin-right:4px;font-weight:800}.question-text{flex:1;margin-bottom:0}.usage-indicator{background:var(--lab-indigo);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex;position:absolute;top:-6px;right:-6px}.choice-button-group{flex-flow:wrap;gap:8px;margin-top:10px;display:flex}.choice-btn{color:#64748b;cursor:pointer;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:43px;height:43px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.choice-btn:hover:not(:disabled){color:#1e293b;background-color:#f8fafc;border-color:#94a3b8}.choice-btn:disabled{cursor:default;opacity:.6}.choice-btn.selected:disabled{opacity:1}@media (min-width:768px){.matching-choice-row{flex-flow:wrap;align-items:flex-start;gap:16px}.matching-choice-text{flex:100%;min-width:0;font-size:16px}.choice-button-group{flex:100%;justify-content:flex-start;min-width:0}.choice-btn{width:43px;height:43px}}.matching-choice-row.row-correct{background-color:#f0fdf4;border-left:4px solid #10b981}.matching-choice-row.row-incorrect{background-color:#fef2f2;border-left:4px solid #ef4444}.choice-btn.selected{color:#fff;background-color:#3b82f6;border-color:#3b82f6;transform:scale(1.05);box-shadow:0 4px 6px -1px #3b82f666}.choice-btn.btn-correct,.choice-btn.review-correct{color:#fff!important;opacity:1!important;background-color:#10b981!important;border-color:#10b981!important}.choice-btn.btn-wrong,.choice-btn.review-incorrect{color:#fff!important;opacity:1!important;background-color:#ef4444!important;border-color:#ef4444!important}.choice-btn.btn-should-have-been{animation:2s infinite pulse-green;color:#059669!important;opacity:1!important;background-color:#ecfdf5!important;border:2px dashed #10b981!important}.choice-btn.review-dimmed{opacity:.4;border-color:#e2e8f0}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.choice-btn:disabled:not(.btn-correct):not(.btn-wrong):not(.btn-should-have-been){opacity:.3;border-color:#e2e8f0}@media (prefers-color-scheme:dark){.matching-choice-container{background:var(--surface-white)}.matching-choice-row{background-color:var(--surface-white);border-color:var(--border-color)}.matching-choice-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000004d}.matching-choice-text{color:#f3f4f6}.choice-btn{background-color:var(--surface-white);border-color:var(--border-color);color:#9ca3af}.choice-btn:hover:not(:disabled){color:#f3f4f6;background-color:var(--bg-app);border-color:#6b7280}.matching-choice-row.row-correct{background-color:#10b9811a;border-left:4px solid #10b981}.matching-choice-row.row-incorrect{background-color:#ef44441a;border-left:4px solid #ef4444}.choice-btn.btn-correct,.choice-btn.review-correct{color:#fff!important;background-color:#10b981!important;border-color:#10b981!important}.choice-btn.btn-wrong,.choice-btn.review-incorrect{color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important}.choice-btn.btn-should-have-been{color:#4ade80!important;background-color:#10b98126!important;border:2px dashed #10b981!important}.choice-btn.review-dimmed,.choice-btn:disabled:not(.btn-correct):not(.btn-wrong):not(.btn-should-have-been){opacity:.3;border-color:var(--border-color)}}.heading-match-container{background:var(--surface-white);border-radius:var(--radius-lg);border-radius:8px;flex-direction:column;gap:1.5rem;margin-top:10px;display:flex;overflow:hidden}.hm-instruction{background:var(--instruction-neutral-bg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);color:var(--instruction-neutral-text);white-space:pre-wrap;border:1px solid var(--instruction-neutral-border);font-size:14px;line-height:1.6}.hm-headings-list{background:var(--bg-elevated);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-md);border:1px solid var(--border-light)}.hm-headings-title{color:#64748b;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.hm-heading-item{color:#334155;font-size:14px;font-weight:500}.hm-row-header{color:#64748b;text-transform:uppercase;background:#f1f5f9;justify-content:space-between;padding:16px;font-size:12px;font-weight:700;display:flex}.hm-review-mode{color:var(--lab-indigo)}.hm-headings-list .hm-flex-col{flex-direction:column;gap:8px;display:flex}.answer-input{opacity:1;cursor:pointer;color:#1e293b;appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.answer-input.correct{background:#ecfdf5;border-color:#10b981}.answer-input.incorrect{background:#fef2f2;border-color:#ef4444}.question-card.review .answer-input{opacity:.8;cursor:default}.status-icon{vertical-align:middle;align-items:center;margin-left:8px;display:inline-flex}.correct-answer-hint{color:#059669;margin-top:4px;font-size:12px;font-weight:600}.match-row{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px;display:flex}.match-row:last-child{border-bottom:none}.hm-question{padding-right:60px;font-size:16px;font-weight:800;line-height:1.5}.question-label{color:var(--primary);margin-right:8px;font-weight:800;display:inline}.para-label{background:var(--lab-indigo);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.para-text{min-width:200px;color:var(--deep-slate);flex:1;font-size:15px;line-height:1.6}.heading-select{color:#1e293b;appearance:none;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;flex:1;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.heading-select:focus{border-color:var(--lab-indigo);background:#fff}.hm-correct-hint{color:#059669;margin-top:4px;font-size:11px;font-weight:600}@media (prefers-color-scheme:dark){.heading-match-container{background:var(--surface-white);border-color:var(--border-color)}.hm-instruction{color:#cbd5e1;border-color:var(--border-color);background:#1e293b80}.hm-headings-list{border-color:var(--border-color);background:#1e293b80}.hm-headings-title{color:#94a3b8}.hm-heading-item{color:#cbd5e1}.hm-row-header{color:#94a3b8;background:#1e293b80}.match-row{border-bottom-color:var(--border-color)}.para-text{color:#f3f4f6}.heading-select{background:var(--bg-app);border-color:var(--border-color);color:#f3f4f6}.heading-select:focus{background:var(--surface-white);border-color:var(--lab-indigo)}.hm-correct-hint{color:#34d399}}.custom-select-wrapper{width:100%;min-width:180px;position:relative}.custom-select-trigger{color:#1e293b;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .15s;display:flex}.custom-select-trigger:hover:not(:disabled){border-color:#cbd5e1}.custom-select-trigger:focus{border-color:var(--lab-indigo,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.custom-select-trigger:disabled{opacity:.6;cursor:not-allowed}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.custom-select-arrow{color:#64748b;flex-shrink:0;transition:transform .2s}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:250px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 20px #00000026}.custom-select-option{cursor:pointer;color:#1e293b;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:background .15s;display:flex}.custom-select-option:hover{background:#f1f5f9}.custom-select-option.selected{color:var(--lab-indigo,#6366f1);background:#eef2ff;font-weight:500}.custom-select-option svg{color:var(--lab-indigo,#6366f1);flex-shrink:0}.custom-select-wrapper.correct .custom-select-trigger{background:#ecfdf5;border-color:#10b981}.custom-select-wrapper.incorrect .custom-select-trigger{background:#fef2f2;border-color:#ef4444}.custom-select-wrapper.disabled .custom-select-trigger{opacity:.8;cursor:default}@media (prefers-color-scheme:dark){.custom-select-trigger{background:var(--bg-app,#1e293b);border-color:var(--border-color,#334155);color:#f3f4f6}.custom-select-menu{background:var(--surface-white,#1e293b);border-color:var(--border-color,#334155)}.custom-select-option{color:#f3f4f6}.custom-select-option:hover{background:#ffffff1a}.custom-select-option.selected{background:#6366f133}}.sentence-complete-container{background:var(--surface-white);border-radius:20px;flex-direction:column;gap:16px;display:flex}.sentence-complete-text{color:#334155;line-height:2.2}.sentence-complete-wordbank{border-top:1px solid #e2e8f0;padding-top:16px}.wordbank-label{color:#475569;margin-bottom:12px;font-size:14px;font-weight:600}.word-bank{background:#f1f5f9;border-radius:12px;flex-wrap:wrap;gap:10px;padding:15px;display:flex}.word-bank.question-pane{border:2px dashed var(--lab-indigo);background:#5850ec08}.word-pill{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #0000000d}.word-pill.selected{background:var(--lab-indigo);color:#fff;border-color:var(--lab-indigo);transform:translateY(-2px)}.word-pill.used{opacity:.4;pointer-events:none;background:#e2e8f0}.interactive-gap{cursor:pointer;vertical-align:middle;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-width:100px;height:32px;margin:0 6px;padding:0 10px;transition:all .2s;display:inline-flex}.interactive-gap.active{border-color:var(--lab-indigo);background:#f0f4ff;border-style:solid}.interactive-gap.filled{color:var(--lab-indigo);background:#eff6ff;border-style:solid;border-color:#dbeafe;font-weight:800}.gap-index-badge{color:#94a3b8;margin-right:6px;font-size:10px;font-weight:800}.review-legend{color:#64748b;margin-top:10px;font-size:11px}.interactive-gap.correct{color:#166534!important;background-color:#dcfce7!important;border:2px solid #22c55e!important}.interactive-gap.correct .gap-index-badge{color:#16a34a}.interactive-gap.incorrect{margin-bottom:20px;position:relative;color:#991b1b!important;background-color:#fee2e2!important;border:2px solid #ef4444!important}.interactive-gap.incorrect .gap-index-badge{color:#dc2626}.interactive-gap.missing{background-color:#fef3c7!important;border:2px solid #f59e0b!important}.correct-answer-hint{color:#22c55e;white-space:nowrap;z-index:10;background:#fff;border-radius:4px;padding:0 4px;font-size:10px;font-weight:800;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000001a}.interactive-gap.incorrect .correct-answer-hint{color:#ef4444}.sentence-complete-question{border:1px solid var(--border-color);background:var(--surface-white);border-radius:12px;margin-bottom:12px;padding:16px}.sentence-question-label{color:#334155;margin-bottom:12px;font-size:15px;font-weight:500;line-height:1.6}.sentence-input-container{flex-direction:column;gap:8px;display:flex}.sentence-input-container .answer-input{border:2px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s}.sentence-input-container .answer-input:focus{border-color:var(--lab-indigo);outline:none}.sentence-input-container .answer-input.correct{background:#ecfdf5;border-color:#10b981}.sentence-input-container .answer-input.incorrect{background:#fef2f2;border-color:#ef4444}.word-limit-hint{color:#64748b;font-size:12px}.sentence-complete-question .correct-answer-hint{color:#ef4444;margin-top:4px;font-size:13px}.gap-fill-block{background:var(--bg-surface);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a}.gap-fill-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gap-fill-title{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.gap-fill-xp{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.gap-fill-instruction{color:#64748b;margin-bottom:20px;font-size:.95rem;line-height:1.5}.gap-fill-inline-passage{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px;font-size:1.05rem;line-height:2.4}.inline-passage-text{display:inline}.inline-gap{cursor:pointer;text-align:center;color:#1e40af;border-bottom:2px solid #3b82f6;min-width:70px;max-width:120px;margin:0 2px;padding:4px 10px;font-weight:600;transition:all .2s;display:inline}.inline-gap:hover:not(.filled):not(.active){background:#eff6ff;border-color:#60a5fa}.inline-gap.active{background:#dbeafe;border-color:#2563eb;border-bottom-width:3px}.inline-gap.filled{color:#166534;background:#dcfce7;border-color:#22c55e}.inline-gap.empty{color:#94a3b8;border-style:dashed}.inline-gap.correct{color:#166534;background:#dcfce7;border-color:#22c55e}.inline-gap.incorrect{color:#991b1b;background:#fee2e2;border-color:#ef4444}.inline-gap.missing{color:#92400e;background:#fef3c7;border-color:#f59e0b}.gap-fill-passage{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px;font-size:1.05rem;line-height:2.2}.passage-text{display:inline}.gap-line{text-align:center;cursor:pointer;border-bottom:2px solid #94a3b8;min-width:80px;max-width:150px;margin:0 4px;padding:4px 12px;font-weight:600;transition:all .2s;display:inline-block}.gap-line.empty{color:#94a3b8;border-style:dashed}.gap-line.filled{color:#4338ca;background:#e0e7ff;border-style:solid;border-color:#6366f1}.gap-line.active{color:#312e81;background:#c7d2fe;border-style:solid;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e54d}.gap-line.correct{color:#166534;background:#dcfce7;border-color:#22c55e}.gap-line.incorrect{color:#991b1b;background:#fee2e2;border-color:#ef4444}.gap-line.missing{color:#92400e;background:#fef9c3;border-color:#f59e0b}.gap-fill-tokens{margin-bottom:20px}.tokens-label{color:#475569;margin-bottom:12px;font-size:.9rem;font-weight:600}.token-container{background:#f1f5f9;border-radius:12px;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.token-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.token-button:hover:not(:disabled){background:#e0e7ff;border-color:#6366f1;transform:translateY(-1px)}.token-button:disabled{cursor:not-allowed}.token-button.used{opacity:.4;pointer-events:none;background:#e2e8f0}.check-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .2s}.check-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.results-summary{text-align:center}.score-display{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:1.1rem;font-weight:700;display:inline-flex}.score-display.perfect{color:#166534;background:#dcfce7;border-color:#22c55e}.results-legend{justify-content:center;gap:20px;margin-top:16px;display:flex}.legend-item{align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:flex}.legend-item.correct{color:#22c55e}.legend-item.incorrect{color:#ef4444}.legend-item.missing{color:#f59e0b}@media (prefers-color-scheme:dark){.gap-fill-block{background:#1e293b;border-color:#334155}.gap-fill-title{color:#f1f5f9}.gap-fill-instruction{color:#94a3b8}.gap-fill-passage{color:#e2e8f0;background:#0f172a;border-color:#334155}.tokens-label{color:#94a3b8}.token-container{background:#0f172a}.token-button{color:#e2e8f0;background:#334155;border-color:#475569}.token-button:hover:not(:disabled){background:#4338ca}.token-button.used{opacity:.5;background:#1e293b}.gap-line.active{color:#c7d2fe;background:#3730a3;border-color:#818cf8;box-shadow:0 0 0 3px #818cf866}.score-display{color:#e2e8f0;background:#0f172a;border-color:#334155}}@media (max-width:768px){.gap-fill-block{padding:var(--space-md)}.gap-fill-header{flex-direction:column;align-items:flex-start;gap:8px}.gap-fill-title{font-size:1.1rem}.gap-fill-instruction{margin-bottom:16px;font-size:.9rem}.gap-fill-passage{margin-bottom:16px;padding:14px;font-size:.95rem;line-height:2}.gap-line{min-width:60px;max-width:100px;margin:0 2px;padding:3px 8px}.gap-line.active{box-shadow:0 0 0 2px #4f46e54d}.gap-fill-tokens{margin-bottom:16px}.tokens-label{margin-bottom:8px;font-size:.85rem}.token-container{gap:6px;padding:12px}.token-button{padding:6px 12px;font-size:.85rem}.check-button{padding:12px 20px;font-size:.95rem}.results-summary{padding:12px}.score-display{padding:10px 16px;font-size:1rem}.results-legend{flex-wrap:wrap;gap:12px}.legend-item{font-size:.8rem}}.trinary-container{border-radius:8px;flex-direction:column;gap:1rem;display:flex}.trinary-row{background:var(--primary-pale);border-bottom:1px solid #edf2f7;padding-bottom:1.5rem}.trinary-row:last-child{border-bottom:none}.trinary-q{color:#2d3748;margin-bottom:24px;padding-right:60px;font-size:16px;font-weight:800;line-height:1.5}.trinary-button-group{flex-wrap:wrap;gap:10px;display:flex}.trinary-btn{text-transform:uppercase;letter-spacing:.025em;color:#4a5568;cursor:pointer;text-align:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:6px;flex:1;justify-content:center;align-items:center;min-width:110px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.trinary-btn:not(:disabled):hover{color:#1a202c;background-color:#f8fafc;border-color:#cbd5e1}.trinary-btn.active{color:#fff;background-color:#3182ce;border-color:#3182ce;box-shadow:0 4px 6px -1px #4299e166}.trinary-btn:disabled{cursor:default;opacity:.7}.trinary-btn:disabled:not(.active){color:#a0aec0;background-color:#f7fafc;border-color:#edf2f7}.trinary-row{border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .2s}.trinary-q-header{justify-content:space-between;align-items:flex-start;display:flex}.trinary-row.row-correct{background-color:#f0fdf4;border-left:5px solid #10b981}.trinary-row.row-incorrect{background-color:#fef2f2;border-left:5px solid #ef4444}.trinary-btn.btn-correct{color:#fff!important;opacity:1!important;background-color:#10b981!important;border-color:#10b981!important}.trinary-btn.btn-wrong{color:#fff!important;opacity:1!important;background-color:#ef4444!important;border-color:#ef4444!important}.trinary-btn.btn-should-have-been{color:#059669!important;opacity:1!important;background-color:#ecfdf5!important;border:2px dashed #10b981!important}.q-number{color:var(--primary);margin-right:8px;font-weight:800;display:inline}.status-icon{margin-left:10px}.trinary-btn:disabled:not(.btn-correct):not(.btn-wrong):not(.btn-should-have-been){opacity:.4;color:#94a3b8;background-color:#f8fafc;border-color:#e2e8f0}@media (max-width:480px){.trinary-button-group{flex-direction:column}.trinary-btn{width:100%}.trinary-q{font-size:14px}}.mf-reading-passage{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.mf-reading-passage p{margin-bottom:12px}.features-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.features-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.features-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.reuse-badge{color:var(--lab-indigo);background:#eef2ff;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600}.features-list{flex-direction:column;gap:10px;display:flex}.feature-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.feature-item.feature-used{background:#f0fdf4;border-color:#10b981}.feature-id{background:var(--lab-indigo);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.feature-name{color:#334155;flex:1;font-size:14px;line-height:1.5}.usage-badge{border-radius:100px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.usage-badge.single{color:#10b981;background:#dcfce7}.usage-badge.reuse{color:var(--lab-indigo);background:#eef2ff}.question-row{background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px 20px;transition:all .2s}.question-row:last-child{margin-bottom:0}.question-row.row-correct{background:#f0fdf4;border-color:#10b981}.question-row.row-incorrect{background:#fef2f2;border-color:#ef4444}.question-content{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.question-number{color:var(--primary);margin-right:8px;font-weight:800;display:inline}.question-text{color:#1e293b;flex:1;margin:0;font-size:16px;font-weight:800;line-height:1.5}.status-icon{flex-shrink:0}.select-wrapper{min-width:120px}.feature-select{cursor:pointer;color:#1e293b;background:#fff;border:2px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;font-weight:600}.feature-select:focus{border-color:var(--lab-indigo)}.feature-select:disabled{cursor:default}.answer-hint{color:#059669;background:#ecfdf5;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.correct-feature-id{background:var(--lab-indigo);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.correct-feature-name{color:#64748b;font-weight:400}.review-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:20px;padding:16px}.score-display{justify-content:space-between;align-items:center;display:flex}.score-label{color:#64748b;font-size:13px}.score-percent{color:#94a3b8;font-size:12px}@media (prefers-color-scheme:dark){.mf-reading-passage{border-color:var(--border-color);color:#cbd5e1;background:#1e293b80}.features-box{background:var(--bg-app);border-color:var(--border-color)}.features-title{color:var(--neutral-gray)}.feature-item{background:var(--surface-white);border-color:var(--border-color)}.feature-item.feature-used{background:#10b9811a;border-color:#10b981}.feature-name{color:#9ca3af}.question-row{background:var(--surface-white);border-color:var(--border-color)}.question-row.row-correct{background:#10b9811a;border-color:#10b981}.question-row.row-incorrect{background:#ef44441a;border-color:#ef4444}.question-text{color:#f3f4f6}.feature-select{background:var(--bg-app);border-color:var(--border-color);color:#f3f4f6}.answer-hint{color:#34d399;background:#05966926}.correct-feature-name{color:#6b7280}.review-summary{background:var(--bg-app);border-color:var(--border-color)}.score-label{color:var(--neutral-gray)}.score-percent{color:#6b7280}}.token-select-block{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 10px 15px -3px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.token-select-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.token-select-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.token-select-xp{color:#d97706;background:#fef3c7;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.token-select-instruction{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:10px;margin-bottom:24px;padding:14px 18px;display:flex}.token-select-instruction-icon{color:#64748b;flex-shrink:0;margin-top:2px}.token-select-instruction-text{color:#334155;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.token-select-text-area{color:#1e293b;text-align:left;white-space:pre-wrap;margin-bottom:32px;font-size:1.2rem;line-height:2.3}.token-select-token{border-radius:2px;padding:2px 0;transition:background-color .15s,color .15s,box-shadow .15s;display:inline}.token-select-token.clickable{cursor:pointer}.token-select-token.clickable:hover,.token-select-token.clickable:focus-visible,.token-select-token.clickable:focus{color:#4338ca;background:#e0e7ff;outline:none;box-shadow:0 0 0 2px #3b82f680}.token-select-token.selected:focus-visible,.token-select-token.selected:focus,.token-select-token.review-correct:focus-visible,.token-select-token.review-correct:focus,.token-select-token.review-incorrect:focus-visible,.token-select-token.review-incorrect:focus,.token-select-token.review-missed:focus-visible,.token-select-token.review-missed:focus{outline:none;box-shadow:0 0 0 2px #10b981bf}.token-select-token.selected{color:#4338ca;background:#e0e7ff;font-weight:600}.token-select-token.review-correct{color:#15803d;background:#dcfce7}.token-select-token.review-incorrect{color:#b91c1c;background:#fee2e2}.token-select-token.review-missed{background:#fef9c3;box-shadow:0 0 0 1px #facc15}.token-select-legend{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;gap:24px;padding:16px;font-size:.85rem;animation:.3s ease-out fadeIn;display:flex}.token-select-legend-item{align-items:center;gap:8px;display:flex}.token-select-legend-color{border-radius:3px;width:12px;height:12px}.token-select-legend-color.correct{background:#dcfce7;border:1px solid #22c55e}.token-select-legend-color.incorrect{background:#fee2e2;border:1px solid #ef4444}.token-select-legend-color.missed{background:#fef9c3;border:1px solid #facc15}@media (max-width:768px){.token-select-block{border-radius:16px;padding:20px}.token-select-text-area{font-size:1rem;line-height:2}.token-select-legend{flex-direction:column;gap:12px}}.diagram-label-block{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-light)}.diagram-label-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.diagram-label-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.diagram-label-badge{color:var(--lab-indigo);text-transform:uppercase;background:var(--lab-indigo-bg);padding:var(--space-xs) 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.diagram-label-instruction{background:var(--instruction-warning-bg);border-left:4px solid var(--instruction-warning-border);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);color:var(--instruction-warning-text);font-size:14px}.diagram-container{background:var(--bg-elevated);border-radius:var(--radius-sm);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid var(--border-light);text-align:center}.diagram-image{object-fit:contain;max-width:100%;max-height:400px}.diagram-text{color:#1e293b;text-align:center;margin-bottom:16px;font-size:15px;font-weight:600}.diagram-caption{color:#475569;margin-top:12px;font-size:13px;font-style:italic}.labels-container{flex-direction:column;gap:12px;display:flex}.label-row{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.label-row.over-limit{background:#fffbeb;border-color:#f59e0b}.label-row.row-correct{background:#f0fdf4;border-color:#10b981}.label-row.row-incorrect{background:#fef2f2;border-color:#ef4444}.label-text-container{align-items:center;gap:8px;margin-bottom:8px;display:flex}.label-question-number{color:var(--primary);font-size:14px;font-weight:800}.label-description{color:#1e293b;font-size:14px;font-weight:800}.status-icon{vertical-align:middle;margin-left:10px;display:inline-flex}.label-input{color:#1e293b;cursor:text;background:#f8fafc;border:none;border-radius:8px;outline:none;flex:1;min-width:0;padding:12px 16px;font-size:15px;font-weight:500}.label-input:focus{box-shadow:0 0 0 2px var(--lab-indigo)}.label-input:disabled{cursor:default;background:0 0}.label-word-count{color:#64748b;text-align:right;flex-shrink:0;min-width:50px;font-size:12px;font-weight:600}.label-word-count.over-limit{color:#f59e0b}.letter-buttons-container{flex-flow:wrap;gap:8px;margin-top:10px;display:flex}.letter-button{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:43px;height:43px;font-size:16px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.letter-button:hover:not(:disabled){color:#1e293b;background-color:#f8fafc;border-color:#94a3b8}.letter-button.letter-selected{color:#fff;background-color:#3b82f6;border-color:#3b82f6;transform:scale(1.05);box-shadow:0 4px 6px -1px #3b82f666}.letter-button.letter-correct{color:#fff;background:#10b981;border-color:#10b981}.letter-button.letter-incorrect{color:#fff;background:#ef4444;border-color:#ef4444}.letter-button:disabled{cursor:default;opacity:.6}.letter-button.letter-selected:disabled{opacity:1}.letter-button:disabled:not(.letter-correct):not(.letter-incorrect){opacity:.3;border-color:#e2e8f0}.correct-answer-hint{color:#059669;background:#ecfdf5;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600}@media (prefers-color-scheme:dark){.diagram-label-block{background:var(--surface-white);border-color:var(--border-color)}.diagram-label-title{color:#f3f4f6}.diagram-label-badge{color:var(--lab-indigo);background:#5850ec33}.diagram-label-instruction{color:#fbbf24;background:#f59e0b1a}.diagram-container{background:var(--bg-app);border-color:var(--border-color)}.diagram-text{color:#f3f4f6}.diagram-caption{color:var(--neutral-gray)}.label-row{background:var(--surface-white);border-color:var(--border-color)}.label-row.over-limit{background:#f59e0b1a;border-color:#f59e0b}.label-row.row-correct{background:#10b9811a;border-color:#10b981}.label-row.row-incorrect{background:#ef44441a;border-color:#ef4444}.label-question-number{color:var(--primary)}.label-description{color:#f3f4f6}.label-input{background:var(--bg-app);color:#f3f4f6}.label-input::placeholder,.label-word-count{color:#94a3b8}.label-word-count.over-limit{color:#f59e0b}.letter-button{background-color:var(--surface-white);border-color:var(--border-color);color:#9ca3af}.letter-button:hover:not(:disabled){color:#f3f4f6;background-color:var(--bg-app);border-color:#6b7280}.letter-button.letter-selected{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.letter-button.letter-correct{color:#fff;background:#10b981;border-color:#10b981}.letter-button.letter-incorrect{color:#fff;background:#ef4444;border-color:#ef4444}.letter-button.letter-selected:disabled{opacity:1}.letter-button:disabled:not(.letter-correct):not(.letter-incorrect){opacity:.3;border-color:var(--border-color)}.correct-answer-hint{color:#34d399;background:#05966926}@media (max-width:480px){.diagram-label-block{padding:var(--space-md)}.label-row{gap:8px;padding:10px}.label-text-container{gap:6px;margin-bottom:6px}.label-question-number,.label-description{font-size:12px}.label-input{padding:10px 12px;font-size:14px}.label-word-count{min-width:40px;font-size:11px}.letter-buttons-container{gap:6px}.letter-button{width:36px;height:36px;font-size:14px}}}.table-completion-block{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-light);overflow-x:hidden}.table-container{-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px;overflow-x:auto}.table-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.table-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.table-badge{color:var(--lab-indigo);text-transform:uppercase;background:#eef2ff;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.table-instruction{color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;margin-bottom:20px;padding:12px 16px;font-size:14px}.table-word-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.word-list-title{color:#64748b;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.table-main{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-width:500px;overflow:hidden}.table-header-row{background:#f1f5f9}.table-header-cell{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:14px 16px;font-size:13px;font-weight:700}.table-cell{color:#334155;vertical-align:top;background:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:12px 16px;font-size:14px;font-weight:500}.table-cell.header-cell{background:#f1f5f9}.table-cell.gap-cell{background:#fafafa;padding:8px 12px;position:relative}.gap-badge{background:var(--lab-indigo);color:#fff;z-index:1;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:-8px;left:8px}.gap-input-container{flex-direction:column;gap:4px;margin-top:8px;display:flex}.gap-input-wrapper{align-items:center;gap:8px;display:flex}.gap-select,.gap-input{background:#fff;border:2px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px}.gap-select{cursor:pointer;font-weight:600}.gap-input{color:#1e293b;font-weight:500}.gap-select:focus,.gap-input:focus{border-color:var(--lab-indigo)}.gap-input:disabled{font-weight:700}.table-cell.gap-cell.over-limit{background:#fffbeb}.gap-word-count.over-limit{color:#f59e0b}.gap-word-count{color:#94a3b8;text-align:right;margin-top:4px;font-size:11px}.table-cell.row-correct{background:#f0fdf4}.table-cell.row-incorrect{background:#fef2f2}.table-cell.row-correct .gap-badge{background:#10b981}.table-cell.row-incorrect .gap-badge{background:#ef4444}.correct-hint{color:#059669;margin-top:6px;font-size:12px;font-weight:600}@media (max-width:640px){.table-completion-block{padding:12px}.table-main{table-layout:auto;min-width:100%}.table-header-cell{white-space:normal;padding:10px 8px;font-size:11px}.table-cell{padding:10px 8px}.table-container{margin:0 -12px;padding:0 12px}}@media (max-width:350px){.gap-input,.gap-select{padding:8px 4px;font-size:12px}}@media (prefers-color-scheme:dark){.table-completion-block{background:var(--surface-white);border-color:var(--border-color)}.table-title{color:#f3f4f6}.table-badge{background:#5850ec33}.table-instruction{color:#fbbf24;background:#f59e0b1a}.table-word-list{background:var(--bg-app);border-color:var(--border-color)}.word-list-title{color:var(--neutral-gray)}.word-list-item{background:var(--surface-white);border-color:var(--border-color);color:#9ca3af}.table-main{border-color:var(--border-color)}.table-header-cell,.table-cell.header-cell{background:var(--bg-app);color:var(--neutral-gray);border-color:var(--border-color)}.table-cell{background:var(--surface-white);color:#9ca3af;border-color:var(--border-color)}.table-cell.gap-cell{background:var(--bg-app)}.table-cell.gap-cell.over-limit{background:#f59e0b1a}.table-cell.row-correct{background:#10b9811a}.table-cell.row-incorrect{background:#ef44441a}.gap-select,.gap-input{background:var(--surface-white);border-color:var(--border-color);color:#f3f4f6}.gap-word-count{color:#6b7280}.correct-hint{color:#34d399}}.flowchart-completion-block{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:24px;overflow:hidden}.flowchart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.flowchart-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.flowchart-badge{color:var(--lab-indigo);text-transform:uppercase;background:#eef2ff;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.flowchart-instruction{color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;margin-bottom:20px;padding:12px 16px;font-size:14px}.flowchart-container{margin-bottom:20px}.flowchart-text{color:#334155;margin:0 0 16px;font-size:14px;line-height:1.6}.flowchart-image{border:1px solid #e2e8f0;border-radius:8px;margin:0 auto 16px;display:block}.flowchart-caption{color:#64748b;text-align:center;margin:0;font-size:12px;font-style:italic}.flowchart-word-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.word-list-label{color:#64748b;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.word-list-items{flex-wrap:wrap;gap:8px;display:flex}.word-list-item{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:100px;padding:6px 12px;font-size:13px;font-weight:600}.flow-chart{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;padding-bottom:8px;display:flex;overflow:hidden auto}.flow-step{box-sizing:border-box;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex:1;width:100%;min-width:auto;padding:16px 20px;position:relative}.flow-step.is-gap{background:#fff;border-color:#cbd5e1}.flow-step.is-gap.over-limit{background:#fffbeb;border-color:#f59e0b}.flow-step.row-correct{background:#f0fdf4;border-color:#10b981}.flow-step.row-incorrect{background:#fef2f2;border-color:#ef4444}.step-badge{background:var(--lab-indigo);color:#fff;border-radius:100px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;top:-10px;left:12px}.step-badge.step-label{background:#94a3b8;font-size:11px;font-weight:600}.flow-step.row-correct .step-badge{background:#10b981}.flow-step.row-incorrect .step-badge{background:#ef4444}.step-content{margin-top:8px}.step-text{color:#334155;margin:0;font-size:14px;font-weight:600}.step-text.gap-text{color:#475569;margin-bottom:8px;font-weight:500}.step-text .question-label{color:var(--primary);margin-right:8px;font-weight:800;display:inline}.flow-input-container{align-items:center;gap:8px;display:flex}.flow-input{color:#1e293b;background:#f8fafc;border:none;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;font-weight:500}.flow-input:focus{box-shadow:0 0 0 2px var(--lab-indigo)}.flow-input:disabled{background:0 0;font-weight:700}.flow-select{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;font-weight:600}.flow-select:focus{border-color:var(--lab-indigo)}.flow-select:disabled{cursor:default}.flow-word-count{color:#94a3b8;text-align:right;margin-top:4px;font-size:11px}.flow-word-count.over-limit{color:#f59e0b}.flowchart-hint{color:#059669;background:#ecfdf5;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:600}.flow-arrow{justify-content:center;align-items:center;padding:8px 0;display:flex}@media (prefers-color-scheme:dark){.flowchart-completion-block{background:var(--surface-white);border-color:var(--border-color)}.flowchart-title{color:#f3f4f6}.flowchart-badge{color:var(--lab-indigo);background:#5850ec33}.flowchart-instruction{color:#fbbf24;background:#f59e0b1a}.flowchart-text{color:#9ca3af}.flowchart-image{border-color:var(--border-color)}.flowchart-caption{color:#6b7280}.flowchart-word-list{background:var(--bg-app);border-color:var(--border-color)}.word-list-label{color:var(--neutral-gray)}.word-list-item{background:var(--surface-white);border-color:var(--border-color);color:#9ca3af}.flow-step{background:var(--bg-app);border-color:var(--border-color)}.flow-step.is-gap{background:var(--surface-white)}.flow-step.is-gap.over-limit{background:#f59e0b1a;border-color:#f59e0b}.flow-step.row-correct{background:#10b9811a;border-color:#10b981}.flow-step.row-incorrect{background:#ef44441a;border-color:#ef4444}.step-text,.step-text.gap-text{color:#9ca3af}.flow-input{background:var(--bg-app);color:#f3f4f6}.flow-input::placeholder{color:#6b7280}.flow-select{background:var(--surface-white);border-color:var(--border-color);color:#f3f4f6}.flow-word-count{color:#6b7280}.flow-word-count.over-limit{color:#f59e0b}.flowchart-hint{color:#34d399;background:#05966926}}.punctuation-correction-block{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;animation:.3s ease-out slideUp;box-shadow:0 10px 15px -3px #0000000d}.punctuation-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.punctuation-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.punctuation-xp{color:#d97706;background:#fef3c7;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.punctuation-instruction{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:10px;margin-bottom:24px;padding:14px 18px;display:flex}.punctuation-instruction-icon{color:#64748b;flex-shrink:0;margin-top:2px}.punctuation-instruction-text{color:#334155;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.punctuation-sentences-container{margin-bottom:24px}.punctuation-sentence-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .2s}.punctuation-sentence-container:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.punctuation-sentence-number{color:#4338ca;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:12px;font-size:.85rem;font-weight:700;display:inline-flex}.punctuation-interactive-sentence{flex-wrap:wrap;align-items:center;gap:2px;font-size:1.1rem;line-height:2.2;display:inline-flex}.punctuation-word{color:#1e293b;border-radius:4px;padding:4px 6px}.punctuation-gap{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:28px;margin:0 2px;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.punctuation-gap:hover{background:#e0e7ff;border-color:#6366f1}.punctuation-gap:focus-visible,.punctuation-gap:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f68c}.punctuation-gap.user-comma{background:#e0e7ff;border:2px solid #6366f1}.punctuation-gap.user-comma:hover{background:#c7d2fe;border-color:#4f46e5}.punctuation-gap.review-correct{background:#dcfce7;border:2px solid #22c55e}.punctuation-gap.review-incorrect{background:#fee2e2;border:2px solid #ef4444}.punctuation-gap.review-missed{background:#fef9c3;border:2px solid #facc15}.punctuation-gap.review-neutral{background:0 0;border:2px dashed #e2e8f0}.punctuation-comma-mark{color:#4338ca;font-weight:700}.punctuation-comma-mark.missed{color:#ca8a04;font-weight:700}.punctuation-explanation{color:#1e40af;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:.9rem;animation:.3s ease-out fadeIn}.punctuation-explanation-tip{margin-right:4px;font-weight:700}.punctuation-results-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;gap:24px;margin-bottom:16px;padding:16px;animation:.3s ease-out fadeIn;display:flex}.punctuation-results-item{align-items:center;gap:8px;display:flex}.punctuation-results-color{border-radius:3px;width:12px;height:12px}.punctuation-results-color.correct{background:#dcfce7;border:2px solid #22c55e}.punctuation-results-color.extra{background:#fee2e2;border:2px solid #ef4444}.punctuation-results-color.missed{background:#fef9c3;border:2px solid #facc15}.punctuation-results-label{color:#374151;font-size:.85rem}.punctuation-score-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px;animation:.3s ease-out fadeIn;display:flex}.punctuation-score-display.perfect{background:#dcfce7;border-color:#22c55e}.punctuation-score-icon{color:#22c55e}.punctuation-score-text{color:#15803d;font-size:1.1rem;font-weight:700}.punctuation-score-text.normal{color:#374151}@media (max-width:768px){.punctuation-correction-block{border-radius:16px;padding:20px}.punctuation-interactive-sentence{font-size:1rem;line-height:2}.punctuation-results-summary{flex-direction:column;gap:12px}.punctuation-sentence-container{padding:16px}}.sentence-insert-container{font-family:var(--font-body,system-ui, sans-serif);max-width:100%;padding:16px}.si-instruction{border-left:4px solid var(--lab-indigo,#6366f1);color:#333;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:0 8px 8px 0;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.6}.si-options-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:16px}.si-options-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.si-options-grid{flex-direction:column;gap:8px;display:flex}.si-option-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.5;transition:all .2s;display:flex}.si-option-card:hover{border-color:var(--lab-indigo,#6366f1)}.si-option-card.used{opacity:.7;background:#f3f4f6;border-color:#d1d5db}.si-option-label{color:var(--lab-indigo,#6366f1);min-width:20px;font-weight:600}.si-option-text{color:#374151}.si-gaps-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.si-gap-row{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.si-gap-row.correct{background:#dcfce7;border:2px solid #22c55e}.si-gap-row.correct:before{content:"✓";color:#22c55e;margin-right:8px;font-weight:700}.si-gap-row.incorrect{background:#fee2e2;border:2px dashed #ef4444}.si-gap-row.incorrect:before{content:"✗";color:#ef4444;margin-right:8px;font-weight:700}.si-gap-row.missing{background:#fef3c7;border:2px dotted #f59e0b}.si-gap-row.missing:before{content:"!";color:#f59e0b;margin-right:8px;font-weight:700}.si-gap-row .si-gap-number{color:#6b7280;text-align:center;background:#e5e7eb;border-radius:4px;min-width:28px;padding:4px 8px;font-size:12px;font-weight:600}.si-gap-row .si-gap-select{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:200px;padding:6px 10px;font-size:13px}.si-gap-row .si-gap-select:focus{border-color:var(--lab-indigo,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f133}.si-gap-row .si-gap-display{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.si-gap-row .si-correct-hint{color:#6b7280;font-size:12px;font-style:italic}.si-review-legend{background:#f9fafb;border-radius:8px;gap:20px;margin-top:16px;padding:12px;font-size:13px;display:flex}.legend-correct{color:#22c55e;align-items:center;gap:4px;display:flex}.legend-correct:before{content:"✓";font-weight:700}.legend-incorrect{color:#ef4444;align-items:center;gap:4px;display:flex}.legend-incorrect:before{content:"✗";font-weight:700}.legend-missing{color:#f59e0b;align-items:center;gap:4px;display:flex}.legend-missing:before{content:"!";font-weight:700}.invictus-language-elements-layout{background:var(--surface-white);flex-direction:column;height:100%;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-y:auto}.invictus-passage-text,.invictus-passage-text span{-webkit-user-select:none;user-select:none}.invictus-passage-text .interactive-gap{-webkit-user-select:none;user-select:none;cursor:pointer;pointer-events:auto}.language-elements-wrapper{overflow:hidden}.language-elements-exercise-panel{background:var(--surface-white);flex-direction:column;height:100%;display:flex;overflow:hidden auto}.invictus-paragraph-wrapper{align-items:flex-start;margin-bottom:12px;display:flex}@media (max-width:768px){.invictus-language-elements-layout{height:calc(100vh - 53px)}.invictus-language-elements-layout .invictus-split-pane-layout{height:100%}.language-elements-exercise-panel{flex:1;min-height:0}.invictus-question-column{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:55;min-width:0;height:100%;min-height:0;padding:0;overflow-y:auto}@media (max-width:480px){.invictus-question-column{height:calc(100vh - 108px)}}.invictus-content-text{font-size:15px;line-height:1.7}.invictus-question-number{padding:8px 12px;font-size:14px}.invictus-instruction-box{margin-bottom:16px;padding:16px}.invictus-instruction-text{font-size:14px}.invictus-sub-question{margin-bottom:12px;padding:12px 16px}.invictus-paragraph-id{padding:4px 8px;font-size:12px}}@media (max-width:480px){.invictus-language-elements-layout{height:calc(100vh - 53px)}.invictus-language-elements-layout .invictus-split-pane-layout{height:100%}.language-elements-exercise-panel{flex:1;min-height:0}.invictus-content-text{font-size:14px;line-height:1.6}.invictus-question-number{padding:6px 10px;font-size:12px}.invictus-instruction-box{margin-bottom:12px;padding:12px}.invictus-instruction-text{font-size:13px}.invictus-sub-question{margin-bottom:10px;padding:10px 12px}.invictus-paragraph-id{padding:3px 6px;font-size:10px}.invictus-question-column{height:calc(100vh - 108px)}}.invictus-reading-layout{background:var(--surface-white);flex-direction:column;height:100%;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-y:auto}.reading-wrapper{overflow:hidden}.reading-exercise-panel{background:var(--surface-white);flex-direction:column;height:100%;display:flex;overflow:hidden auto}.invictus-paragraph-wrapper{flex-direction:row;align-items:flex-start;margin-bottom:12px;display:flex}.invictus-paragraph-letter{color:#e11d48;background-color:#fce7f3;border:2px solid #e11d48;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:26px;height:26px;margin-top:2px;margin-right:10px;font-size:14px;font-weight:700;display:inline-flex}@media (max-width:768px){.invictus-reading-layout{height:calc(100vh - 53px)}.invictus-reading-layout .invictus-split-pane-layout{height:100%}.reading-exercise-panel{flex:1;min-height:0}.invictus-content-text{font-size:15px;line-height:1.7}.invictus-question-number{padding:8px 12px;font-size:14px}.invictus-instruction-box{margin-bottom:16px;padding:16px}.invictus-instruction-text{font-size:14px}.invictus-sub-question{margin-bottom:12px;padding:12px 16px}.invictus-paragraph-wrapper{flex-direction:column}.invictus-paragraph-id{padding:4px 8px;font-size:12px}}@media (max-width:480px){.invictus-reading-layout{height:calc(100vh - 53px)}.invictus-reading-layout .invictus-split-pane-layout{height:100%}.reading-exercise-panel{flex:1;min-height:0}.invictus-content-text{font-size:14px;line-height:1.6}.invictus-question-number{padding:6px 10px;font-size:12px}.invictus-instruction-box{margin-bottom:12px;padding:12px}.invictus-instruction-text{font-size:13px}.invictus-sub-question{margin-bottom:10px;padding:10px 12px}.invictus-paragraph-id{padding:3px 6px;font-size:10px}}.listening-container{background:var(--background);height:100%}@media (max-width:768px){.listening-container{height:calc(100vh - 53px)}.listening-container .invictus-split-pane-layout{height:100%}}.listening-content-panel{background:var(--surface);height:100%;overflow-y:hidden}.audio-sticky-bar{z-index:50;background:var(--surface-white);border-bottom:1px solid var(--border-color);padding:16px 24px;position:sticky;top:0;box-shadow:0 4px 12px #b800350d}.player-controls{align-items:center;gap:16px;display:flex}.play-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 4px 12px #b8003540}.play-btn:hover{background:var(--primary-container);transform:scale(1.05)}.play-btn:active{transform:scale(.98)}.play-btn:disabled{background:var(--to-be-determined);cursor:not-allowed;box-shadow:none}.progress-track{background:var(--text-light);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary-color));border-radius:3px;height:100%;transition:width .1s linear}.headphones-icon{color:var(--primary)}.audio-nav-controls{align-items:center;gap:8px;margin:0 12px;display:flex}.audio-nav-btn{background:var(--primary);cursor:pointer;color:#00f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.audio-nav-btn:hover:not(:disabled){background:var(--primary-container);transform:scale(1.1)}.audio-nav-btn:disabled{opacity:.4;cursor:not-allowed}.audio-item-label{color:var(--primary);white-space:nowrap;text-align:center;min-width:80px;font-size:12px}.listening-header{padding:32px}.skill-label{letter-spacing:.15em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:700}.listening-title{color:var(--primary);margin:8px 0 12px;font-size:32px;font-weight:800;line-height:1.2}.listening-subtitle{color:var(--primary);margin-bottom:12px;font-size:18px;line-height:1.5}.listening-description{color:var(--primary);font-size:14px;line-height:1.6}.listening-diagram{text-align:center;padding:0 32px 24px}.listening-diagram img{border:1px solid var(--border-color);border-radius:12px;max-width:100%;box-shadow:0 4px 12px #0000000d}.listening-transcript{padding:0 32px 24px}.listening-transcript .transcript-content{background:var(--surface-white);border:1px solid var(--border-color);border-radius:12px;padding:20px}.listening-transcript h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:14px;font-weight:700}.listening-transcript pre{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit;font-size:13px;line-height:1.7}.transcript-toggle-btn{background:var(--surface-white);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin:0 32px 12px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.transcript-toggle-btn:hover{background:var(--surface-white);color:var(--text-primary);border-color:var(--text-primary)}.transcript-toggle-btn:active{transform:scale(.98)}.protip-box{border:1px solid var(--border-color);background:#fff;border-radius:12px;align-items:flex-start;gap:16px;max-width:500px;margin:0 32px 32px;padding:20px;display:flex;box-shadow:0 2px 8px #00000008}.protip-icon{background:var(--to-be-determined);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.protip-icon .material-symbols-outlined{color:var(--primary);font-size:22px}.protip-title{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:700}.protip-text{color:var(--text-primary);margin:0;font-size:13px;line-height:1.5}.listening-exercise-panel{background:var(--surface-white);flex-direction:column;height:100%;display:flex;overflow:hidden auto}@media (max-width:768px){.listening-exercise-panel{flex:1;min-height:0}}.exercise-header{border-bottom:1px solid var(--border-color);padding:24px}.exercise-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}@media (max-width:768px){.listening-header{padding:24px 16px}.listening-title{font-size:24px}.protip-box{margin:0 16px 24px;padding:16px}.exercise-header{padding:16px}.instruction-box{margin:16px;padding:16px}.player-controls{gap:12px;padding:0 16px}.play-btn{width:40px;height:40px}.listening-diagram,.listening-transcript{padding:0 16px 16px}}@media (max-width:480px){.listening-header{padding:16px}.listening-title{font-size:20px}.protip-box{margin:0 12px 16px;padding:12px}.exercise-header{padding:12px}.instruction-box{margin:12px;padding:12px}.player-controls{gap:8px;padding:0 12px}.play-btn{width:48px;height:48px}}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.writing-exercise-panel{background:#fff;flex-direction:column;height:100%;display:flex;overflow:hidden auto}.writing-container{background-color:var(--surface-white);flex-direction:column;height:100%;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.writing-header{background:var(--surface-white);border-bottom:1px solid var(--border-color);padding:20px 24px}.header-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.task-label{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:700}.word-count{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.word-count.goal-reached{color:var(--tertiary);font-weight:700}.momentum-track{background:var(--bg-app);border-radius:2px;height:4px;overflow:hidden}.momentum-fill{background:linear-gradient(90deg, var(--primary), var(--secondary-color));border-radius:2px;height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.prompt-section{background-color:var(--surface-white);border-bottom:1px solid var(--border-color);padding:24px}.prompt-text{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600;line-height:1.6}.instruction-text{color:var(--text-secondary);background:var(--surface-elevated,#f8f9fa);border-left:3px solid var(--accent,#4a90d9);white-space:pre-wrap;border-radius:8px;margin-bottom:20px;padding:16px;font-size:14px;line-height:1.7}.context-text{color:var(--text-primary);background:var(--surface-white-high,#fff);border:1px solid var(--border-color);white-space:pre-wrap;border-radius:12px;margin-bottom:24px;padding:20px;font-size:15px;line-height:1.7;box-shadow:0 2px 8px #0000000f}.prompt-bullets{color:var(--text-primary);margin:0;padding-left:20px;font-size:14px;line-height:1.7}.prompt-bullets li{margin-bottom:8px}.editor-wrapper{background:var(--surface-white);border-radius:12px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #b800350d}.editor-toolbar{background:var(--surface-white);border-bottom:1px solid var(--surface-white-high);align-items:center;gap:4px;padding:8px 16px;display:flex}.toolbar-btn{cursor:pointer;width:32px;height:32px;color:var(--text-primary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.toolbar-btn:hover{color:var(--text-primary);background:#fff}.toolbar-btn .material-symbols-outlined{font-size:20px}.toolbar-divider{background:var(--border-color);width:1px;height:20px;margin:0 8px}.toolbar-spacer{flex:1}.writing-textarea{border:3px solid var(--surface-white-high);width:100%;color:var(--text-primary);resize:none;background:#fff;outline:none;padding:24px;font-family:Plus Jakarta Sans,sans-serif;line-height:1.8}.writing-textarea::placeholder{color:var(--to-be-determined);opacity:.6}.editor-footer{background:var(--surface-white);border:3px solid var(--surface-white-high);border-top:1px solid var(--surface-white-high);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.word-count-indicator{align-items:center;gap:8px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-dot.status-warning{background:var(--error);box-shadow:0 0 8px #ba1a1a66}.status-dot.status-good{background:var(--tertiary);animation:none;box-shadow:0 0 8px #00685566}.word-count-label{letter-spacing:.05em;color:var(--text-primary);text-transform:uppercase;font-size:12px;font-weight:700}.minimum-label{letter-spacing:.1em;color:var(--to-be-determined);text-transform:uppercase;font-size:11px;font-weight:600}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-content{color:var(--primary);flex-direction:column;align-items:center;gap:16px;font-weight:600;display:flex}.loading-spinner{border:3px solid var(--surface-white-high);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.writing-footer{background:var(--surface-white);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.auto-save-notice{color:var(--text-primary);opacity:.6;text-align:right;flex:1;max-width:300px;font-size:11px;line-height:1.5}.submit-btn{background:var(--primary);color:var(--to-be-determined);letter-spacing:.02em;cursor:pointer;border:none;border-radius:8px;padding:16px 40px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #b8003533}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #b800354d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:var(--to-be-determined);color:var(--to-be-determined);cursor:not-allowed;box-shadow:none}.submit-btn.primary{background:var(--primary)}.feedback-display{background:var(--surface-white);border-radius:12px;margin:16px 24px;overflow:hidden}.feedback-header{background:var(--primary-container);color:var(--to-be-determined-container);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.feedback-header h4{margin:0;font-size:16px;font-weight:700}.band-score{color:var(--primary);background:#fff;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:700}.feedback-body{padding:20px}.text-green{color:var(--tertiary);font-weight:600}.text-red{color:var(--error);font-weight:600}.corrections-table{border-collapse:collapse;width:100%;margin-top:15px;font-size:14px}.corrections-table th,.corrections-table td{border:1px solid var(--border-color);text-align:left;padding:12px}.corrections-table th{background:var(--surface-white);color:var(--text-primary);font-weight:600}@media (max-width:768px){.writing-container{height:auto;min-height:86vh;overflow-y:auto}.writing-header{padding:16px}.header-meta{flex-flow:column wrap;align-items:flex-start;gap:8px}.task-label{font-size:11px}.word-count{font-size:12px}.prompt-section{padding:16px}.prompt-text{font-size:15px}.prompt-bullets{font-size:13px}.editor-toolbar{padding:8px 12px;overflow-x:auto}.toolbar-btn{width:28px;height:28px}.toolbar-btn .material-symbols-outlined{font-size:18px}.writing-textarea{padding:16px;font-size:15px;line-height:1.7}.editor-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.word-count-indicator{font-size:12px}.writing-footer{flex-direction:column;gap:12px;padding:16px}.auto-save-notice{text-align:center;max-width:100%;font-size:10px}.submit-btn{width:100%;padding:14px 24px;font-size:13px}.feedback-display{margin:12px 16px}.feedback-header{padding:12px 16px}.feedback-header h4{font-size:14px}.band-score{padding:4px 12px;font-size:12px}.feedback-body{padding:16px}.corrections-table{font-size:12px}.corrections-table th,.corrections-table td{padding:8px}.writing-footer{flex-direction:column;gap:12px}.auto-save-notice{text-align:center;max-width:100%}.submit-btn{width:100%}.editor-footer{flex-direction:column;align-items:flex-start;gap:8px}}.options-section{margin-top:16px}.options-title{color:var(--text-primary);margin-bottom:12px;font-size:15px;font-weight:600}.options-list{flex-direction:column;gap:12px;display:flex}.option-item{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;padding:16px;transition:all .2s}.option-item:hover{border-color:var(--primary);background:var(--surface-white)}.option-item:focus-visible{border-color:var(--primary);background:var(--surface-white);outline:2px solid var(--primary);outline-offset:2px}.option-item.selected{border-color:var(--primary);background:var(--primary-container)}.option-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.option-radio{color:var(--primary);font-size:16px}.option-label{color:var(--text-primary);font-weight:600}.option-context{color:var(--text-primary);font-size:14px;line-height:1.5}@media (max-width:480px){.writing-container{height:auto;min-height:86vh;overflow-y:auto}.writing-header{padding:12px}.task-label{font-size:10px}.word-count{font-size:11px}.prompt-section{padding:12px}.prompt-text{font-size:14px}.prompt-bullets{font-size:12px}.editor-toolbar{padding:6px 10px}.toolbar-btn{width:24px;height:24px}.toolbar-btn .material-symbols-outlined{font-size:16px}.writing-textarea{padding:12px;font-size:14px;line-height:1.6}.editor-footer{padding:10px 12px}.word-count-indicator{font-size:11px}.writing-footer{padding:12px}.auto-save-notice{font-size:9px}.submit-btn{padding:12px 20px;font-size:12px}.feedback-display{margin:10px 12px}.feedback-header{padding:10px 12px}.feedback-header h4{font-size:13px}.band-score{padding:3px 10px;font-size:11px}.feedback-body{padding:12px}.corrections-table{font-size:11px}.corrections-table th,.corrections-table td{padding:6px}}.speaking-container{background:var(--surface-white);flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-y:auto}.speaking-block-wrapper{overflow:hidden}.speaking-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.speaking-instruction{background:var(--surface-white);color:var(--text-primary);border-left:4px solid var(--primary);border-radius:12px;margin-bottom:20px;padding:16px 20px;font-size:15px}.speaking-prompt-item{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:16px;padding:16px 20px;font-size:16px;font-weight:600}.speaking-prompt-topic{color:var(--primary);margin-bottom:12px;font-weight:700}.speaking-prompt-question{background:var(--surface-white);color:var(--text-primary);border-radius:8px;margin-bottom:8px;padding:12px 16px;font-size:15px;font-weight:500}.speaking-topic-item{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:16px;padding:20px}.speaking-topic-label{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.speaking-topic-title{color:var(--text-primary);margin:8px 0;font-size:18px;font-weight:700}.speaking-topic-question{background:var(--surface-white);color:var(--text-primary);border-radius:8px;margin-top:8px;padding:12px 16px;font-size:14px}.speaking-scenario-item{border:1px solid var(--border-color);background:#fff;border-radius:12px;margin-bottom:16px;padding:20px}.speaking-scenario-label{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.speaking-candidate-info{background:var(--tertiary-container);border:2px solid var(--tertiary);border-radius:16px;padding:24px}.speaking-candidate-title{color:var(--on-tertiary-container);margin:0 0 16px;font-size:18px;font-weight:700}.speaking-candidate-theme{color:var(--on-tertiary-container);margin:0 0 16px;font-size:16px;font-weight:600}.speaking-candidate-label{color:var(--on-tertiary-container);opacity:.8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px;font-weight:700}.speaking-candidate-option{color:var(--text-primary);background:#fff;border-radius:8px;margin-bottom:8px;padding:12px 16px;font-weight:500}.speaking-candidate-point{color:var(--tertiary);background:#fff;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500}.speaking-topic-card{background:var(--to-be-determined);border:2px solid var(--primary);border-radius:16px;padding:24px}.speaking-topic-card-title{color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:700}.speaking-topic-card-desc{color:var(--text-primary);opacity:.85;margin-bottom:16px;font-size:14px}.speaking-topic-card-bullets{color:var(--text-primary);padding-left:20px;font-size:15px;line-height:1.6}.speaking-topic-card-bullets li{margin-bottom:8px}.speaking-topic-card-followup{border-top:1px solid var(--primary);margin-top:20px;padding-top:16px}.speaking-topic-card-followup-label{color:var(--to-be-determined-fixed);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px;font-weight:700}.speaking-topic-card-followup-q{color:var(--text-primary);background:#fff;border-radius:8px;margin-bottom:8px;padding:12px 16px;font-size:14px}.speaking-timer-display{text-align:center;color:var(--text-primary);margin-top:auto;padding:20px;font-size:32px;font-weight:800}.speaking-recording-status{color:var(--text-primary);font-size:16px;font-weight:700}.speaking-exercise-panel{background:var(--surface-white);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex;overflow:hidden auto}.mic-shell{justify-content:center;align-items:center;width:120px;height:120px;margin:30px auto;display:flex;position:relative}.mic-shell:before{content:"";background:var(--primary);opacity:.2;border-radius:50%;width:100%;height:100%;animation:2s infinite mic-pulse;position:absolute}.mic-button{background:var(--primary);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 24px #b800354d}.mic-button:hover{background:var(--primary-container);transform:scale(1.05)}.mic-button:active{transform:scale(.98)}.mic-button.recording{background:var(--error);animation:1s infinite mic-recording-pulse}@keyframes mic-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}@keyframes mic-recording-pulse{0%,to{box-shadow:0 0 #ba1a1a66}50%{box-shadow:0 0 0 20px #ba1a1a00}}.speaking-ai-feedback{border-top:2px solid var(--text-primary);text-align:left;width:100%;margin-top:30px;padding-top:24px}.speaking-ai-loading{text-align:center;padding:24px}.speaking-ai-loading p{color:var(--text-primary);font-size:14px}.speaking-feedback-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.speaking-feedback-header h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.speaking-band-badge{background:var(--primary-container);color:var(--text-primary);border-radius:24px;padding:8px 20px;font-size:14px;font-weight:800}.speaking-feedback-details{gap:12px;font-size:14px;display:grid}.speaking-feedback-details p{color:var(--text-primary);margin:0}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #b8003533}.btn-primary:hover:not(:disabled){background:var(--primary-container);transform:translateY(-1px)}.btn-primary:disabled{background:var(--to-be-determined);color:var(--to-be-determined);cursor:not-allowed}.btn-secondary{color:var(--to-be-determined);border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:10px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--surface-white)}.btn-ai-analyze{background:var(--tertiary);width:100%;color:var(--on-tertiary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-ai-analyze:hover{background:var(--tertiary-container);transform:translateY(-1px)}.review-circle{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;transition:all .2s;display:flex;box-shadow:0 4px 16px #b8003540}.review-circle:hover{background:var(--primary-container);transform:scale(1.05)}.spinner{animation:1s linear infinite spin}.topic-selection-container{border:1px solid var(--border-color);background:#fff;border-radius:16px;margin:20px 0;padding:20px}.topic-selection-title{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.topic-options{flex-direction:column;gap:12px;display:flex}.topic-option{border:2px solid var(--border-color);cursor:pointer;background:var(--surface);border-radius:12px;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.topic-option:hover{border-color:var(--primary);background:var(--surface-white)}.topic-option.selected{border-color:var(--primary);background:var(--primary-container)}.topic-option-radio{color:var(--primary);margin-right:12px;font-size:20px;line-height:1}.topic-option-content{flex-direction:column;display:flex}.topic-option-title{color:var(--text-primary);margin-bottom:4px;font-weight:600}.speaking-magazine-text{border:1px solid var(--border-color);background:#fff;border-radius:12px;max-height:400px;margin:20px 0;padding:24px;overflow-y:auto}.speaking-text-content{color:var(--text-primary);font-size:14px;line-height:1.7}.speaking-text-paragraph{text-align:justify;margin-bottom:16px}.speaking-text-paragraph:last-child{margin-bottom:0}.topic-option-radio{color:var(--primary);min-width:24px;margin-right:12px;font-size:20px}.topic-option-content{flex-direction:column;gap:4px;display:flex}.topic-option-title{color:var(--text-primary);font-size:16px;font-weight:600}.topic-option-hint{color:var(--to-be-determined);font-size:14px}@media (max-width:768px){.speaking-container{-webkit-overflow-scrolling:touch;height:auto;min-height:400px;overflow-y:auto}.speaking-hero{padding:20px 16px}.speaking-instruction{padding:12px 16px;font-size:14px}.speaking-prompt-item{margin-bottom:12px;padding:12px 16px}.speaking-topic-item{margin-bottom:12px;padding:16px}.speaking-topic-card{padding:20px}.speaking-topic-card-title{font-size:18px}.speaking-exercise-panel{flex:1;min-height:0;padding:16px}.mic-button{width:72px;height:72px}.mic-shell{width:96px;height:96px}.review-circle{width:64px;height:64px}}@media (max-width:480px){.speaking-container{height:auto;min-height:300px;overflow-y:auto}.speaking-hero{padding:16px 12px}.speaking-instruction{padding:10px 12px;font-size:13px}.speaking-prompt-item{margin-bottom:10px;padding:10px 12px}.speaking-topic-item{margin-bottom:10px;padding:12px}.speaking-topic-card{padding:16px}.speaking-topic-card-title{font-size:16px}.speaking-exercise-panel{flex:1;min-height:0;padding:12px}.mic-button{width:64px;height:64px}.mic-shell{width:80px;height:80px}.review-circle{width:56px;height:56px}}@media (prefers-color-scheme:dark){.speaking-container{background:var(--surface-white)}.speaking-block-wrapper{border-color:var(--border-color)}.speaking-prompt-item{background:var(--surface-white);border-color:var(--border-color)}.speaking-prompt-question{background:var(--surface-white);color:var(--text-primary)}.speaking-topic-item{background:var(--surface-white);border-color:var(--border-color)}.speaking-topic-title{color:var(--text-primary)}.speaking-topic-question{background:var(--surface-white);color:var(--text-primary)}.speaking-scenario-item{background:var(--surface-white);border-color:var(--border-color)}.speaking-candidate-info{background:var(--tertiary-container);border-color:var(--tertiary)}.speaking-candidate-title,.speaking-candidate-theme,.speaking-candidate-label{color:var(--on-tertiary-container)}.speaking-candidate-option,.speaking-candidate-point{background:var(--surface-white);color:var(--text-primary)}.speaking-candidate-point{color:var(--tertiary)}.speaking-topic-card{background:var(--primary-container);border-color:var(--primary)}.speaking-topic-card-title,.speaking-topic-card-desc,.speaking-topic-card-bullets,.speaking-topic-card-followup-label{color:var(--text-primary)}.speaking-topic-card-followup-q,.speaking-instruction{background:var(--surface-white);color:var(--text-primary)}.speaking-timer-display,.speaking-recording-status{color:var(--text-primary)}.speaking-ai-feedback{border-color:var(--border-color)}.speaking-feedback-header h4,.speaking-feedback-details p{color:var(--text-primary)}.btn-secondary{background:var(--surface-white);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--invictus-red)}}.invictus-flashcard-session-layout{width:100%;max-height:100vh;display:flex}.flashcard-main-content{background:var(--bg-app);flex:1;width:100%;padding:20px 20px 50px;overflow:auto}.flashcard-main-content-inner{box-sizing:border-box;max-width:1400px;padding:0}.content-grid{grid-template-columns:320px 1fr;align-items:center;gap:32px;display:grid;overflow:auto}.session-config{background:var(--surface-white);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:20px;padding:24px;display:flex}.config-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);font-size:11px;font-weight:800}.config-item{background:var(--primary);border-radius:var(--radius-sm);border:1px solid #0000000d;margin-top:8px;padding:16px}.config-label{color:var(--text-light);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.level-selector{flex-wrap:wrap;gap:8px;display:flex}.level-btn{background:var(--surface-white);border:2px solid var(--border-color);border-radius:var(--radius-sm);text-transform:uppercase;cursor:pointer;color:var(--text-primary);flex:1;padding:12px 16px;font-size:11px;font-weight:700;transition:all .2s}.level-btn:hover{border-color:var(--primary);color:var(--text-primary)}.level-btn.active{background:var(--surface-white);border-color:var(--primary);color:var(--text-primary)}.topic-select{border:2px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--invictus-slate);cursor:pointer;background:#fff;padding:12px;font-size:14px;font-weight:600;transition:border-color .2s}.topic-select:hover{border-color:var(--primary)}.topic-select:focus{border-color:var(--primary);outline:none}.word-slider{background:var(--border-color);appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.word-slider::-webkit-slider-thumb{appearance:none;background:var(--surface-white);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s}.word-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.word-slider::-moz-range-thumb{background:var(--surface-white);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.slider-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.slider-value{color:var(--primary);font-size:14px;font-weight:700}.slider-labels{color:#fff;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.start-session-btn{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:10px;padding:18px;font-weight:800;transition:transform .2s}.start-session-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #af101a33}.start-session-btn:disabled{background:var(--border-color);cursor:not-allowed;opacity:.7}.flashcard-section{top:var(--stage-padding);height:calc(100vh - 150px - (var(--stage-padding) * 2));flex-direction:column;display:flex;position:sticky;overflow:hidden}.flashcard-counter{z-index:10;text-align:center;position:absolute;top:16px;left:50%;transform:translate(-50%)}.counter-text{color:var(--invictus-slate);letter-spacing:.05em;font-size:14px;font-weight:700}.counter-divider{color:var(--text-primary);margin:0 4px}.flashcard-section-header{text-align:center;flex-shrink:0;margin-bottom:16px;position:relative}.flashcard-section-title{color:var(--invictus-slate);margin:0 0 4px;font-size:24px;font-weight:800}.flashcard-section-subtitle{color:var(--text-primary);margin:0;font-size:14px;font-weight:500}.flashcard-header-actions{align-items:center;gap:12px;display:flex;position:absolute;top:0;right:0}.my-words-btn{color:#673ab7;cursor:pointer;background:#673ab71a;border:1px solid #673ab74d;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.my-words-btn:hover{background:#673ab733;border-color:#673ab780}.my-words-btn .material-symbols-outlined{font-size:18px}.flashcard-container{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;perspective:1000px;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:500px;margin:16px 0;display:flex;position:relative;box-shadow:0 8px 30px #0000000a}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flashcard-container.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.flashcard-back{transform:rotateY(180deg)}.flashcard-term{color:var(--invictus-slate);text-align:center;font-size:clamp(32px,8vh,80px);font-weight:900}.flashcard-divider{background:var(--surface-white);width:80px;height:4px;margin:24px 0}.flashcard-hint{color:var(--text-primary);text-align:center;padding:0 20px;font-size:14px}.flashcard-definition,.flashcard-example-translation{text-align:center;animation:.3s ease-in-out fadeIn}.flashcard-example-translation{flex-direction:column;gap:24px;display:flex}.definition-label,.example-label{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:700}.definition-text,.example-text{color:var(--invictus-slate);font-size:18px;font-weight:500;line-height:1.6}.flashcard-translation{text-align:center;animation:.3s ease-in-out fadeIn}.translation-label{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:12px;font-size:11px;font-weight:700}.translation-text{color:var(--invictus-slate);font-size:24px;font-style:italic;font-weight:600;line-height:1.6}.flashcard-nav-arrow{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;z-index:10;opacity:1;width:48px;height:48px;color:var(--invictus-slate);background:#ffffffe6;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:16px}.flashcard-nav-arrow:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#fff;transform:scale(1.1)}.flashcard-nav-arrow:disabled{opacity:.3;cursor:default}.flashcard-nav-prev{left:calc(50% - 60px)}.flashcard-nav-next{right:calc(50% - 60px)}.flashcard-nav-arrow .material-symbols-outlined{font-size:24px;font-weight:700}.flashnav{margin:auto}.srs-controls{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.srs-btn{background:var(--surface-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:20px;transition:all .2s}.srs-btn:hover{background:var(--border-color);transform:translateY(-2px)}.srs-label{text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800;display:block}.grid-texture{opacity:.04;pointer-events:none;background-image:radial-gradient(var(--on-background) 1px, transparent 1px);background-size:30px 30px;position:absolute;inset:0}.material-symbols-outlined{color:#000}.mobile-menu-trigger{z-index:10;background:var(--surface-white);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:none;position:absolute;top:0;right:0;box-shadow:0 4px 12px #00000026}.mobile-menu-trigger:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.mobile-menu-trigger .material-symbols-outlined{font-size:24px}.mobile-menu-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.mobile-menu-panel{background:var(--bg-app);z-index:300;flex-direction:column;width:85%;max-width:360px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 24px #00000026}.mobile-menu-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mobile-menu-title{color:var(--invictus-slate);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:16px;font-weight:800}.mobile-menu-close{cursor:pointer;width:40px;height:40px;color:var(--invictus-slate);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-menu-close:hover{background:var(--border-color)}.mobile-menu-close .material-symbols-outlined{font-size:24px}.mobile-menu-content{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex}.mobile-menu-content .config-label{color:#fff}.mobile-menu-content .level-btn{background:#fff}.mobile-menu-content .slider-labels{color:#fff}.mobile-menu-panel .protocol-section{border-top:1px solid var(--border-color);flex-shrink:0;padding:20px 24px}.mobile-menu-panel .protocol-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mobile-menu-panel .protocol-dot{background:var(--surface-white);border-radius:50%;width:8px;height:8px}.mobile-menu-panel .protocol-label{text-transform:uppercase;color:var(--primary);font-size:11px;font-weight:700}.mobile-menu-panel .protocol-text{color:var(--text-primary);margin:0;font-size:12px;line-height:1.5}@media (max-width:768px){.content-grid{grid-template-columns:1fr}.session-config{display:none}.mobile-menu-trigger{display:flex}.flashcard-container{min-height:300px}.flashcard-section{flex-direction:column;order:1;justify-content:center;height:calc(100vh - 53px);margin-top:0;padding:20px;display:flex}.flashcard-main-content{padding:0;overflow:auto}.flashcard-term{font-size:clamp(20px,5vh,50px)}.flashcard-section-header{flex-direction:column;align-items:center;gap:8px;padding:0 40px;display:flex}.flashcard-section-title{text-align:center;width:100%;font-size:20px}.flashcard-header-actions{justify-content:center;width:100%;position:static}.flashnav{margin:53px 0 0}}.carousel-nav-arrows{gap:4px;margin:auto;display:flex}.carousel-nav-arrow{border:1px solid var(--border-color);background:var(--surface-white);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-nav-arrow:hover:not(:disabled){background:var(--surface-white);border-color:var(--primary);color:var(--primary)}.xp-badge{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.xp-badge.paused{filter:grayscale();opacity:.6;background:#6b72801a;border-color:#6b728033;transform:scale(.95)}.xp-badge span{color:var(--xp-amethyst);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.xp-badge.active-pulse{animation:2s ease-in-out infinite xp-pulse}@keyframes xp-pulse{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.invictus-brand{margin-bottom:2rem}.invictus-brand-title{color:var(--primary);font-size:1.5rem;font-weight:800}.invictus-brand-subtext{opacity:.5;font-size:.7rem}.invictus-nav{flex-direction:column;gap:.5rem;display:flex}@media (max-width:1268px){.invictus-sidebar{display:none!important}}.invictus-nav-item-exit{opacity:.5;margin-top:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;padding:16px 18px 6px;font-size:10px;font-weight:800}.invictus-nav-item-level.active{color:#8b0000;background:#ffffff26}.invictus-xp-badge-container{margin-top:auto}.exit-btn-icon{transform:rotate(180deg)}.invictus-header{background:var(--primary);border-bottom:2px solid var(--primary);z-index:100;grid-area:1/1/auto/-1;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.invictus-header-left{align-items:center;gap:12px;display:flex}.invictus-header-center{justify-content:center;align-items:center;display:flex}.invictus-header-right{align-items:center;gap:12px;display:flex}.header-tabs{align-items:center;gap:4px;display:flex}.header-tab{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:14px;font-weight:600;transition:all .2s}.header-tab:hover{color:var(--primary);background:#fff}.invictus-logo{color:var(--invictus-slate);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.invictus-logo svg{color:var(--primary)}.header-tab.active{color:var(--primary);background:#fff}.header-subtabs{border-left:1px solid var(--border-color);align-items:center;gap:4px;margin-left:12px;padding-left:12px;display:flex}.header-subtab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.header-subtab:hover{color:var(--primary);background:#d32f2f1a}.header-subtab.active{background:var(--primary-pale);color:var(--primary);font-weight:600}.mobile-menu-trigger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:background .2s;display:none}.mobile-menu-trigger:hover{background:#ffffff26}.mobile-nav-overlay{display:none}@media (max-width:1268px){.mobile-menu-trigger{justify-content:center;align-items:center;display:flex}}.profile-dropdown-container{position:relative}.profile-trigger{cursor:pointer;background:0 0;border:none;padding:0}.profile-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.profile-avatar-fallback{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.profile-dropdown{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:1000;background:#fff;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.profile-dropdown-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.profile-dropdown-item:hover{background:var(--surface-white)}.profile-dropdown-item .material-symbols-outlined{color:var(--secondary-color);font-size:18px}@media (max-width:1268px){.mobile-nav-overlay{z-index:900;pointer-events:none;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;inset:0}.mobile-nav-overlay.is-open{pointer-events:all}.mobile-nav-overlay:after{content:"";opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:absolute;inset:0}.mobile-nav-overlay.is-open:after{opacity:1}.mobile-nav-panel{z-index:1;background:var(--primary);flex-direction:column;gap:8px;width:280px;max-width:85vw;min-height:100vh;padding:40px 20px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translate(-100%)}.mobile-nav-overlay.is-open .mobile-nav-panel{transform:translate(0)}.mobile-nav-brand{margin-bottom:32px}.mobile-nav-brand .invictus-brand-title{color:#fff}.mobile-nav-brand .invictus-brand-subtext{color:#ffffffa6;opacity:1}.mobile-nav-item{border-radius:var(--radius-md);color:#fffc;cursor:pointer;font-family:var(--invictus-font);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.mobile-nav-item:hover{color:#fff;background:#ffffff1a}.mobile-nav-item.active{color:#fff;background:#fff3}.mobile-nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;padding:16px 18px 6px;font-size:10px;font-weight:800}.mobile-nav-item-level.active{color:#fff;background:#ffffff26}}.landing-page{background:var(--invictus-red);color:var(--text-primary);min-width:0;font-family:var(--font-secondary)}.lp-navbar{z-index:100;background:var(--primary);box-shadow:0 2px 10px var(--shadow-medium);position:fixed;top:0;left:0;right:0}.lp-nav-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.lp-logo{color:#fff;letter-spacing:-.03em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:800;display:flex}.lp-logo svg{color:var(--primary-color)}.lp-nav-desktop{align-items:center;gap:2rem;display:flex}.lp-nav-links{align-items:center;gap:1.5rem;display:flex}.lp-nav-link{font-family:var(--font-primary);letter-spacing:.03em;text-transform:uppercase;color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.9rem;font-weight:600;transition:color .2s,border-bottom .2s}.lp-nav-link:hover,.lp-nav-link--active{color:#fff;border-bottom:2px solid var(--primary-color)}.lp-nav-actions{flex-shrink:0;align-items:center;gap:1.25rem;display:flex}.lp-btn-ghost{font-family:var(--font-primary);color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;transition:color .2s}.lp-btn-ghost:hover{color:#fff}.lp-btn-primary{background:var(--primary-color);color:#fff;border-radius:var(--border-radius-md);font-family:var(--font-primary);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;padding:.7rem 1.8rem;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 12px #d32f2f66}.lp-btn-primary:hover{background:var(--primary-dark-color);transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f80}.lp-nav-actions [data-clerk-user-button] button{background:var(--primary-color);color:#fff;box-shadow:0 0 0 2px var(--primary-color);border:2px solid #fff;border-radius:50%;overflow:hidden}.lp-main{padding-top:5.5rem}.lp-hero{background-color:var(--surface-white);padding:5rem 2rem 6rem;position:relative;overflow:hidden}.lp-hero-background-image{background:var(--primary);opacity:.3;z-index:0;background-image:url(/assets/building-diagram1-B_6bcAJs.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.lp-hero-inner{z-index:1;color:#fff;grid-template-columns:1.25fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.lp-hero-left{flex-direction:column;display:flex}.lp-hero-title{font-family:var(--font-primary);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 1.8rem;font-size:3.8rem;font-weight:900;line-height:1.1}.lp-hero-title-accent{color:var(--primary)}.lp-hero-subtext{color:var(--text-primary);max-width:600px;margin-bottom:3rem;font-size:1.15rem;line-height:1.7}.lp-level-cards{background:var(--surface-white);grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.lp-level-card{border-radius:var(--border-radius-md);text-align:center;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;padding:1.5rem 1.25rem 1.8rem;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.lp-level-card:hover{box-shadow:0 12px 30px var(--shadow-medium);border-color:var(--primary-color);background:#ffffff1f;transform:translateY(-5px)}.lp-level-card-tag{color:var(--primary-color);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem;font-size:1rem;font-weight:800}.lp-level-card-label{color:var(--text-primary);letter-spacing:.03em;margin-bottom:1.25rem;font-size:.85rem}.lp-btn-level{background:var(--primary-color);color:#fff;border-radius:var(--border-radius-sm);width:100%;font-family:var(--font-primary);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;padding:.7rem .75rem;font-size:.8rem;font-weight:700;transition:background .2s,transform .1s}.lp-btn-level:hover{color:var(--primary);border:1px solid var(--primary);background:#fff;transform:translateY(-1px)}.lp-hero-right{flex-direction:column;justify-content:center;align-items:center;display:flex}.lp-cta-box{background:var(--primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;max-width:450px;box-shadow:0 16px 40px var(--shadow-medium);z-index:1;text-align:left;padding:2.5rem 2.25rem;position:relative}.lp-cta-title{color:#fff;letter-spacing:-.01em;font-size:1.8rem;font-weight:800;font-family:var(--font-primary);margin-bottom:.8rem}.lp-cta-subtext{color:#fff;margin-bottom:2rem;font-size:1rem;line-height:1.6}.lp-mock-buttons{flex-direction:column;gap:.8rem;display:flex}.lp-mock-btn{background:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;font-family:var(--font-primary);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;font-size:.9rem;font-weight:700;transition:background .25s,color .25s,border-color .25s,transform .15s;display:flex}.lp-mock-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translate(4px)}.lp-mock-btn-arrow{font-size:1.2rem;transition:transform .2s}.lp-mock-btn:hover .lp-mock-btn-arrow{transform:translate(4px)}.lp-features{background:var(--bg-app);padding:6rem 2rem}.lp-features-inner{max-width:1200px;margin:0 auto}.lp-section-header{text-align:center;margin-bottom:4rem}.lp-section-eyebrow{font-family:var(--font-primary);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.lp-section-title{font-family:var(--font-primary);letter-spacing:-.02em;color:var(--text-primary);margin-top:.75rem;font-size:2.8rem;font-weight:900}.lp-feature-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.lp-feature-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 6px 16px var(--shadow-light);text-align:center;padding:2.5rem;transition:transform .2s,box-shadow .2s,border-color .2s}.lp-feature-card:hover{box-shadow:0 16px 40px var(--shadow-medium);border-color:var(--primary-color);transform:translateY(-8px)}.lp-feature-icon{background:#d32f2f1a;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1.5rem;display:flex}.lp-feature-icon svg{color:var(--primary-color)}.lp-feature-icon--teal{background:#0068551a}.lp-feature-icon--teal svg{color:var(--accent-color)}.lp-feature-icon--rose{background:#d32f2f1a}.lp-feature-icon--rose svg{color:var(--primary-color)}.lp-feature-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.25rem;font-weight:700;font-family:var(--font-primary);margin-bottom:.9rem}.lp-feature-desc{color:var(--text-secondary);max-width:300px;margin:0 auto;font-size:.95rem;line-height:1.7}.lp-teacher-note{background:var(--bg-app);max-width:1000px;margin:0 auto;padding:6rem 2rem}.lp-teacher-inner{background:var(--surface-white);border:1px solid var(--border-color);text-align:center;box-shadow:0 10px 30px var(--shadow-light);border-radius:1.5rem;padding:3.5rem 3.5rem 3rem;position:relative}.lp-teacher-quote-mark{opacity:.2;justify-content:center;margin-bottom:1rem;display:flex}.lp-teacher-quote-mark svg{color:var(--primary-color)}.lp-teacher-quote{font-family:var(--font-secondary);color:var(--text-primary);max-width:700px;margin:0 auto 2rem;font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.75}.lp-teacher-attribution{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);justify-content:center;align-items:center;gap:1.2rem;font-size:.85rem;font-weight:700;display:flex}.lp-teacher-rule{background:var(--primary-color);border-radius:1px;flex-shrink:0;width:3rem;height:2px;display:block}@media (max-width:1024px){.lp-nav-inner{padding:1rem 1.5rem}.lp-hero-inner{grid-template-columns:1fr;gap:4rem}.lp-hero-left,.lp-hero-right{text-align:center;align-items:center}.lp-hero-title{font-size:3rem}.lp-hero-subtext{max-width:700px;margin-left:auto;margin-right:auto}.lp-level-cards{grid-template-columns:repeat(3,1fr);gap:1rem;width:auto;max-width:none;margin:0 auto}.lp-cta-box{max-width:500px;padding:2rem}.lp-section-title{font-size:2.2rem}.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-teacher-quote{font-size:1.1rem}}@media (max-width:768px){.lp-nav-desktop{display:none}.lp-nav-mobile{display:flex}.lp-hero{padding:4rem 1.5rem 5rem}.lp-hero-title{margin-bottom:1.2rem;font-size:2.5rem}.lp-hero-subtext{margin-bottom:2.5rem;font-size:1rem}.lp-level-cards{grid-template-columns:1fr 1fr;width:100%;padding:20px}.lp-cta-title{font-size:1.5rem}.lp-features{padding:4rem 1.5rem}.lp-section-title{font-size:1.8rem}.lp-feature-grid{grid-template-columns:1fr}.lp-teacher-note{padding:4rem 1.5rem}.lp-teacher-inner{padding:2.5rem 1.5rem}.lp-teacher-quote{font-size:1rem}}@media (max-width:480px){.lp-logo{font-size:1.1rem}.lp-hero{padding-left:1rem;padding-right:1rem}.lp-hero-title{font-size:2rem}.lp-cta-box{padding:1.5rem}.lp-mock-btn{padding:.75rem 1rem;font-size:.85rem}.lp-feature-card{padding:1.5rem}.lp-feature-title{font-size:1.1rem}}.lp-nav-desktop{display:flex}.lp-nav-mobile{display:none}@media (max-width:1024px){.lp-nav-desktop{display:none}.lp-nav-mobile{align-items:center;display:flex}}.lp-hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.lp-mobile-menu{background:var(--bg-app);z-index:110;flex-direction:column;gap:2rem;width:75%;max-width:300px;height:100vh;padding:2.5rem 2rem;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 15px #0000004d}.lp-mobile-menu.open{transform:translate(0)}.lp-mobile-menu-links{flex-direction:column;gap:1.2rem;display:flex}.lp-mobile-nav-link{font-family:var(--font-primary);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:.5rem 0;font-size:1.2rem;font-weight:600;transition:color .15s}.lp-mobile-nav-link:hover{color:#fff;border-left:3px solid var(--primary-color);padding-left:.5rem}.lp-mobile-menu-actions{flex-direction:column;align-items:stretch;gap:1.2rem;margin-top:auto;display:flex}.lp-mobile-btn-ghost,.lp-mobile-btn-primary{text-align:center;width:100%;padding:.9rem;font-size:.95rem}.lp-mobile-btn-ghost{font-family:var(--font-primary);color:#fff;border-radius:var(--border-radius-md);background:0 0;border:1px solid #fff6;font-weight:600;transition:background .2s,border-color .2s}.lp-mobile-btn-ghost:hover{background:#ffffff1a;border-color:#fff}.lp-mobile-btn-primary{background:var(--primary-color);color:#fff;border-radius:var(--border-radius-md);font-family:var(--font-primary);letter-spacing:.04em;text-transform:uppercase;border:none;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 12px #d32f2f66}.lp-mobile-btn-primary:hover{background:var(--primary-dark-color);transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f80}.lp-mobile-user-button{justify-content:center;width:100%}.pricing-page{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary)}.pricing-hero{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:4rem 2rem}.pricing-hero h1{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.pricing-subtitle{opacity:.9;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.pricing-value-props{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.pricing-prop{color:#fff;align-items:center;gap:.5rem;font-size:1rem;display:flex}.pricing-prop svg{width:1.25rem;height:1.25rem}.pricing-tiers{max-width:1200px;margin:0 auto;padding:3rem 2rem}.pricing-tiers h2{text-align:center;color:var(--text-primary);margin-bottom:2.5rem;font-size:2rem;font-weight:700}.pricing-cards{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.pricing-card{background:#fff;border-radius:1rem;width:280px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.pricing-card.popular{border:2px solid var(--primary);transform:scale(1.03)}.pricing-card-header{text-align:center;padding:1.5rem;position:relative}.pricing-card-header h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.pricing-price{color:var(--primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.pricing-period{opacity:.7;font-size:.875rem;font-weight:500}.pricing-badge{background:var(--primary);color:#fff;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.pricing-card-body{padding:1.5rem}.pricing-description{color:var(--neutral-gray);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.pricing-features{margin:0 0 2rem;padding:0;list-style:none}.pricing-features li{color:var(--text-primary);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.feature-check{color:var(--primary);font-weight:700}.pricing-cta-button{background:var(--primary);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:background .2s;display:block}.pricing-cta-button:hover{background:#c53030}.pricing-testimonials{background:var(--bg-muted);padding:3rem 2rem}.pricing-testimonials h2{text-align:center;color:var(--text-primary);margin-bottom:2.5rem;font-size:2rem;font-weight:700}.testimonials-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.testimonial-card{background:#fff;border-radius:.75rem;width:280px;padding:1.5rem;box-shadow:0 2px 10px #00000014}.testimonial-card p{color:var(--text-primary);margin-bottom:1rem;font-style:italic;line-height:1.6}.testimonial-author{color:var(--neutral-gray);font-size:.9rem;font-weight:600}.pricing-faq{max-width:800px;margin:0 auto;padding:3rem 2rem}.pricing-faq h2{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:2rem;font-weight:700}.faq-items{flex-direction:column;gap:1rem;display:flex}.faq-item{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000000f}.faq-question{background:var(--bg-muted);color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600}.faq-answer{color:var(--text-primary);padding:1.25rem 1.5rem;font-size:.95rem;line-height:1.6}.pricing-footer{text-align:center;background:var(--bg-muted);padding:3rem 2rem}.pricing-footer p{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem}.pricing-footer-cta{background:var(--primary);color:#fff;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.pricing-footer-cta:hover{background:#c53030}@media (max-width:768px){.pricing-hero{padding:3rem 1.5rem}.pricing-hero h1{font-size:2rem}.pricing-subtitle{font-size:1.1rem}.pricing-value-props{flex-direction:column;align-items:center;gap:1rem}.pricing-tiers{padding:2rem 1rem}.pricing-tiers h2{font-size:1.75rem}.pricing-card{width:100%;max-width:320px}.pricing-card.popular{transform:none}.testimonials-container{flex-direction:column;align-items:center}.testimonial-card{width:100%;max-width:320px}}.sitemap-page{max-width:1000px;color:var(--text-primary);background:var(--bg-elevated);min-height:100vh;margin:0 auto;padding:48px 24px 80px;font-family:Plus Jakarta Sans,sans-serif}.sitemap-header{border-bottom:1px solid var(--border-color);margin-bottom:48px;padding-bottom:32px}.sitemap-header h1{color:var(--primary);margin:0 0 8px;font-size:36px;font-weight:800}.sitemap-header p{color:var(--text-secondary);margin:0;font-size:16px}.sitemap-section{margin-bottom:56px}.sitemap-section>h2{color:var(--text-primary);align-items:center;gap:12px;margin:0 0 25px;font-size:18px;font-weight:700;display:flex}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;align-items:center;padding:3px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-public{color:#15803d;background:#dcfce7}.badge-protected{color:#92400e;background:#fef3c7}.sitemap-section .sitemap-group{margin-bottom:36px}.sitemap-section .sitemap-group h3{color:var(--text-muted);letter-spacing:.02em;margin:0 0 14px;font-size:15px;font-weight:600}.sitemap-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px 26px;box-shadow:0 1px 4px #0000000a}.sitemap-card h3{color:var(--text-primary);margin:0 0 12px;font-size:15px;font-weight:700}.sitemap-card ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.sitemap-card li{font-size:14px;line-height:1.6}.sitemap-card li.path-label{color:var(--text-muted);background:var(--bg-subtle);border-radius:var(--radius-sm);margin-bottom:4px;padding:2px 10px;font-family:Courier New,Courier,monospace;font-size:12px;display:inline-block}.sitemap-card a{color:var(--primary);font-weight:500;text-decoration:none;transition:opacity .15s}.sitemap-card a:hover{opacity:.85;text-decoration:underline}.sitemap-footer{border-top:1px solid var(--border-color);padding-top:24px}.sitemap-footer p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.7}.sitemap-footer code{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:4px;padding:2px 6px;font-size:12px}@media (max-width:640px){.sitemap-page{padding:32px 16px 60px}.sitemap-header h1{font-size:28px}.sitemap-card{padding:18px 20px}}