@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}:focus-visible{outline-offset:2px;outline:2px solid #2563eb}:root{--invictus-red:#b80035;--invictus-red-dark:#8a0025;--invictus-red-pale:#fff0f0;--invictus-slate:#281718;--surface-white:#fff;--xp-amethyst:#8b5cf6;--xp-amethyst-pale:#8b5cf61a;--success-mint:#10b981;--warning-amber:#f59e0b;--bg-app:#f9fafb;--neutral-gray:#6b7280;--border-color:#e5e7eb;--border-light:#f3f4f6;--border-focus:var(--invictus-red);--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-subtle:#f1f5f9;--bg-red-subtle:#d32f2f08;--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:260px;--max-content-width:1400px;--instruction-bg:var(--invictus-red-pale);--instruction-border:var(--invictus-red);--instruction-text:var(--invictus-red-dark);--surface-container-lowest:#fff;--surface-container-low:#fff0f0;--surface-container:#ffe9e9;--surface-container-high:#ffe1e1;--surface-container-highest:#fbdbdb;--surface-bright:#fff8f7;--surface-dim:#f2d3d3;--primary:#b80035;--primary-container:#e11d48;--on-primary:#fff;--on-primary-container:#fffaf9;--primary-fixed:#ffdada;--primary-fixed-dim:#ffb3b6;--secondary:#a83544;--secondary-container:#fd7681;--on-secondary:#fff;--on-secondary-container:#710920;--secondary-fixed:#ffdada;--secondary-fixed-dim:#ffb3b6;--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;--surface-variant:#fbdbdb;--on-surface-variant:#5c3f40;--outline:#906f70;--outline-variant:#e5bdbe;--on-surface:#281718;--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{background:var(--bg-app);color:var(--invictus-slate);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}.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}.xp-badge{background:var(--xp-amethyst-pale);border-radius:var(--radius-full);border:1px solid #8b5cf633;align-items:center;gap:8px;padding:6px 14px;display:flex}.xp-text{color:var(--xp-amethyst);letter-spacing:-.01em;font-size:14px;font-weight:800}@media (prefers-color-scheme:dark){:root{--invictus-red-pale:#1e293b;--bg-app:#0f172a;--surface-white:#1e293b;--border-color:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--invictus-slate:#f8fafc}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:100vw;max-height:100vh;display:grid;overflow:auto}.invictus-app-shell.high-focus-layout{grid-template-columns:1fr}.invictus-sidebar{color:#fff;z-index:50;background:0 0;border-right:1px solid #ffffff0d;flex-direction:column;grid-area:2/1;height:80vh;padding:80px 24px 40px;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(--invictus-red);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:#94a3b8;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:#fff;background:#ffffff0d;transform:translate(4px)}.invictus-nav-item.active{background:var(--invictus-red);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(--invictus-red)}.invictus-main-content{background:var(--bg-app);flex-direction:column;grid-row:2;width:100%;min-width:0;min-height:92vh;display:flex}.invictus-workspace{width:100%;max-width:var(--max-content-width);flex:1;margin:0 auto;padding:40px;overflow-y:auto}.high-focus-layout .invictus-workspace{max-width:900px}.invictus-header{background:var(--invictus-red-pale);border-bottom:2px solid var(--invictus-red-pale);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:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.header-tab:hover{background:var(--invictus-red-pale);color:var(--invictus-red)}.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(--invictus-red)}@media (max-width:768px){.invictus-header{flex-wrap:nowrap;gap:8px;height:auto;min-height:56px;padding:0 16px}.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}.invictus-logo{font-size:.95rem}}.header-tab.active{background:var(--invictus-red);color:#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(--invictus-red);background:#d32f2f1a}.header-subtab.active{background:var(--invictus-red-pale);color:var(--invictus-red);font-weight:600}.invictus-nav-item{border-radius:var(--radius-md);color:#94a3b8;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{color:#fff;background:#ffffff0d}.invictus-nav-item.active{background:var(--invictus-red);color:#fff}.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{margin-bottom:2rem}.invictus-brand-title{color:var(--invictus-red);font-size:1.5rem;font-weight:800}.invictus-brand-subtext{opacity:.5;text-transform:uppercase;font-size:.7rem}.invictus-engine-container{flex:1;width:100%;margin:0 auto;padding:0 20px;overflow-y:auto}.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:768px){.invictus-app-shell{grid-template-columns:1fr}.invictus-sidebar{display:none}.invictus-workspace{padding:24px 24px 100px}.invictus-header{flex-wrap:nowrap;gap:8px;max-width:100%;min-height:56px;padding:0 16px}.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(--invictus-red)}}@media (max-width:480px){.invictus-app-shell{flex-direction:column;grid-template-columns:1fr;min-height:100vh;display:flex}.invictus-app-shell>*{grid-area:auto/1}.invictus-header{flex-flow:row;grid-area:1/1;justify-content:space-between;align-items:center;gap:4px;width:100%;height:auto;min-height:48px;padding:8px 12px;display:flex;position:relative}.invictus-header-left{flex:none;align-items:center;gap:8px;min-width:auto;display:flex}.invictus-header-right{flex:none;justify-content:flex-end;align-items:center;gap:8px;min-width:auto;display:flex}.invictus-header-center{flex:1;justify-content:center;min-width:0;padding-top:4px;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}}.invictus-engine-container{width:100%;height:100%}.landing-container{background-color:var(--bg-app,#0f172a);color:var(--text-primary,#f8fafc);width:100vw;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.5rem 5%;display:flex}.logo{color:var(--text-primary);align-items:center;gap:8px;font-size:1.2rem;font-weight:800;display:flex}.logo-box{background:var(--invictus-red);color:#fff;border-radius:4px;padding:2px 8px}.nav-actions .clerk-button{border:1px solid var(--invictus-red);color:var(--invictus-red);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.nav-actions .clerk-button:hover{background:var(--invictus-red);color:#fff}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.hero-badge{background:var(--invictus-red-pale);color:var(--invictus-red);border-radius:99px;margin-bottom:1rem;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}h1{margin-bottom:1rem;font-size:3rem;font-weight:900;line-height:1.1}.text-gradient{background:linear-gradient(90deg, var(--invictus-red), #ff6b6b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtext{color:var(--text-secondary,#94a3b8);max-width:500px;margin-bottom:1.5rem;font-size:1rem}.btn-primary{background:var(--invictus-red);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #d32f2f4d}.btn-primary:hover{background:var(--invictus-red-dark);transform:translateY(-2px)}.cta-hint{color:var(--text-secondary,#94a3b8);margin-top:10px;font-size:.8rem}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-cta-box{background:var(--surface-white,#1e293b);border:1px solid var(--border-color,#334155);border-radius:var(--radius-lg);text-align:center;max-width:360px;padding:2.5rem;box-shadow:0 20px 40px #0006}.hero-cta-box h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.hero-cta-box p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.hero-cta-box .btn-primary{align-items:center;gap:8px;display:inline-flex}.lab-card{background:var(--surface-white,#1e293b);border:1px solid var(--border-color,#334155);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 20px 40px #0006}.card-header{justify-content:space-between;margin-bottom:2rem;display:flex}.task-label{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.status-indicator{font-size:.7rem;font-weight:800}.status-indicator.active{color:var(--success-mint,#10b981)}.status-indicator.paused{color:#f43f5e}.xp-monitor{text-align:center;margin-bottom:2rem}.xp-value{color:var(--xp-amethyst,#8b5cf6);font-family:monospace;font-size:5rem;font-weight:900}.xp-sub{color:var(--text-secondary,#94a3b8);text-transform:uppercase;font-size:.7rem}.demo-block{background:var(--bg-app,#0f172a);border:1px solid var(--border-color,#334155);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px;font-size:.8rem}.focus-btn{border:1px dashed var(--invictus-red);width:100%;color:var(--invictus-red);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:1rem;font-weight:700}.demo-footer{text-align:center;color:var(--text-secondary,#94a3b8);margin-top:1rem;font-size:.7rem}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto;padding:5rem 5%;display:grid}.feature-card{padding:var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #d32f2f0a}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d32f2f14}.feature-card h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.feature-icon{margin-bottom:1rem}.hero-selection-cards{gap:20px;margin-top:30px;display:flex}.selection-card{border-radius:var(--radius-md);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;flex:1;padding:24px}.full-width{width:100%}.btn-text{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.9rem;font-weight:600;transition:color .2s}.btn-text:hover{color:var(--text-primary)}.btn-outline{border:1px solid var(--invictus-red);color:var(--invictus-red);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-outline:hover{background:var(--invictus-red);color:#fff}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .2s}.btn-secondary:hover{border-color:var(--invictus-red);color:var(--invictus-red)}.tiers-overview{background:var(--bg-elevated);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 5%;display:flex}.tier-info{align-items:center;gap:12px;display:flex}.tier-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.tier-tag{border-radius:4px;margin-right:10px;padding:2px 8px;font-size:10px;font-weight:700}.bronze{color:#fff;background:#cd7f32}.silver{color:#000;background:silver}.gold{color:#000;background:gold}.teacher-note{background:var(--instruction-bg);border:1px solid var(--instruction-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-2xl) 5%;max-width:1200px;margin-left:auto;margin-right:auto}.note-content h4{color:var(--instruction-text);margin-bottom:.5rem;font-size:1rem;font-weight:700}.note-content p{color:var(--text-secondary);margin:0;font-style:italic;line-height:1.6}@media (max-width:900px){.hero{text-align:center;grid-template-columns:1fr}.hero-subtext{margin:0 auto 2.5rem}h1{font-size:3rem}.features-grid{grid-template-columns:1fr}.hero-selection-cards{flex-direction:column}.tiers-overview{flex-direction:column;align-items:flex-start}}.ielts-hub-container{min-height:100vh;padding:20px 0 80px}.ielts-hero-banner{color:#fff;background:#8b0000;border-radius:24px;justify-content:space-between;align-items:center;margin:40px;padding:80px 60px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #d32f2f26}.ielts-hero-banner:after{content:"IELTS";color:#ffffff0d;pointer-events:none;font-size:240px;font-weight:900;line-height:1;position:absolute;bottom:-40px;right:-20px}.hero-content{z-index:2;max-width:600px;position:relative}.hero-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:6px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.hero-title{letter-spacing:-.03em;margin-bottom:20px;font-size:64px;font-weight:800;line-height:1.1}.hero-subtitle{opacity:.9;margin-bottom:40px;font-size:18px;font-weight:500;line-height:1.6}.hero-actions{gap:16px;display:flex}.btn-white{color:var(--invictus-red);background:#fff;border:none;border-radius:10px;padding:14px 28px;font-weight:700;transition:all .2s}.btn-outline-white{color:#fff;background:0 0;border:2px solid #ffffff4d;border-radius:10px;padding:12px 28px;font-weight:700;transition:all .2s}.level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;width:280px;padding:32px;position:relative}.ielts-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 40px;display:flex}.ielts-section-title{color:var(--invictus-slate);letter-spacing:-.02em;font-size:24px;font-weight:800}.quick-start-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;padding:0 40px;display:grid}.quick-card{border:1px solid var(--invictus-gray-200);cursor:pointer;background:#fff;border-radius:20px;padding:40px;transition:all .3s cubic-bezier(.16,1,.3,1)}.quick-card:hover{border-color:var(--invictus-red);transform:translateY(-8px);box-shadow:0 20px 40px #d32f2f0f}.quick-icon-box{background:var(--invictus-red-pale);width:48px;height:48px;color:var(--invictus-red);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.exam-archive-container{border:1px solid var(--invictus-gray-200);background:#fff;border-radius:16px;margin:0 40px 40px;padding:24px}.archive-controls{align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper input{background:var(--invictus-gray-100);width:100%;font-family:var(--invictus-font);border:1px solid #0000;border-radius:10px;padding:12px 16px 12px 40px;font-size:14px;font-weight:600;transition:all .2s}.search-input-wrapper input:focus{border-color:var(--invictus-red);background:#fff;outline:none;box-shadow:0 0 0 4px #d32f2f0d}.filter-tabs{background:var(--invictus-gray-100);border-radius:8px;padding:4px;display:flex}.filter-tab{color:var(--invictus-slate);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.filter-tab.active{color:var(--invictus-red);background:#fff;box-shadow:0 2px 8px #0000000d}.exam-list-item{border-bottom:1px solid var(--invictus-gray-100);align-items:center;padding:20px 24px;transition:background .2s;display:flex}.exam-list-item:last-child{border-bottom:none}.exam-list-item:hover{background:var(--invictus-red-pale)}.exam-id{color:var(--invictus-red);width:60px;font-size:16px;font-weight:800}.exam-info{flex:1}.exam-title{color:var(--invictus-slate);margin-bottom:4px;font-size:16px;font-weight:800}.exam-meta{color:#64748b;text-transform:uppercase;letter-spacing:.05em;gap:16px;font-size:12px;font-weight:600;display:flex}.btn-start-exam{background:var(--invictus-red);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:700;transition:all .2s}.btn-start-exam:hover{background:var(--invictus-red-dark);transform:translateY(-1px)}.precision-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:0 40px;display:grid}.hub-card{border:1px solid var(--invictus-gray-200);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.hub-header{border-bottom:1px solid var(--invictus-gray-100);align-items:flex-start;gap:20px;padding:32px;display:flex}.hub-body{flex:1;padding:32px}.hub-footer{background:var(--invictus-gray-100);padding:24px 32px}.btn-hub{border:1px solid var(--invictus-gray-200);width:100%;color:var(--invictus-slate);background:#fff;border-radius:10px;padding:14px;font-weight:700;transition:all .2s}.btn-hub:hover{border-color:var(--invictus-red);color:var(--invictus-red)}@media (max-width:1200px){.quick-start-grid,.precision-grid{grid-template-columns:1fr}}@media (max-width:480px){.ielts-hub-container{padding-bottom:40px}.ielts-hero-banner{border-radius:16px;margin:16px;padding:24px 16px}.ielts-hero-banner:after{font-size:80px;bottom:-20px;right:-10px}.hero-title{font-size:28px;line-height:1.2}.hero-subtitle{margin-bottom:20px;font-size:14px}.hero-badge{margin-bottom:12px;padding:4px 8px;font-size:10px}.hero-actions{flex-direction:column;gap:12px}.btn-white,.btn-outline-white{text-align:center;width:100%;padding:12px 20px;font-size:14px}.level-card{border-radius:12px;width:100%;margin-top:20px;padding:20px}.ielts-section-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;padding:0 16px}.ielts-section-title{font-size:18px}.quick-start-grid{grid-template-columns:1fr;gap:12px;margin-bottom:40px;padding:0 16px}.quick-card{border-radius:12px;flex-direction:row;align-items:center;gap:16px;padding:20px;display:flex}.quick-icon-box{flex-shrink:0;width:40px;height:40px;margin-bottom:0}.quick-card h3{margin:0;font-size:14px}.quick-card p{margin:4px 0 0;font-size:12px;display:none}.exam-archive-container{border-radius:16px;margin:0 16px 40px;padding:20px}.archive-controls{flex-direction:column;align-items:stretch;gap:12px}.search-input-wrapper input{padding:12px 16px 12px 40px;font-size:14px}.archive-filters{flex-wrap:wrap;gap:8px}.filter-chip{padding:6px 12px;font-size:12px}.exam-list{gap:12px}.exam-card{border-radius:10px;padding:12px}.exam-card-header{flex-direction:column;align-items:flex-start;gap:8px}.exam-title{font-size:14px}.exam-meta{font-size:12px}.exam-card-body{margin-top:12px}.exam-stats{flex-wrap:wrap;gap:12px}.stat-item{font-size:12px}.exam-tags{flex-wrap:wrap;gap:6px;margin-top:12px}.exam-tag{padding:4px 8px;font-size:10px}.exam-card-footer{margin-top:16px;padding-top:12px}.btn-start-exam{width:100%;padding:8px 10px;font-size:12px}.precision-grid{grid-template-columns:1fr;gap:12px;margin-bottom:40px;padding:0 16px}.hub-card{border-radius:12px;padding:16px}.hub-header{flex-direction:row;align-items:center;gap:12px;margin-bottom:8px}.hub-card .quick-icon-box{width:36px;height:36px}.hub-card .exam-title{margin-bottom:0;font-size:24px}.hub-body{font-size:12px}.hub-footer{margin-top:12px}.btn-hub{width:100%;padding:10px;font-size:12px}.ielts-hero-banner{flex-direction:column;align-items:flex-start;gap:20px}}:root{--invictus-red:#e11d48;--on-surface:#1f1b1b;--on-surface-variant:#534343;--bg-subtle:#fcf8f8;--border-subtle:#00000014;--font-mono:"JetBrains Mono", monospace}.invictus-vocab-hub{max-width:1400px;color:var(--on-surface);margin:0 auto;padding:2rem}.invictus-hub-header{border-left:2px solid var(--invictus-red);margin-bottom:3rem;padding-left:1.5rem}.header-top{align-items:center;gap:1.5rem;display:flex}.invictus-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}.hero-section{margin-bottom:4rem}.hero-card{color:#fff;background:#111;grid-template-columns:1fr 300px;padding:3rem;display:grid}.engine-badge{background:var(--invictus-red);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;display:flex}.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}.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{border:1px solid var(--border-subtle);cursor:pointer;background:#fff;border-left:4px solid #d1d5db;padding:1.5rem;transition:all .2s}.prof-card.active{border-left-color:var(--invictus-red)}.prof-card:hover{background:var(--bg-subtle);transform:translate(4px)}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.card-top h3{margin:0;font-size:1.1rem;font-weight:800}.card-top p{color:var(--on-surface-variant);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(--invictus-red);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(--invictus-red);margin-top:1rem;font-size:10px;font-weight:800}.section-heading{letter-spacing:.1em;opacity:.8;margin-bottom:2rem;font-size:1.25rem;font-weight:900}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.topic-card-minimal{border:1px solid var(--border-subtle);background:#fff;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);width:36px;height:36px;color:var(--invictus-red);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.accent{color:#fff;background:#000}.topic-actions button:hover{background:var(--invictus-red);color:#fff}.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}}.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}}.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}}.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(--on-surface,#1c1b1b);border-right:1px solid #d32f2f1a;flex:65;padding:40px;line-height:1.8;overflow-y:auto}.invictus-question-column{background:var(--bg-app);flex-direction:column;flex:35;min-width:0;padding:40px;display:flex;overflow-y:auto}.invictus-total-range{color:var(--invictus-slate);letter-spacing:-.02em;font-size:24px;font-weight:800;font-family:var(--invictus-font);margin-bottom:24px}.invictus-instruction-box{border-left:4px solid var(--invictus-red);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(--invictus-red);margin-bottom:8px;font-size:18px;font-weight:800;display:block}.question-card{background:var(--invictus-red-pale);border:1px solid var(--outline-variant);border-radius:12px;margin-bottom:16px;padding:20px}.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-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(--invictus-red)}.question-label,.question-number{color:var(--invictus-red);font-weight:700}.invictus-passage-title{color:var(--invictus-slate);letter-spacing:-.02em;font-size:24px;font-weight:800;font-family:var(--invictus-font);margin:0 0 8px}.invictus-passage-subtitle{color:var(--invictus-red);margin:0 0 4px;font-size:16px;font-weight:500}.invictus-finish-btn{background:var(--invictus-red);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(--invictus-red-dark);transform:translateY(-1px)}@media (max-width:768px){.invictus-split-pane-layout{flex-direction:column;height:auto;min-height:calc(100vh - 165px)}.invictus-content-column{border-bottom:1px solid #d32f2f1a;border-right:none;max-height:40vh;margin-bottom:20px;padding:12px}.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;min-width:0;max-height:48vh;padding:16px;overflow-y:auto}.invictus-total-range{margin-bottom:16px;font-size:18px}.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-carousel-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.question-carousel{scroll-behavior:smooth;flex:1;padding:0 24px;overflow:hidden auto}.question-carousel::-webkit-scrollbar{width:6px}.question-carousel::-webkit-scrollbar-track{background:0 0}.question-carousel::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}.question-carousel::-webkit-scrollbar-thumb:hover{background:var(--outline)}.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:70px;display:flex}@media (prefers-color-scheme:dark){.option-button:hover{background:var(--surface-container-high)}.option-button.selected{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container)}.answer-input{background:var(--surface-container-lowest);border-color:var(--surface-container-high);color:var(--on-surface)}.listening-instruction{background:var(--surface-container);color:var(--on-surface-variant)}}@media (max-width:768px){.question-carousel{padding:0 16px}.instruction-box{margin:16px;padding:16px}.carousel-nav-footer{margin-top:10px;padding:16px}}@media (max-width:480px){.instruction-box{margin:12px;padding:12px}.carousel-nav-footer{margin-top:10px;padding:12px}.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;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.carousel-check-btn:hover{background:#16a34a}.carousel-parts-tabs{flex-wrap:wrap;gap:4px;display:flex}.carousel-part-tab{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface-variant);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.carousel-part-tab:hover{background:var(--surface-container-low);border-color:var(--primary);color:var(--primary)}.carousel-part-tab.active{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container);font-weight:600}@media (prefers-color-scheme:dark){.question-instruction-div{color:#9ca3af;border-bottom-color:#374151}.carousel-part-tab{background:var(--surface-container);border-color:var(--outline-variant);color:var(--on-surface-variant)}.carousel-part-tab:hover{background:var(--surface-container-high);border-color:var(--primary);color:var(--primary)}.carousel-part-tab.active{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container)}}.invictus-reading-layout{font-family:var(--invictus-font);background:var(--surface-container-lowest);flex-direction:column;display:flex}.invictus-passage-header{border-bottom:1px solid var(--outline-variant);margin-bottom:24px;padding-bottom:20px}.invictus-passage-subtitle{letter-spacing:.15em;text-transform:uppercase;color:var(--primary);margin:0 0 8px;font-size:12px;font-weight:700}.invictus-passage-title{color:var(--on-surface);margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.3}.invictus-passage-description{color:var(--on-surface-variant);margin:0;font-size:14px;line-height:1.6}.invictus-passage-text{color:var(--on-surface);margin-bottom:.8rem;font-size:17px;line-height:1.9}.invictus-paragraph-wrapper{align-items:flex-start;margin-bottom:12px;display:flex}.invictus-paragraph-letter{color:#e11d48;background-color:#fce7f3;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-paragraph-container{align-items:flex-start;gap:1.5rem;display:flex}.invictus-paragraph-id{background:var(--primary);color:var(--on-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:32px;margin-top:4px;font-size:14px;font-weight:800;display:flex}.invictus-total-range{color:var(--on-surface);letter-spacing:-.02em;margin-bottom:24px;font-size:22px;font-weight:800}.invictus-instruction-box{background:var(--surface-container-low);border-left:4px solid var(--primary);color:var(--on-surface);border-radius:10px;margin-bottom:32px;padding:20px;font-size:15px;font-weight:600;box-shadow:0 2px 8px #b800350d}.invictus-question-group{margin-bottom:40px}.invictus-sub-question{border:1px solid var(--outline-variant);border-radius:var(--invictus-radius);background:#fff;margin-bottom:24px;padding:20px;transition:all .2s}.invictus-sub-question:hover{border-color:var(--primary);background:var(--surface-container-low)}.invictus-question-number{color:var(--on-surface);margin-bottom:12px;font-weight:700}.invictus-interactive-block{margin-top:12px}.invictus-error-fallback{background:var(--error-container);color:var(--on-error-container);border-radius:8px;padding:16px;font-size:14px;font-weight:600}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.invictus-static-list{padding-bottom:24px}.reading-exercise-panel{background:var(--surface-container-lowest);flex-direction:column;height:100%;display:flex;overflow:hidden auto}@media (prefers-color-scheme:dark){:root{--surface-container-lowest:#1a1415;--surface-container-low:#2d1a1b;--surface-container:#3d2527;--surface-container-high:#4d2f31;--surface-container-highest:#5e393b;--surface-dim:#1a1415;--primary:#ffb3b6;--primary-container:#b80035;--on-primary:#690011;--on-primary-container:#ffdada;--primary-fixed:#930028;--primary-fixed-dim:#ffb3b6;--secondary:#ffb3b6;--secondary-container:#a83544;--on-secondary:#680011;--on-secondary-container:#ffdada;--tertiary:#74d8bd;--tertiary-container:#005142;--on-tertiary:#003722;--on-tertiary-container:#90f5d9;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--surface-variant:#5e393b;--on-surface-variant:#e5bdbe;--outline:#8f5254;--outline-variant:#5e393b;--on-surface:#f2d3d3;--on-background:#f2d3d3;--background:#1a1415;--invictus-red:#ffb3b6;--invictus-red-pale:#2d1a1b;--invictus-red-dark:#ffb3b6;--invictus-slate:#f2d3d3;--invictus-gray-100:#3d2527;--invictus-gray-200:#4d2f31}.invictus-reading-layout{background:var(--surface-container-lowest)}.invictus-passage-text{color:var(--on-surface)}.invictus-sub-question{background:var(--surface-container);border-color:var(--outline-variant)}.invictus-sub-question:hover{background:var(--surface-container-high)}.invictus-paragraph-id{background:var(--primary);color:var(--on-primary)}.invictus-instruction-box{background:var(--surface-container)}.invictus-question-number{color:var(--on-surface)}}@media (max-width:768px){.invictus-reading-layout{flex-direction:column;height:auto}.invictus-passage-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-reading-layout{flex-direction:column;height:auto;max-height:87vh}.invictus-passage-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}}.short-answer-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.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-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-area{background:var(--bg-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-md);position:relative}.mcq-instruction{background:var(--instruction-neutral-bg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-md);color:var(--instruction-neutral-text);white-space:pre-wrap;border:1px solid var(--instruction-neutral-border);font-size:14px;line-height:1.6}.mcq-review-badge{color:var(--lab-indigo);text-transform:uppercase;font-size:10px;font-weight:700;position:absolute;top:10px;right:20px}.mcq-multi-indicator{border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;right:20px}.mcq-multi-indicator.minimum-met{color:var(--lab-indigo);background:#eef2ff}.mcq-multi-indicator.needs-more{color:#f59e0b;background:#fffbeb}.mcq-question{margin-bottom:16px;padding-right:60px;font-size:16px;font-weight:800}.mcq-question.multiselect{padding-right:120px}.mcq-question-label{color:var(--lab-indigo);margin-right:8px}.mcq-question-subtext{color:#64748b;margin-top:4px;font-size:13px;font-weight:500;display:block}.mcq-options{flex-direction:column;gap:10px;display:flex}.mcq-option,.option-button{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:disabled{cursor:default}.mcq-option:focus{outline:none}.mcq-option-letter{min-width:20px;margin-right:8px;font-weight:800}.mcq-option-text{flex:1}.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:#5850ec0d}.mcq-option.selected.multiselect{background:#eef2ff}.mcq-checkbox.selected{border-color:var(--lab-indigo);background:var(--lab-indigo)}.mcq-option-letter.selected{color:var(--lab-indigo)}.mcq-option.review-correct{color:#065f46;background:#ecfdf5;border-color:#10b981}.mcq-option.review-incorrect{color:#991b1b;background:#fef2f2;border-color:#ef4444}.mcq-option.review-dimmed{opacity:.6}.mcq-warning{color:#d97706;background:#fffbeb;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.mcq-tip{color:#64748b;margin-top:16px;font-size:13px;font-style:italic}.mcq-correct-answers{color:#065f46;background:#f0fdf4;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:13px}.listening-mcq-option{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;margin-top:8px;padding:14px;font-size:15px}.listening-mcq-option.selected{color:#4f46e5;background:#f0f4ff;border-color:#4f46e5;font-weight:600}@media (prefers-color-scheme:dark){.mcq-question-area{background:var(--surface-white);border-color:var(--border-color)}.mcq-instruction{background:var(--bg-app);color:#9ca3af;border-color:var(--border-color)}.mcq-question{color:#f3f4f6}.mcq-question-subtext{color:#9ca3af}.mcq-multi-indicator.minimum-met{background:#5850ec33}.mcq-option{background:var(--bg-app);border-color:var(--border-color);color:#f3f4f6}.mcq-option.selected{border-color:var(--lab-indigo);background:#5850ec26}.mcq-option.selected.multiselect{background:#5850ec26}.mcq-checkbox{border-color:#4b5563}.mcq-checkbox.selected{border-color:var(--lab-indigo);background:var(--lab-indigo)}.mcq-option-letter.selected{color:var(--lab-indigo)}.mcq-option-letter{color:#9ca3af}.mcq-option.review-correct{color:#34d399;background:#10b98126;border-color:#10b981}.mcq-option.review-incorrect{color:#f87171;background:#ef444426;border-color:#ef4444}.mcq-warning{color:#fcd34d;background:#f59e0b26}.mcq-tip{color:#9ca3af}.mcq-correct-answers{color:#34d399;background:#10b98126}.listening-mcq-option{background:var(--bg-app);border-color:var(--border-color);color:#f3f4f6}.listening-mcq-option.selected{border-color:var(--lab-indigo);color:var(--lab-indigo);background:#5850ec33}}@media (max-width:768px){.mcq-question-area{padding:var(--space-md)}.mcq-instruction{padding:var(--space-md);font-size:13px}.mcq-review-badge{font-size:9px;top:8px;right:10px}.mcq-multi-indicator{padding:3px 8px;font-size:10px;top:8px;right:10px}.mcq-question{padding-right:50px;font-size:14px}.mcq-question.multiselect{padding-right:90px}.mcq-question-subtext{font-size:12px}.mcq-options{gap:8px}.mcq-option{border-radius:10px;padding:12px;font-size:13px}.mcq-option-letter{min-width:18px;font-size:13px}.mcq-checkbox{width:18px;height:18px}.mcq-warning{padding:8px 12px;font-size:12px}.mcq-tip{font-size:12px}.mcq-correct-answers{padding:10px 12px;font-size:12px}.listening-mcq-option{padding:12px;font-size:14px}}@media (max-width:480px){.mcq-question-area{padding:12px}.mcq-instruction{padding:10px;font-size:12px}.mcq-review-badge{font-size:8px;top:6px;right:8px}.mcq-multi-indicator{padding:2px 6px;font-size:9px;top:6px;right:8px}.mcq-question{padding-right:40px;font-size:13px}.mcq-question.multiselect{padding-right:70px}.mcq-question-subtext{font-size:11px}.mcq-options{gap:6px}.mcq-option{border-radius:8px;padding:10px;font-size:12px}.mcq-option-letter{min-width:16px;font-size:11px}.mcq-checkbox{width:16px;height:16px}.mcq-warning{padding:6px 10px;font-size:11px}.mcq-tip{font-size:11px}.mcq-correct-answers{padding:8px 10px;font-size:11px}.listening-mcq-option{padding:10px;font-size:13px}}.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{color:#1e293b;font-size:1rem;font-weight:500;line-height:1.5}.choice-button-group{flex-flow:wrap;gap:8px;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:42px;height:42px;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}.choice-button-group{flex:100%;justify-content:flex-start;min-width:0}}.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}.status-icon{vertical-align:middle;margin-left:10px;display:inline-flex}.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:1px solid var(--border-color);margin-top:var(--space-lg);overflow:hidden}.hm-instruction{background:var(--instruction-neutral-bg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);margin-bottom:var(--space-md);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}.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}.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}}.sentence-complete-container{background:var(--surface-white);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:16px;padding:24px;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}@media (prefers-color-scheme:dark){.sentence-complete-container{background:var(--surface-white);border-color:var(--border-color)}.sentence-complete-text{color:#f3f4f6}.sentence-complete-wordbank{border-top-color:var(--border-color)}.wordbank-label{color:#9ca3af}.word-bank{background:var(--bg-app)}.word-bank.question-pane{background:#5850ec14}.word-pill{background:var(--surface-white);border-color:var(--border-color);color:#f3f4f6}.word-pill.used{background:var(--border-color)}.interactive-gap{background:var(--bg-app);border-color:var(--border-color)}.interactive-gap.active{background:#5850ec33}.interactive-gap.filled{color:var(--lab-indigo);background:#5850ec26}.gap-index-badge{color:#6b7280}.review-legend{color:#9ca3af}.interactive-gap.correct{color:#4ade80!important;background-color:#22c55e33!important;border-color:#22c55e!important}.interactive-gap.correct .gap-index-badge{color:#22c55e}.interactive-gap.incorrect{color:#f87171!important;background-color:#ef444433!important;border-color:#ef4444!important}.interactive-gap.incorrect .gap-index-badge{color:#ef4444}.interactive-gap.missing{background-color:#f59e0b33!important;border-color:#f59e0b!important}.correct-answer-hint{background:var(--surface-white);color:#4ade80}.interactive-gap.incorrect .correct-answer-hint{color:#f87171}}.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-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.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}.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-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{background:var(--invictus-red-pale);border-radius:8px;flex-direction:column;gap:1.5rem;margin:20px 0;padding:1rem;display:flex}.trinary-row{border-bottom:1px solid #edf2f7;padding-bottom:1.5rem}.trinary-row:last-child{border-bottom:none}.trinary-q{color:#2d3748;margin-bottom:12px;font-size:1.05rem;font-weight:500;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;margin-bottom:1rem;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:#3b82f6;margin-right:5px;font-weight:800}.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:1rem}}@media (prefers-color-scheme:dark){.trinary-container{background:var(--surface-white)}.trinary-row{border-bottom-color:var(--border-color)}.trinary-q{color:#f3f4f6}.trinary-btn{background-color:var(--surface-white);color:#9ca3af;border-color:var(--border-color)}.trinary-btn:not(:disabled):hover{background-color:var(--bg-app);color:#f3f4f6;border-color:#6b7280}.trinary-btn:disabled{cursor:default;opacity:.7}.trinary-btn:disabled:not(.active){background-color:var(--bg-app);border-color:var(--border-color);color:#6b7280}.trinary-row.row-correct{background-color:#10b9811a;border-left:5px solid #10b981}.trinary-row.row-incorrect{background-color:#ef44441a;border-left:5px solid #ef4444}.trinary-btn.btn-correct{color:#fff!important;background-color:#10b981!important;border-color:#10b981!important}.trinary-btn.btn-wrong{color:#fff!important;background-color:#ef4444!important;border-color:#ef4444!important}.trinary-btn.btn-should-have-been{color:#4ade80!important;background-color:#10b98126!important;border:2px dashed #10b981!important}.q-number{color:#60a5fa}.trinary-btn:disabled:not(.btn-correct):not(.btn-wrong):not(.btn-should-have-been){opacity:.4;background-color:var(--bg-app);color:#6b7280;border-color:var(--border-color)}}.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(--lab-indigo);min-width:30px;font-weight:800}.question-text{color:#1e293b;flex:1;min-width:200px;margin:0;font-weight:500}.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}}.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:#64748b;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-wrap:wrap;align-items:center;gap:12px;padding:12px;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-number{background:var(--lab-indigo);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:14px;font-weight:800;display:flex;position:relative}.label-question-number{background:var(--lab-indigo);color:#fff;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #0003}.label-letter{font-size:16px;font-weight:800}.label-row.row-correct .label-number{background:#10b981}.label-row.row-incorrect .label-number{background:#ef4444}.label-row.row-correct .label-question-number,.label-row.row-incorrect .label-question-number{display:none}.label-description{color:#475569;min-width:120px;font-weight:600}.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:#94a3b8;text-align:right;flex-shrink:0;min-width:50px;font-size:12px;font-weight:600}.label-word-count.over-limit{color:#f59e0b}.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{background:var(--lab-indigo);border-color:var(--surface-white);box-shadow:0 1px 3px #0006}.label-description{color:#9ca3af}.label-input{background:var(--bg-app);color:#f3f4f6}.label-input::placeholder,.label-word-count{color:#6b7280}.label-word-count.over-limit{color:#f59e0b}.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-number{min-width:32px;height:32px;font-size:12px}.label-question-number{border-width:1.5px;border-radius:8px;min-width:16px;height:16px;font-size:9px;top:-4px;right:-4px}.label-letter{font-size:14px}.label-input{padding:10px 12px;font-size:14px}.label-word-count{min-width:40px;font-size:11px}}}.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}.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}}.listening-container{background:var(--background);flex-direction:column;height:100%;display:flex}.listening-content-panel{background:var(--surface);height:100%;overflow-y:auto}.audio-sticky-bar{z-index:50;background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);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(--surface-variant);cursor:not-allowed;box-shadow:none}.progress-track{background:var(--surface-dim);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:3px;height:100%;transition:width .1s linear}.headphones-icon{color:var(--outline)}.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(--on-surface);margin:8px 0 12px;font-size:32px;font-weight:800;line-height:1.2}.listening-subtitle{color:var(--on-surface-variant);margin-bottom:12px;font-size:18px;line-height:1.5}.listening-description{color:var(--on-surface-variant);font-size:14px;line-height:1.6}.listening-diagram{text-align:center;padding:0 32px 24px}.listening-diagram img{border:1px solid var(--outline-variant);border-radius:12px;max-width:100%;box-shadow:0 4px 12px #0000000d}.protip-box{border:1px solid var(--outline-variant);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(--primary-fixed);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(--on-surface);margin:0 0 4px;font-size:14px;font-weight:700}.protip-text{color:var(--on-surface-variant);margin:0;font-size:13px;line-height:1.5}.listening-exercise-panel{background:var(--surface-container-lowest);flex-direction:column;height:100%;display:flex;overflow:hidden auto}.exercise-header{border-bottom:1px solid var(--outline-variant);padding:24px}.exercise-title{color:var(--on-surface);margin:0;font-size:20px;font-weight:700}.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(--on-primary-container);font-size:22px}.instruction-title{color:var(--on-primary-container);margin:0 0 4px;font-size:16px;font-weight:700}.instruction-text{color:var(--on-primary-container);opacity:.85;margin:0;font-size:13px;line-height:1.5}.question-instruction{margin-bottom:12px}.listening-instruction{background:var(--surface-container-low);color:var(--on-surface-variant);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(--on-surface);margin-bottom:16px;font-size:15px;font-weight:600}.question-label{color:var(--on-surface-variant);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.answer-input{border:2px solid var(--surface-container-high);width:100%;color:var(--on-surface);background:var(--surface-container-lowest);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(--outline)}.options-list{flex-direction:column;gap:8px;display:flex}.options-flex{flex-wrap:wrap;gap:8px;display:flex}.option-button{border:1px solid var(--outline-variant);color:var(--on-surface-variant);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-container-low);border-color:var(--primary)}.option-button.selected{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container);font-weight:600}@media (prefers-color-scheme:dark){:root{--surface-container-lowest:#1a1415;--surface-container-low:#2d1a1b;--surface-container:#3d2527;--surface-container-high:#4d2f31;--surface-container-highest:#5e393b;--surface-dim:#1a1415;--primary:#ffb3b6;--primary-container:#b80035;--on-primary:#690011;--on-primary-container:#ffdada;--primary-fixed:#930028;--primary-fixed-dim:#ffb3b6;--secondary:#ffb3b6;--secondary-container:#a83544;--on-secondary:#680011;--on-secondary-container:#ffdada;--tertiary:#74d8bd;--tertiary-container:#005142;--on-tertiary:#003722;--on-tertiary-container:#90f5d9;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--surface-variant:#5e393b;--on-surface-variant:#e5bdbe;--outline:#8f5254;--outline-variant:#5e393b;--on-surface:#f2d3d3;--on-background:#f2d3d3;--background:#1a1415}.listening-content-panel{background:var(--surface)}.listening-exercise-panel{background:var(--surface-container-lowest)}.audio-sticky-bar{background:var(--surface-container-low)}.protip-box{background:var(--surface-container);border-color:var(--outline-variant)}.option-button:hover{background:var(--surface-container-high)}.option-button.selected{background:var(--primary-container);border-color:var(--primary);color:var(--on-primary-container)}.answer-input{background:var(--surface-container-lowest);border-color:var(--surface-container-high);color:var(--on-surface)}.listening-instruction{background:var(--surface-container);color:var(--on-surface-variant)}}@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}}@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-container-lowest);flex-direction:column;height:100%;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.writing-header{background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);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(--on-surface-variant);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(--surface-dim);border-radius:2px;height:4px;overflow:hidden}.momentum-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:2px;height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.prompt-section{background-color:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);padding:24px}.prompt-text{color:var(--on-surface);margin-bottom:12px;font-size:16px;font-weight:600;line-height:1.6}.prompt-bullets{color:var(--on-surface-variant);margin:0;padding-left:20px;font-size:14px;line-height:1.7}.prompt-bullets li{margin-bottom:8px}.editor-wrapper{background:var(--surface-container-lowest);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-container-low);border-bottom:1px solid var(--surface-container-high);align-items:center;gap:4px;padding:8px 16px;display:flex}.toolbar-btn{cursor:pointer;width:32px;height:32px;color:var(--on-surface-variant);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.toolbar-btn:hover{color:var(--on-surface);background:#fff}.toolbar-btn .material-symbols-outlined{font-size:20px}.toolbar-divider{background:var(--outline-variant);width:1px;height:20px;margin:0 8px}.toolbar-spacer{flex:1}.writing-textarea{border:3px solid var(--surface-container-high);width:100%;color:var(--on-surface);resize:none;background:#fff;outline:none;flex:1;padding:24px;font-family:Plus Jakarta Sans,sans-serif;line-height:1.8}.writing-textarea::placeholder{color:var(--outline);opacity:.6}.editor-footer{background:var(--surface-container-lowest);border:3px solid var(--surface-container-high);border-top:1px solid var(--surface-container-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(--on-surface-variant);text-transform:uppercase;font-size:12px;font-weight:700}.minimum-label{letter-spacing:.1em;color:var(--outline);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-container-high);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.writing-footer{background:var(--surface-container-low);border-top:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex}.auto-save-notice{color:var(--on-surface-variant);opacity:.6;text-align:right;flex:1;max-width:300px;font-size:11px;line-height:1.5}.submit-btn{background:var(--primary);color:var(--on-primary);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(--surface-variant);color:var(--outline);cursor:not-allowed;box-shadow:none}.submit-btn.primary{background:var(--primary)}.feedback-display{background:var(--surface-container-low);border-radius:12px;margin:16px 24px;overflow:hidden}.feedback-header{background:var(--primary-container);color:var(--on-primary-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(--outline-variant);text-align:left;padding:12px}.corrections-table th{background:var(--surface-container-low);color:var(--on-surface-variant);font-weight:600}@media (prefers-color-scheme:dark){:root{--surface-container-lowest:#1a1415;--surface-container-low:#2d1a1b;--surface-container:#3d2527;--surface-container-high:#4d2f31;--surface-container-highest:#5e393b;--surface-dim:#1a1415;--primary:#ffb3b6;--primary-container:#b80035;--on-primary:#690011;--on-primary-container:#ffdada;--primary-fixed:#930028;--primary-fixed-dim:#ffb3b6;--secondary:#ffb3b6;--secondary-container:#a83544;--on-secondary:#680011;--on-secondary-container:#ffdada;--tertiary:#74d8bd;--tertiary-container:#005142;--on-tertiary:#003722;--on-tertiary-container:#90f5d9;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--surface-variant:#5e393b;--on-surface-variant:#e5bdbe;--outline:#8f5254;--outline-variant:#5e393b;--on-surface:#f2d3d3;--on-background:#f2d3d3;--background:#1a1415}.editor-wrapper{background:var(--surface-container-lowest)}.writing-textarea{background:var(--surface-container-low);color:var(--on-surface)}.writing-textarea::placeholder{color:var(--outline)}.editor-toolbar{background:var(--surface-container)}.toolbar-btn:hover{background:var(--surface-container-high)}.momentum-fill{background:linear-gradient(90deg, var(--primary), var(--secondary-container))}.loading-overlay{background:#1a1415e6}.loading-content{color:var(--primary-fixed)}.loading-spinner{border-color:var(--surface-container-high);border-top-color:var(--primary)}.submit-btn{box-shadow:0 4px 12px #ffb3b633}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #ffb3b64d}}@media (max-width:768px){.writing-container{height:auto;min-height:86vh}.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}}@media (max-width:480px){.writing-container{height:auto;min-height:86vh}.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-container-lowest);flex-direction:column;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow-y:auto}.speaking-block-wrapper{border:1px solid var(--outline-variant);border-radius:16px;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-container-low);color:var(--on-surface-variant);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(--outline-variant);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-container-low);color:var(--on-surface);border-radius:8px;margin-bottom:8px;padding:12px 16px;font-size:15px;font-weight:500}.speaking-topic-item{border:1px solid var(--outline-variant);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(--on-surface);margin:8px 0;font-size:18px;font-weight:700}.speaking-topic-question{background:var(--surface-container-low);color:var(--on-surface-variant);border-radius:8px;margin-top:8px;padding:12px 16px;font-size:14px}.speaking-scenario-item{border:1px solid var(--outline-variant);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(--on-surface);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(--primary-fixed);border:2px solid var(--primary);border-radius:16px;padding:24px}.speaking-topic-card-title{color:var(--on-primary-fixed);margin:0 0 12px;font-size:20px;font-weight:700}.speaking-topic-card-desc{color:var(--on-primary-fixed);opacity:.85;margin-bottom:16px;font-size:14px}.speaking-topic-card-bullets{color:var(--on-primary-fixed);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(--on-primary-fixed);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px;font-weight:700}.speaking-topic-card-followup-q{color:var(--on-surface);background:#fff;border-radius:8px;margin-bottom:8px;padding:12px 16px;font-size:14px}.speaking-timer-display{text-align:center;color:var(--outline);margin-top:auto;padding:20px;font-size:32px;font-weight:800}.speaking-recording-status{color:var(--on-surface);font-size:16px;font-weight:700}.speaking-exercise-panel{background:var(--surface-container-lowest);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(--surface-container-high);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(--on-surface-variant);font-size:14px}.speaking-feedback-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.speaking-feedback-header h4{color:var(--on-surface);margin:0;font-size:18px;font-weight:700}.speaking-band-badge{background:var(--primary-container);color:var(--on-primary-container);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(--on-surface-variant);margin:0}.btn-primary{background:var(--primary);color:var(--on-primary);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(--surface-variant);color:var(--outline);cursor:not-allowed}.btn-secondary{color:var(--on-surface-variant);border:1px solid var(--outline-variant);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-container-low)}.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}@media (max-width:768px){.speaking-container{-webkit-overflow-scrolling:touch;min-height:400px;overflow-y:auto;height:calc(100vh - 100px)!important}.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{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{min-height:300px;overflow-y:auto;height:calc(100vh - 100px)!important}.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{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){:root{--surface-container-lowest:#1a1415;--surface-container-low:#2d1a1b;--surface-container:#3d2527;--surface-container-high:#4d2f31;--surface-container-highest:#5e393b;--surface-dim:#1a1415;--primary:#ffb3b6;--primary-container:#b80035;--on-primary:#690011;--on-primary-container:#ffdada;--primary-fixed:#930028;--primary-fixed-dim:#ffb3b6;--secondary:#ffb3b6;--secondary-container:#a83544;--on-secondary:#680011;--on-secondary-container:#ffdada;--tertiary:#74d8bd;--tertiary-container:#005142;--on-tertiary:#003722;--on-tertiary-container:#90f5d9;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-error-container:#ffdad6;--surface-variant:#5e393b;--on-surface-variant:#e5bdbe;--outline:#8f5254;--outline-variant:#5e393b;--on-surface:#f2d3d3;--on-background:#f2d3d3;--background:#1a1415}.speaking-container{background:var(--surface-container-lowest)}.speaking-block-wrapper{border-color:var(--outline-variant)}.speaking-prompt-item{background:var(--surface-container);border-color:var(--outline-variant)}.speaking-prompt-question{background:var(--surface-container-low);color:var(--on-surface)}.speaking-topic-item{background:var(--surface-container);border-color:var(--outline-variant)}.speaking-topic-title{color:var(--on-surface)}.speaking-topic-question{background:var(--surface-container-low);color:var(--on-surface-variant)}.speaking-scenario-item{background:var(--surface-container);border-color:var(--outline-variant)}.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-container-lowest);color:var(--on-surface)}.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(--on-primary-container)}.speaking-topic-card-followup-q{background:var(--surface-container-lowest);color:var(--on-surface)}.speaking-instruction{background:var(--surface-container);color:var(--on-surface-variant)}.speaking-timer-display{color:var(--outline)}.speaking-recording-status{color:var(--on-surface)}.speaking-ai-feedback{border-color:var(--outline-variant)}.speaking-feedback-header h4{color:var(--on-surface)}.speaking-feedback-details p{color:var(--on-surface-variant)}.btn-secondary{background:var(--surface-container);border-color:var(--outline-variant);color:var(--on-surface-variant)}.btn-secondary:hover{background:var(--surface-container-high)}}:root{--primary:#af101a;--primary-container:#d32f2f;--on-primary:#fff;--secondary:#546067;--background:#fcf9f8;--on-background:#1c1b1b;--surface-container-low:#f6f3f2;--surface-container-lowest:#fff;--outline-variant:#e4beba;--radius-md:8px;--radius-sm:4px;--stage-padding:24px}html,body{background:var(--background);margin:0;padding:0;font-family:Inter,sans-serif;overflow-y:auto}.invictus-vocab-session-layout{width:100%;max-height:100vh;display:flex}.vocab-main-content{flex:1;width:100%;max-height:86vh;overflow:hidden}.vocab-main-content-inner{box-sizing:border-box;max-width:1400px}.content-grid{grid-template-columns:320px 1fr;align-items:center;gap:32px;display:grid;overflow:auto}.session-config{background:var(--surface-container-low);border:1px solid var(--outline-variant);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(--primary);font-size:11px;font-weight:800}.config-item{border-radius:var(--radius-sm);background:#fff;border:1px solid #0000000d;margin-top:8px;padding:16px}.config-label{color:var(--secondary);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.level-selector{gap:8px;display:flex}.level-btn{border:2px solid var(--outline-variant);border-radius:var(--radius-sm);text-transform:uppercase;cursor:pointer;color:var(--secondary);background:#fff;flex:1;padding:12px 16px;font-size:11px;font-weight:700;transition:all .2s}.level-btn:hover{border-color:var(--primary);color:var(--primary)}.level-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.topic-select{border:2px solid var(--outline-variant);border-radius:var(--radius-sm);width:100%;color:var(--on-surface);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(--outline-variant);appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.word-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);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(--primary);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:var(--secondary);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%;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(--outline-variant);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{text-align:center;flex-shrink:0;padding-bottom:16px}.counter-text{color:var(--on-surface);letter-spacing:.05em;font-size:14px;font-weight:700}.counter-divider{color:var(--secondary);margin:0 4px}.flashcard-container{border:1px solid var(--outline-variant);border-radius:var(--radius-md);cursor:pointer;perspective:1000px;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;margin:10px 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%;padding:40px;display:flex;position:absolute}.flashcard-back{transform:rotateY(180deg)}.flashcard-term{color:var(--on-surface);text-align:center;padding:0 40px;font-size:clamp(32px,8vh,80px);font-weight:900}.flashcard-divider{background:var(--primary);width:80px;height:4px;margin:24px 0}.flashcard-hint{color:var(--secondary);text-align:center;padding:0 20px;font-size:14px}.flashcard-definition,.flashcard-example-translation{text-align:center;padding:0 40px;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(--on-surface);font-size:18px;font-weight:500;line-height:1.6}.flashcard-translation{text-align:center;padding:0 40px;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(--on-surface);font-size:24px;font-style:italic;font-weight:600;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.srs-controls{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.srs-btn{background:var(--surface-container-low);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:20px;transition:all .2s}.srs-btn:hover{background:var(--outline-variant);transform:translateY(-2px)}.srs-label{text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:800;display:block}.keyboard-shortcuts{text-align:center;color:var(--secondary);flex-shrink:0;padding-top:16px;font-size:12px}.kbd{border:1px solid var(--outline-variant);background:#fff;border-radius:4px;padding:2px 8px;font-family:monospace;font-weight:700}.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}@media (max-width:768px){.content-grid{grid-template-columns:1fr}.session-config{order:2}.flashcard-section{order:1}.vocab-main-content{overflow:auto}.flashcard-term{font-size:clamp(20px,5vh,50px)}}