@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#5e6ad2;--primary-light:#8b92ea;--primary-dark:#4651b8;--primary-gradient:linear-gradient(135deg, #5e6ad2 0%, #8b92ea 54%, #55d6be 100%);--accent-reading:#55d6be;--accent-reading-light:#9be7d8;--accent-listening:#ff9f6e;--accent-listening-light:#ffd0b8;--accent-speaking:#63a7ff;--accent-speaking-light:#a7cbff;--accent-writing:#f472b6;--accent-writing-light:#fdb0d8;--accent-grammar:#f6c85f;--accent-grammar-light:#ffe29b;--success:#55d6be;--success-light:#55d6be24;--error:#ff6b7a;--error-light:#ff6b7a24;--warning:#f6c85f;--warning-light:#f6c85f29;--info:#63a7ff;--info-light:#63a7ff24;--bg-primary:#050506;--bg-deep:#020203;--bg-secondary:#ffffff0d;--bg-card:#ffffff0e;--bg-card-strong:#ffffff14;--bg-sidebar:#06070ce0;--bg-sidebar-hover:#ffffff12;--bg-header:#07080db8;--bg-input:#fff1;--select-menu-bg:#101117;--select-menu-bg-hover:#1a1d29;--select-menu-text:#f4f5f8;--text-primary:#ededef;--text-secondary:#a8adb7;--text-muted:#757b88;--text-sidebar:#ededefb8;--text-sidebar-active:#fff;--border-color:#ffffff14;--border-light:#ffffff0e;--border-hover:#ffffff24;--border-accent:#5e6ad261;--shadow-sm:0 0 0 1px #ffffff0e, 0 8px 22px #00000038;--shadow-md:0 0 0 1px #ffffff12, 0 18px 44px #00000047;--shadow-lg:0 0 0 1px #ffffff14, 0 24px 70px #0000005c, 0 0 70px #5e6ad214;--shadow-xl:0 0 0 1px #ffffff1a, 0 32px 90px #00000075, 0 0 100px #55d6be14;--shadow-card:var(--shadow-md);--shadow-card-hover:0 0 0 1px #ffffff21, 0 24px 64px #0000006b, 0 0 80px #5e6ad21f;--shadow-accent:0 0 0 1px #5e6ad275, 0 10px 24px #5e6ad23d, inset 0 1px 0 #ffffff38;--glass-bg:linear-gradient(180deg, #ffffff14, #ffffff06);--glass-border:#ffffff17;--glass-blur:blur(24px);--font-family:"Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.4rem;--fs-4xl:clamp(2.5rem, 6vw, 4.9rem);--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.08;--lh-normal:1.5;--lh-relaxed:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--sidebar-width:286px;--sidebar-collapsed:76px;--header-height:68px;--content-max-width:1240px;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.16s var(--ease-out);--transition-base:.26s var(--ease-out);--transition-slow:.42s var(--ease-out);--transition-spring:.3s var(--ease-out)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f6f7fb;--bg-deep:#eceff6;--bg-secondary:#ffffffd1;--bg-card:#ffffffdb;--bg-card-strong:#fff;--bg-sidebar:#ffffffe6;--bg-sidebar-hover:#0f172a0e;--bg-header:#ffffffc7;--bg-input:#0f172a0e;--select-menu-bg:#fff;--select-menu-bg-hover:#eef1f8;--select-menu-text:#171923;--text-primary:#171923;--text-secondary:#525866;--text-muted:#8a92a3;--text-sidebar:#171923b8;--text-sidebar-active:#171923;--border-color:#1018281a;--border-light:#10182813;--border-hover:#1018282b;--border-accent:#5e6ad257;--shadow-sm:0 0 0 1px #1018280b, 0 8px 22px #10182812;--shadow-md:0 0 0 1px #1018280f, 0 18px 40px #1018281a;--shadow-lg:0 0 0 1px #10182813, 0 24px 60px #10182821, 0 0 60px #5e6ad214;--shadow-xl:0 0 0 1px #10182814, 0 30px 80px #1018282e;--shadow-card:var(--shadow-md);--shadow-card-hover:0 0 0 1px #1018281a, 0 24px 56px #10182829, 0 0 60px #5e6ad21a;--glass-bg:linear-gradient(180deg, #ffffffeb, #ffffffad);--glass-border:#10182814}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:radial-gradient(ellipse at top, #5e6ad229 0%, #05050600 42%), linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-deep) 100%);color:var(--text-primary);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}[data-theme=dark] body{background:radial-gradient(ellipse at top, #5e6ad229 0%, #05050600 42%), linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-deep) 100%)!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:0}body:before{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(#000000bf,#0000 76%);mask-image:linear-gradient(#000000bf,#0000 76%)}body:after{opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}a{color:var(--primary-light);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:0}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{color:var(--text-secondary);line-height:var(--lh-relaxed)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;outline:none}select{background-color:var(--bg-input);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{background-color:var(--select-menu-bg)!important;color:var(--select-menu-text)!important}select option:checked{background-color:var(--primary)!important;color:#fff!important}select option:hover,select option:focus{background-color:var(--select-menu-bg-hover)!important;color:var(--select-menu-text)!important}[data-theme=light] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:where(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #5e6ad29e}::selection{color:#fff;background:#5e6ad261}.app{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);min-width:0;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.app-content{max-width:var(--content-max-width);padding:calc(var(--header-height) + var(--space-8)) var(--space-8) var(--space-10);flex:1;width:100%;margin:0 auto}@media (width<=992px){.app-main{margin-left:0!important}.app-content{padding-inline:var(--space-5)}}@media (width<=600px){.app,.app-main,.app-content{width:100vw;max-width:100vw;overflow-x:hidden}.app-content{padding:calc(var(--header-height) + var(--space-5)) var(--space-4) var(--space-8)}}.card,.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:before,.glass-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card{transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card-body{padding:var(--space-6)}.glass-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn{border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);align-items:center;gap:var(--space-2);min-height:42px;padding:var(--space-3) var(--space-6);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;justify-content:center;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:transform var(--transition-slow);background:linear-gradient(110deg,#0000,#ffffff3d,#0000);position:absolute;inset:0;transform:translate(-120%)}.btn:hover:before{transform:translate(120%)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));box-shadow:var(--shadow-accent);color:#fff}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-light), var(--primary));color:#fff;transform:translateY(-2px)}.btn-secondary,.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0e;box-shadow:inset 0 1px #ffffff14}.btn-secondary:hover,.btn-outline:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff16;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg, var(--accent-reading), var(--accent-reading-light));color:#06110f}.btn-danger{color:#1a0704;background:linear-gradient(135deg,#ff7a66,#ffb19f)}.btn-warning{background:linear-gradient(135deg, var(--accent-grammar), var(--accent-grammar-light));color:#1a1405}.btn-info{background:linear-gradient(135deg, var(--accent-speaking), var(--accent-speaking-light));color:#06101f}.btn-lg{border-radius:var(--radius-md);font-size:var(--fs-base);min-height:50px;padding:var(--space-4) var(--space-8)}.btn-sm{min-height:34px;padding:var(--space-2) var(--space-4);font-size:var(--fs-xs)}.btn-icon{aspect-ratio:1;border-radius:var(--radius-md);width:40px;min-height:0;padding:0}.badge{border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border:1px solid;align-items:center;padding:2px 10px;display:inline-flex}.badge-primary{color:var(--primary-light);background:#5e6ad224}.badge-success{background:var(--success-light);color:var(--success)}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--fs-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.animate-fade-in{animation:fadeIn .52s var(--ease-out) both}.animate-slide-in{animation:slideInLeft .42s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff2e}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.sidebar{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--bg-sidebar);border-right:1px solid var(--border-color);transition:width var(--transition-base), transform var(--transition-base);width:var(--sidebar-width);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#5e6ad22e,#0000 38%),linear-gradient(#ffffff0e,#0000 34%);position:absolute;inset:0}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .sidebar-text,.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .nav-arrow{display:none}.sidebar.collapsed .sidebar-brand{padding:var(--space-5) var(--space-4);justify-content:center}.sidebar.collapsed .nav-item a{padding:var(--space-3);justify-content:center}.sidebar.collapsed .nav-item a i{margin-right:0}.sidebar.collapsed .nav-sub,.sidebar.collapsed .nav-item.open>.nav-sub{display:none!important}.sidebar-brand{align-items:center;gap:var(--space-3);min-height:var(--header-height);padding:var(--space-4) var(--space-5);z-index:1;border-bottom:1px solid #ffffff13;text-decoration:none;display:flex;position:relative}.sidebar-brand:hover .sidebar-brand-text{color:#fff}.sidebar-brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;background:0 0!important;border:none!important;padding:0!important}.sidebar-brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-brand-text{color:#fff;font-size:var(--fs-base);font-weight:var(--fw-bold);flex-direction:column;line-height:1.1;display:flex}.sidebar-brand-text:after{color:#ffffff7a;content:"Exam studio";font-size:.68rem;font-weight:var(--fw-medium);margin-top:4px}.sidebar-nav{padding:var(--space-4) var(--space-3);z-index:1;flex:1;position:relative;overflow-y:auto}.sidebar-section-title{color:#ededef5c;font-family:var(--font-mono);font-size:.66rem;font-weight:var(--fw-semibold);letter-spacing:0;padding:var(--space-4) var(--space-3) var(--space-2);text-transform:uppercase}.nav-item{margin-bottom:2px}.nav-item a{border-radius:var(--radius-md);color:var(--text-sidebar);font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;gap:var(--space-3);min-height:42px;padding:var(--space-3);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;text-decoration:none;display:flex;position:relative}.nav-item a:hover{background:var(--bg-sidebar-hover);color:#fff;border-color:#ffffff14}.nav-item a.active{color:#fff;background:linear-gradient(135deg,#5e6ad238,#55d6be14);border-color:#5e6ad252;box-shadow:inset 0 1px #ffffff1a}.nav-item a.active:before{background:linear-gradient(180deg, var(--primary-light), var(--accent-reading));border-radius:var(--radius-full);content:"";width:3px;height:52%;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.nav-item a i{text-align:center;flex-shrink:0;width:22px;font-size:1.05rem}.nav-arrow{transition:transform var(--transition-fast);margin-left:auto;font-size:.74rem}.nav-item.open>a .nav-arrow{transform:rotate(90deg)}.nav-sub{padding-left:var(--space-2);margin:2px 0 8px 34px;display:none;position:relative}.nav-sub:before{content:"";background:#ffffff14;width:1px;position:absolute;top:5px;bottom:5px;left:0}.nav-item.open>.nav-sub{display:block}.nav-sub .nav-item a{font-size:var(--fs-xs);min-height:36px;padding:var(--space-2) var(--space-3)}[data-theme=light] .sidebar:before{background:radial-gradient(circle at 0 0,#5e6ad21f,#0000 38%),linear-gradient(#ffffffb8,#0000 34%)}[data-theme=light] .sidebar-brand{border-bottom-color:#10182814}[data-theme=light] .sidebar-brand-logo{box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=light] .sidebar-brand-text{color:var(--text-primary)}[data-theme=light] .sidebar-brand:hover .sidebar-brand-text{color:var(--primary-dark)}[data-theme=light] .sidebar-brand-text:after,[data-theme=light] .sidebar-section-title{color:#525866a3}[data-theme=light] .nav-item a:hover{background:var(--bg-sidebar-hover);color:var(--text-primary);border-color:#10182814}[data-theme=light] .nav-item a.active{color:var(--text-sidebar-active);background:linear-gradient(135deg,#5e6ad224,#55d6be1a);border-color:#5e6ad23d;box-shadow:inset 0 1px #ffffff9e}[data-theme=light] .nav-sub:before{background:#10182817}.header{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--bg-header);border-bottom:1px solid var(--border-color);height:var(--header-height);left:var(--sidebar-width);padding:0 var(--space-8);transition:left var(--transition-base);z-index:90;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;right:0}.header:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.header.sidebar-collapsed{left:var(--sidebar-collapsed)}@media (width<=992px){.header{padding-inline:var(--space-5);left:0!important}}@media (width<=600px){.header{padding-inline:var(--space-4)}}.header-left,.header-right{align-items:center;display:flex}.header-left{gap:var(--space-4);min-width:0}.header-right{gap:var(--space-3)}.header-toggle,.theme-toggle{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);height:38px;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0e;justify-content:center;align-items:center;width:38px;display:flex}.header-toggle{font-size:1.16rem}.theme-toggle{font-size:1rem}.header-toggle:hover,.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff16;transform:translateY(-1px)}.breadcrumb{font-size:var(--fs-sm);align-items:center;gap:var(--space-2);white-space:nowrap;min-width:0;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb span{color:var(--text-secondary)}.breadcrumb .sep{color:#ffffff3d}body.focus-mode .breadcrumb{display:none}body.focus-mode .header-left{gap:0}body.focus-mode .header-avatar{display:none!important}.header-avatar{border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);background:linear-gradient(135deg,#5e6ad2f2,#f472b6e0);border:1px solid #ffffff24;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:inset 0 1px #fff3}.app-footer{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--fs-sm);padding:var(--space-6) var(--space-8);text-align:center}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;background:#00000094;display:none;position:fixed;inset:0}@media (width<=992px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open+.sidebar-overlay{display:block}}@media (width<=520px){.breadcrumb{text-overflow:ellipsis;max-width:54vw;overflow:hidden}.header-avatar{display:none}}.avatar-container{position:relative}.avatar-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.avatar-dropdown .dropdown-header{padding:var(--space-3) var(--space-4);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--text-primary);border-bottom:1px solid var(--border-color);background:#ffffff05}.avatar-dropdown .dropdown-body{max-height:280px;padding:var(--space-2) 0;overflow-y:auto}.dropdown-log-item{padding:var(--space-3) var(--space-4);color:var(--text-secondary);transition:background var(--transition-fast);border-bottom:1px solid #ffffff0a;font-size:.82rem}.dropdown-log-item:last-child{border-bottom:none}.dropdown-log-item:hover{background:#ffffff08}.dropdown-log-item .log-date{font-weight:var(--fw-bold);color:var(--primary-light);margin-bottom:2px;display:block}.dropdown-log-item .log-text{line-height:1.4}.dropdown-log-item .log-text a{color:var(--primary-light);text-decoration:none}.dropdown-log-item .log-text a:hover{text-decoration:underline}.dropdown-loading{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.dropdown-loading i.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-dropdown .dropdown-footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-color);background:#ffffff05;display:flex}.view-all-btn{width:100%;padding:var(--space-2);background:var(--primary);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);text-align:center;border:none}.view-all-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.updates-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;width:100%;height:100%;padding:var(--space-4);background:#000000a3;justify-content:center;align-items:center;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.updates-modal-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:80vh;box-shadow:var(--shadow-2xl);flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;display:flex;overflow:hidden}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.updates-modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);background:#ffffff03;justify-content:space-between;align-items:center;display:flex}.updates-modal-title{align-items:center;gap:var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary);display:flex}.status-badge{font-size:.68rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:2px 6px}.status-badge.live{color:#4ade80;background:#4ade8026;border:1px solid #4ade8040}.status-badge.offline{color:#facc15;background:#facc1526;border:1px solid #facc1540}.updates-close-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:1.6rem;line-height:1}.updates-close-btn:hover{color:var(--text-primary)}.updates-modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.updates-timeline{border-left:2px solid var(--border-color);padding-left:var(--space-6);margin-left:var(--space-2);position:relative}.timeline-item{margin-bottom:var(--space-6);position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item:before{content:"";left:calc(var(--space-6) * -1 - 7px);background:var(--bg-card);border:2px solid var(--primary-light);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg-card);transition:background var(--transition-fast);border-radius:50%;position:absolute;top:4px}.timeline-item:hover:before{background:var(--primary-light)}.timeline-date{font-size:.78rem;font-weight:var(--fw-bold);color:var(--primary-light);margin-bottom:var(--space-1)}.timeline-content{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.timeline-content a{color:var(--primary-light);font-weight:var(--fw-medium);text-decoration:none}.timeline-content a:hover{text-decoration:underline}.home-hero{align-items:center;gap:var(--space-10);min-width:0;min-height:auto;padding:var(--space-4) 0 var(--space-8);grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);display:grid;position:relative}.home-hero:before{border:1px solid var(--border-light);border-radius:var(--radius-xl);content:"";inset:var(--space-4) 0 auto 0;opacity:.58;pointer-events:none;background:linear-gradient(135deg,#5e6ad238,#0000 36%),linear-gradient(315deg,#55d6be21,#0000 42%);min-height:72%;position:absolute}.hero-content,.hero-visual{z-index:1;position:relative}.hero-content{min-width:0;max-width:760px}.hero-kicker{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);align-items:center;gap:var(--space-2);letter-spacing:0;margin-bottom:var(--space-5);background:#ffffff0f;padding:7px 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.hero-kicker i{color:var(--accent-grammar)}.hero-title{background:linear-gradient(#fff 0%,#ededef 52%,#ededefb8 100%);color:#0000;font-size:var(--fs-4xl);font-weight:var(--fw-semibold);margin-bottom:var(--space-5);overflow-wrap:break-word;-webkit-background-clip:text;background-clip:text;max-width:820px;padding-top:4px;line-height:1.15}.gradient-text{background:linear-gradient(90deg, var(--accent-reading), var(--primary-light), var(--accent-writing), var(--accent-reading));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.hero-subtitle{color:var(--text-secondary);font-size:var(--fs-md);margin-bottom:var(--space-6);overflow-wrap:break-word;max-width:640px}.hero-actions{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,150px));display:grid}.hero-stats div{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff0b;box-shadow:inset 0 1px #ffffff12}.hero-stats strong{color:var(--text-primary);font-size:var(--fs-xl);margin-bottom:var(--space-2);line-height:1;display:block}.hero-stats span{color:var(--text-muted);font-size:var(--fs-xs);display:block}.hero-visual{justify-content:center;align-items:center;min-width:0;min-height:460px;display:flex;overflow:hidden}.hero-orbit{aspect-ratio:1;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:linear-gradient(#ffffff17,#ffffff06),radial-gradient(circle at 50% 0,#5e6ad242,#0000 52%);place-items:center;width:min(100%,430px);max-width:430px;display:grid;position:relative}.hero-orbit:before{border-radius:inherit;content:"";border:1px solid #ffffff0f;position:absolute;inset:16px}.hero-orbit img{filter:drop-shadow(0 28px 48px #5e6ad252);opacity:.94;max-width:74%}.hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#090a10c7;display:flex;position:absolute}[data-theme=light] .hero-panel{background:#ffffffd6}.hero-panel span{color:var(--text-muted);font-size:var(--fs-xs);display:block}.hero-panel strong{color:var(--text-primary);font-size:var(--fs-sm);margin-top:2px;display:block}.hero-panel i{color:var(--accent-reading);font-size:1.2rem}.hero-panel-top{top:74px;left:-18px}.hero-panel-bottom{bottom:66px;right:-10px}.home-skills{margin-bottom:var(--space-8)}.skill-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text-primary);min-height:276px;padding:var(--space-6);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);background:linear-gradient(#ffffff14,#ffffff07);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.skill-card:before{background:linear-gradient(90deg, var(--accent), var(--accent-light));content:"";opacity:.9;height:2px;position:absolute;top:0;left:0;right:0}.skill-card:after{background:radial-gradient(circle at 30% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 54%);content:"";opacity:.58;pointer-events:none;position:absolute;inset:0}.skill-card:hover{border-color:color-mix(in srgb, var(--accent) 44%, var(--border-hover));box-shadow:var(--shadow-card-hover);color:var(--text-primary);background:linear-gradient(#ffffff18,#ffffff09);transform:translateY(-6px)}.skill-icon,.skill-card h3,.skill-card p,.skill-actions{z-index:1;position:relative}.skill-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 86%, #fff), var(--accent-light));box-shadow:0 16px 30px color-mix(in srgb, var(--accent) 24%, transparent);color:#08100f;height:56px;margin-bottom:var(--space-5);border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:56px;font-size:1.45rem;display:flex}.skill-card h3{color:var(--text-primary);font-size:var(--fs-xl);margin-bottom:var(--space-2)}.skill-card p{color:var(--text-secondary);font-size:var(--fs-sm);margin-bottom:var(--space-5);flex:1}.skill-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-tag{background:color-mix(in srgb, var(--accent) 13%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:var(--radius-full);color:color-mix(in srgb, var(--accent-light) 86%, #fff);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:4px 10px}.home-extras{margin-bottom:var(--space-8)}.extra-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-4);min-height:94px;padding:var(--space-5);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);background:#ffffff0b;text-decoration:none;display:flex}.extra-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);background:#fff1;transform:translateY(-3px)}.extra-card>i{border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--primary-light);background:#5e6ad221;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;display:flex}.extra-card h4{color:var(--text-primary);font-size:var(--fs-base);margin-bottom:2px}.extra-card p{color:var(--text-muted);font-size:var(--fs-xs);margin:0}@media (width<=1040px){.home-hero{min-height:auto;padding-top:var(--space-8);grid-template-columns:1fr}.hero-visual{min-height:360px}}@media (width<=640px){.home-hero{overflow:hidden}.home-hero:before{inset-inline:-10px}.hero-title{font-size:clamp(2.15rem,12vw,2.8rem);line-height:1.08}.hero-subtitle{font-size:var(--fs-base)}.hero-actions .btn{width:100%;max-width:100%}.hero-stats{grid-template-columns:1fr}.hero-visual{min-height:300px}.hero-orbit{width:min(100%,320px)}.hero-panel{display:none}}.page-header{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-5);margin-bottom:var(--space-8);padding:var(--space-5);background:linear-gradient(#ffffff12,#ffffff06);display:flex;position:relative;overflow:hidden}.page-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#5e6ad229,#55d6be14,#0000);position:absolute;inset:0}.page-header-icon{border-radius:var(--radius-md);color:#fff;z-index:1;border:1px solid #ffffff29;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.45rem;display:flex;position:relative;box-shadow:0 14px 34px #00000047,inset 0 1px #fff3}.page-header>div:not(.page-header-icon){z-index:1;min-width:0;position:relative}.page-header h1{font-size:var(--fs-2xl);margin-bottom:var(--space-1)}.page-header p{color:var(--text-secondary);font-size:var(--fs-sm);margin:0}.part-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text-primary);gap:var(--space-4);min-height:230px;padding:var(--space-6);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);background:linear-gradient(#ffffff13,#ffffff07);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.part-card:before{background:linear-gradient(180deg, var(--part-color), transparent);content:"";opacity:.9;width:3px;position:absolute;inset:0 auto 0 0}.part-card:after{background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--part-color) 20%, transparent), transparent 50%);content:"";opacity:.68;pointer-events:none;position:absolute;inset:0}.part-card:hover{border-color:color-mix(in srgb, var(--part-color,var(--primary)) 42%, var(--border-hover));box-shadow:var(--shadow-card-hover);color:var(--text-primary);background:linear-gradient(#ffffff17,#ffffff08);transform:translateY(-5px)}.part-card>*{z-index:1;position:relative}.part-card-top{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.part-num{background:color-mix(in srgb, var(--part-color) 14%, transparent);border:1px solid color-mix(in srgb, var(--part-color) 28%, transparent);border-radius:var(--radius-full);color:color-mix(in srgb, var(--part-color) 84%, #fff);font-size:var(--fs-xs);font-weight:var(--fw-bold);align-items:center;padding:5px 13px;display:inline-flex}.part-meta{color:var(--text-muted);font-size:var(--fs-xs);gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.part-meta i{margin-right:3px}.part-card h3{color:var(--text-primary);font-size:var(--fs-lg)}.part-card p{color:var(--text-secondary);font-size:var(--fs-sm);margin:0}.part-card-action{border-top:1px solid var(--border-light);color:var(--primary-light);font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding-top:var(--space-4);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.part-card-action i{transition:transform var(--transition-fast)}.part-card:hover .part-card-action i{transform:translate(4px)}.part-card-buttons{gap:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.bode-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);align-items:center;gap:var(--space-4);min-height:86px;padding:var(--space-4);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);background:#ffffff0c;text-decoration:none;display:flex}.bode-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);color:var(--text-primary);background:#ffffff12;transform:translateY(-3px)}.bode-number{background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-bold);border:1px solid #ffffff29;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 12px 24px #5e6ad233,inset 0 1px #ffffff2e}.bode-icon{font-size:1.08rem}.bode-info{flex:1;min-width:0}.bode-info h4{color:var(--text-primary);font-size:var(--fs-sm);margin-bottom:3px}.bode-info p{color:var(--text-muted);font-size:var(--fs-xs);margin:0}.bode-arrow{color:var(--text-muted);transition:transform var(--transition-fast), color var(--transition-fast);font-size:.82rem}.bode-card:hover .bode-arrow{color:var(--primary-light);transform:translate(4px)}@media (width<=640px){.page-header{padding:var(--space-4);align-items:flex-start}.page-header h1{font-size:var(--fs-xl)}.part-card-top{flex-direction:column;align-items:flex-start}.part-meta{justify-content:flex-start}}.quiz-page{min-height:calc(100vh - var(--header-height) - 80px);flex-direction:column;display:flex}.quiz-header,.quiz-footer,.quiz-body{background:var(--glass-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.quiz-header{border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);justify-content:space-between;display:flex}.quiz-back{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.quiz-back:hover{color:var(--text-primary)}.quiz-timer{border:1px solid var(--border-accent);border-radius:var(--radius-full);color:var(--primary-light);font-size:var(--fs-lg);font-weight:var(--fw-bold);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#5e6ad21f;display:flex}.quiz-step{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.quiz-body{border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-8);flex:1}.quiz-title-row{margin-bottom:var(--space-4)}.quiz-title-row h2{font-size:var(--fs-xl)}.quiz-jump-input{border:0;border-bottom:2px solid var(--primary-light);color:var(--text-primary);font-size:inherit;font-weight:var(--fw-bold);text-align:center;background:0 0;outline:none;width:54px}.quiz-instruction{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-6)}.quiz-question-row{border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-4);transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:#ffffff0b;flex-wrap:wrap;display:flex}.quiz-question-row:hover{border-color:var(--border-hover);background:#ffffff10}.q-text{color:var(--text-primary);font-size:var(--fs-base)}.q-select{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--fs-sm);min-width:128px;min-height:38px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff13}.q-select:focus{border-color:var(--primary-light);background:#ffffff18;outline:none;box-shadow:0 0 0 4px #5e6ad224}.q-select option{background-color:var(--select-menu-bg)!important;color:var(--select-menu-text)!important}.quiz-footer{border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);justify-content:flex-end;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:linear-gradient(#12131cfa,#0a0b10fa);width:90%;max-width:520px;max-height:80vh;overflow-y:auto}[data-theme=light] .modal-box{background:#fff}.modal-header{border-bottom:1px solid var(--border-color);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--fs-lg)}.modal-close{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:#ffffff0f;width:36px;height:36px;font-size:1.2rem}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-6)}.result-table{border-collapse:collapse;margin-top:var(--space-4);width:100%}.result-table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:var(--fs-sm);padding:var(--space-3);text-align:left}.result-table td{border-bottom:1px solid var(--border-light);font-size:var(--fs-sm);padding:var(--space-3)}.text-correct{color:var(--success);font-weight:var(--fw-semibold)}.text-wrong{color:var(--error);font-weight:var(--fw-semibold)}@media (width<=640px){.quiz-header,.quiz-footer{flex-direction:column;align-items:stretch}.quiz-body{padding:var(--space-5)}}.legacy-page{width:100%;animation:none!important;transform:none!important}body.focus-mode .sidebar,body.focus-mode .sidebar-overlay{display:none!important}body.focus-mode .app-main{margin-left:0!important}body.focus-mode .header{left:0!important}body.focus-mode #sidebarToggle{display:none!important}body.focus-mode .app-content{max-width:1360px}#question2_topic,#question4_topic,#question5_topic{color:var(--text-primary)!important}.legacy-shell-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);top:calc(var(--header-height) + var(--space-4));z-index:20;justify-content:space-between;display:flex;position:sticky}.legacy-shell-box{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:56px;padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff0b;align-items:center}.legacy-back-box{flex:none;width:fit-content;min-width:0;display:inline-flex}.legacy-info-box{gap:var(--space-4);flex:0 auto;justify-content:flex-end;max-width:min(100%,720px);margin-left:auto;display:inline-flex}.legacy-info-box .quiz-step{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.legacy-content{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);-webkit-backdrop-filter:var(--glass-blur);position:relative;overflow:hidden}.legacy-runtime-hooks{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.legacy-timer{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-accent);color:var(--primary-light);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;background:#5e6ad21f;margin-left:0;padding:.45rem .75rem;display:inline-flex}.legacy-timer.is-low{color:var(--error);background:var(--error-light)}.legacy-content .header{border-radius:var(--radius-md);height:auto;margin-bottom:var(--space-6);position:static;inset:auto}.legacy-content .container,.legacy-content .container-fluid{width:min(100%,1120px);margin-inline:auto;box-shadow:none!important;background:0 0!important;border:none!important}.legacy-content .row{flex-wrap:wrap;margin-inline:-12px;display:flex}.legacy-content [class*=col-]{flex:1 0;min-width:0;padding-inline:12px}.legacy-content .col-md-4{flex:0 0 33.333%;max-width:33.333%}.legacy-content .col-md-5{flex:0 0 41.666%;max-width:41.666%}.legacy-content .col-md-6{flex:0 0 50%;max-width:50%}.legacy-content .col-md-7{flex:0 0 58.333%;max-width:58.333%}.legacy-content .col-md-8{flex:0 0 66.666%;max-width:66.666%}.legacy-content .col-md-12{flex:0 0 100%;max-width:100%}.legacy-content .d-none{display:none!important}.legacy-content .d-flex{display:flex!important}.legacy-content .d-block{display:block!important}.legacy-content .align-items-center{align-items:center!important}.legacy-content .justify-content-between{justify-content:space-between!important}.legacy-content .justify-content-center{justify-content:center!important}.legacy-content .text-center{text-align:center!important}.legacy-content .text-white{color:#fff!important}.legacy-content .text-dark{color:var(--text-primary)!important}.legacy-content .text-light{color:#f8fafc!important}.legacy-content .text-success{color:var(--success)!important}.legacy-content .text-danger{color:var(--error)!important}.legacy-content .text-decoration-none{text-decoration:none!important}.legacy-content .fw-bold{font-weight:700!important}.legacy-content .p-0{padding:0!important}.legacy-content .p-3{padding:1rem!important}.legacy-content .py-4{padding-block:1.5rem!important}.legacy-content .py-5{padding-block:2rem!important}.legacy-content .my-2{margin-block:.5rem!important}.legacy-content .my-3{margin-block:1rem!important}.legacy-content .my-4{margin-block:1.5rem!important}.legacy-content .mt-2{margin-top:.5rem!important}.legacy-content .mt-3{margin-top:1rem!important}.legacy-content .mt-4{margin-top:1.5rem!important}.legacy-content .mb-0{margin-bottom:0!important}.legacy-content .mb-2{margin-bottom:.5rem!important}.legacy-content .mb-3{margin-bottom:1rem!important}.legacy-content .mb-4{margin-bottom:1.5rem!important}.legacy-content .me-2{margin-right:.5rem!important}.legacy-content .me-3{margin-right:1rem!important}.legacy-content .gap-2{gap:.5rem!important}.legacy-content .gap-3{gap:1rem!important}.legacy-content .w-100{width:100%!important}.legacy-content .fs-4{font-size:1.35rem!important}.legacy-content .fs-5{font-size:1.15rem!important}.legacy-content .fs-6{font-size:1rem!important}.legacy-content .bg-primary{background:var(--primary)!important}.legacy-content .bg-white{background:var(--bg-card)!important}.legacy-content .shadow-sm{box-shadow:var(--shadow-sm)!important}.legacy-content .shadow-lg{box-shadow:var(--shadow-lg)!important}.legacy-content h1,.legacy-content h2,.legacy-content h3,.legacy-content h4,.legacy-content h5,.legacy-content h6{margin-bottom:.65em}.legacy-content p{margin-bottom:1rem}.legacy-content a:not(.btn){color:var(--primary)}.legacy-content table{border-collapse:collapse;width:100%}.legacy-content th,.legacy-content td{border:1px solid var(--border-light);padding:.75rem}.legacy-content .card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffff0b}.legacy-content .card:hover{transform:none}.legacy-content .card-body{padding:1rem}.legacy-content .question-container,.legacy-content #questions-container,.legacy-content [id$=_questions_container],.legacy-content .intro-table{border-radius:var(--radius-md)}.legacy-content .question-container{border:1px solid var(--border-light);background:#ffffff0b;margin-bottom:1rem;padding:1rem}.legacy-content #questions-container>div,.legacy-content .quiz-question-row,.legacy-content #questions-container>div>span,.legacy-content #questions-container>div span,.legacy-content #questions-container>div b,.legacy-content #questions-container>div strong,.legacy-content .quiz-question-row span,.legacy-content .quiz-question-row b,.legacy-content .quiz-question-row strong{color:var(--text-primary)!important;font-weight:500!important}.legacy-content .legacy-jump-text{pointer-events:none;appearance:textfield;width:auto!important;min-width:1.8em!important;max-width:4em!important;color:var(--primary)!important;font:inherit!important;text-align:center!important;background:0 0!important;border:0!important;padding:0 .1em!important;font-weight:800!important}.legacy-content .legacy-jump-text::-webkit-inner-spin-button{appearance:none;margin:0}.legacy-content .legacy-jump-text::-webkit-outer-spin-button{appearance:none;margin:0}.legacy-content .top-bar{background:linear-gradient(135deg, var(--primary), var(--accent-reading));color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-accent);margin-bottom:1.25rem;padding:.85rem 1rem}.legacy-content .btn{min-height:38px}.legacy-content .btn-primary,.legacy-content .btn-check-result,.legacy-content #btn_checkallquestions,.legacy-content #checkResultButton{background:linear-gradient(135deg, var(--primary), var(--primary-light));border:1px solid var(--primary-light);color:#fff}.legacy-content .btn-back,.legacy-content .btn-next{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary)}.legacy-content .btn-link{color:inherit;background:0 0;padding-inline:.25rem}.legacy-content .btn-outline-primary{border:1px solid var(--primary);color:var(--primary);background:0 0}.legacy-content .btn-outline-success{border:1px solid var(--success);color:var(--success);background:0 0}.legacy-content .btn-info{background:linear-gradient(135deg, var(--accent-speaking), var(--accent-speaking-light));color:#06101f}.legacy-content .btn-light{background:var(--bg-input);color:var(--text-primary)}.legacy-content .footer,.legacy-content .footer-nav,.legacy-content .navigation,.legacy-content .nav-buttons{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end!important;align-items:center!important;display:flex!important}.legacy-content.writing-key-page{padding-bottom:var(--space-6)}.legacy-content .writing-wizard-header{border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-5);background:#ffffff0d;justify-content:space-between;display:flex}.legacy-content .writing-wizard-kicker{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);margin-bottom:var(--space-2);text-transform:uppercase;display:block}.legacy-content .writing-wizard-header h2{font-size:var(--fs-xl);margin:0}.legacy-content .writing-step{border-radius:0;max-width:980px;box-shadow:none!important;background:0 0!important;border:0!important}.legacy-content .writing-step.is-active{animation:fadeIn .26s var(--ease-out) both}.legacy-content .writing-wizard-nav{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 0;border-radius:0;justify-content:flex-end;max-width:none;padding:0;display:flex;box-shadow:none!important;background:0 0!important;border:0!important}.legacy-content .writing-wizard-nav .btn{min-width:112px}.legacy-content .writing-wizard-nav .btn:disabled{cursor:not-allowed;opacity:.48}.legacy-content.writing-key-page [id^=question][id$=_showanswer]{display:none!important}.legacy-content.reading-part5-page #question5{max-width:1280px}.legacy-content.reading-part5-page .custom-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.legacy-content .legacy-hidden-control{display:none!important}.legacy-content .reading-part5-shell{gap:var(--space-5);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;display:grid}.legacy-content .reading-part5-passages,.legacy-content .reading-part5-questions{gap:var(--space-3);display:grid}.legacy-content .reading-part5-passages{max-height:min(72vh,820px);padding-right:var(--space-2);overflow:auto}.legacy-content .reading-part5-questions{top:var(--space-5);position:sticky}.legacy-content .reading-part5-passage{box-shadow:none;padding:var(--space-2) 0;margin-bottom:var(--space-4);background:0 0;border:none;border-radius:0}.legacy-content .reading-part5-question{box-shadow:none;padding:var(--space-2) 0;margin-bottom:var(--space-2);background:0 0;border:none;border-radius:0}.legacy-content .reading-part5-passage h3{color:var(--text-primary);font-size:var(--fs-sm);margin-bottom:var(--space-2);text-transform:uppercase}.legacy-content .reading-part5-passage-text{color:var(--text-secondary);margin:0;line-height:1.72}.legacy-content .reading-part5-question-row{gap:var(--space-3);grid-template-columns:42px minmax(0,1fr);align-items:center!important;display:grid!important}.legacy-content .reading-part5-question-row label{color:var(--text-primary);font-weight:var(--fw-bold);margin:0!important}.legacy-content .reading-part5-question-row select{width:100%}.legacy-content .legacy-meo-clean,.legacy-content .writing-meo-clean,.legacy-content .grammar-meo-clean{margin-block:0!important}.legacy-content .legacy-meo-content,.legacy-content .writing-meo-content,.legacy-content .grammar-meo-content{width:100%}.legacy-content .legacy-meo-content .filter-section:first-child,.legacy-content .writing-meo-content .filter-section:first-child,.legacy-content .grammar-meo-content .filter-section:first-child{margin-top:0}.legacy-content .legacy-meo-content .note,.legacy-content .legacy-meo-content .alert,.legacy-content .writing-meo-content .note,.legacy-content .writing-meo-content .alert,.legacy-content .grammar-meo-content .note,.legacy-content .grammar-meo-content .alert{border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;background:#fff1!important}.legacy-content .writing-meo-content .hl{color:#dc3545!important;font-weight:800!important}.legacy-content input[type=text],.legacy-content input[type=number],.legacy-content textarea,.legacy-content select,.legacy-content .form-control,.legacy-content .form-select{border:1px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font:inherit;padding:.55rem .7rem}.legacy-content select,.legacy-content .form-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;min-height:42px;line-height:1.25;box-shadow:inset 0 1px #ffffff0a;border-color:color-mix(in srgb, var(--border-color) 82%, var(--primary))!important;background-color:var(--bg-input)!important;color:var(--text-primary)!important;padding:.58rem 2.25rem .58rem .8rem!important;font-weight:500!important}.legacy-content select:focus,.legacy-content .form-select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);outline:0;border-color:var(--primary)!important}.legacy-content select option,.legacy-content .form-select option{background-color:var(--select-menu-bg)!important;color:var(--select-menu-text)!important}.legacy-content select.w-auto,.legacy-content .form-select.w-auto,.legacy-content #questions-container select,.legacy-content .quiz-question-row select{flex:0 auto;min-width:112px;max-width:220px;margin-inline:.65rem;width:auto!important}.legacy-content textarea{resize:vertical;min-height:150px}.legacy-content .form-check{align-items:flex-start;gap:.65rem;margin-bottom:.75rem;display:flex}.legacy-content .form-check-input{flex:none;width:1.05rem;height:1.05rem;margin-top:.25rem}.legacy-content .form-range{width:min(180px,30vw)}.legacy-content audio{width:100%;margin-top:.75rem}.legacy-content img{border-radius:var(--radius-md);object-fit:contain;max-height:520px;margin-inline:auto}.legacy-content .q-tab,.legacy-content .nav-link,.legacy-content [draggable=true]{cursor:pointer}.legacy-content [draggable=true]{-webkit-user-select:none;user-select:none}.legacy-content .is-dragging{opacity:.55}.legacy-content .modal{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172ab8;padding:1rem;display:none;position:absolute;inset:0;overflow:hidden}.legacy-content .modal.show{justify-content:center;align-items:center;display:flex!important}.legacy-content .modal-dialog{width:min(720px,100%);max-height:min(760px, calc(var(--legacy-modal-max-height,100vh) - 2rem), calc(100vh - 2rem));align-items:center;min-height:0;margin:0 auto;display:flex}.legacy-content .modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:min(760px, calc(var(--legacy-modal-max-height,100vh) - 2rem), calc(100vh - 2rem));overscroll-behavior:contain;flex-direction:column;width:100%;min-height:0;display:flex;overflow:hidden}.legacy-content .modal-header,.legacy-content .modal-footer{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.legacy-content .modal-footer{display:none!important}.legacy-content #confirmationModal .modal-footer{display:flex!important}.legacy-content .modal-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:1.25rem;overflow:auto}.legacy-content .modal-body>.container{max-width:100%;padding-inline:0}.legacy-content .btn-close{border-radius:var(--radius-full);background:var(--bg-input);width:32px;height:32px}.legacy-content .btn-close:before{content:"x";color:var(--text-primary);font-weight:700}.legacy-content tr.result-correct,.legacy-content tr.result-correct>td,.legacy-content tr.result-correct>th,.legacy-content .answer-correct{background:color-mix(in srgb, var(--success) 12%, transparent)!important;border-color:color-mix(in srgb, var(--success) 45%, var(--border-color))!important}.legacy-content tr.result-wrong,.legacy-content tr.result-wrong>td,.legacy-content tr.result-wrong>th,.legacy-content .answer-wrong{background:color-mix(in srgb, var(--error) 10%, transparent)!important;border-color:color-mix(in srgb, var(--error) 45%, var(--border-color))!important}.legacy-content .answer-ok{font-weight:800;color:var(--success)!important}.legacy-content .answer-bad{font-weight:800;color:var(--error)!important}.legacy-content .correct,.legacy-content .answer-ok,.legacy-content td.answer-ok,.legacy-content td.answer-ok *,.legacy-content .modal td.text-success,.legacy-content .modal td .text-success,.legacy-content .modal td.answer-ok,.legacy-content .modal td .answer-ok,.legacy-content .modal td .correct{color:var(--success)!important}.legacy-content .incorrect,.legacy-content .answer-bad,.legacy-content td.answer-bad,.legacy-content td.answer-bad *,.legacy-content .modal td.text-danger,.legacy-content .modal td .text-danger,.legacy-content .modal td.answer-bad,.legacy-content .modal td .answer-bad,.legacy-content .modal td .incorrect{color:var(--error)!important}[data-theme=dark] .legacy-content .correct,[data-theme=dark] .legacy-content .answer-ok,[data-theme=dark] .legacy-content td.answer-ok,[data-theme=dark] .legacy-content td.answer-ok *,[data-theme=dark] .legacy-content .modal td.text-success,[data-theme=dark] .legacy-content .modal td .text-success,[data-theme=dark] .legacy-content .modal td.answer-ok,[data-theme=dark] .legacy-content .modal td .answer-ok,[data-theme=dark] .legacy-content .modal td .correct{color:var(--success)!important}[data-theme=dark] .legacy-content .incorrect,[data-theme=dark] .legacy-content .answer-bad,[data-theme=dark] .legacy-content td.answer-bad,[data-theme=dark] .legacy-content td.answer-bad *,[data-theme=dark] .legacy-content .modal td.text-danger,[data-theme=dark] .legacy-content .modal td .text-danger,[data-theme=dark] .legacy-content .modal td.answer-bad,[data-theme=dark] .legacy-content .modal td .answer-bad,[data-theme=dark] .legacy-content .modal td .incorrect{color:var(--error)!important}.legacy-content .legacy-correct-cell,.legacy-content .legacy-correct-cell *,.legacy-content .modal td.legacy-correct-cell,.legacy-content .modal td.legacy-correct-cell *{color:inherit!important;font-weight:inherit!important}[data-theme=dark] .legacy-content .legacy-correct-cell,[data-theme=dark] .legacy-content .legacy-correct-cell *,[data-theme=dark] .legacy-content .modal td.legacy-correct-cell,[data-theme=dark] .legacy-content .modal td.legacy-correct-cell *{color:var(--text-primary)!important;font-weight:inherit!important}.legacy-content #result_navigation .d-flex.justify-content-center{gap:var(--space-4)!important}.time-setup-page{min-height:calc(100vh - var(--header-height) - 160px);place-items:center;display:grid;position:relative}.time-setup-back{position:absolute;top:0;left:0}.time-setup-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(520px,100%);box-shadow:var(--shadow-card);padding:var(--space-8);text-align:center}.time-setup-icon{border-radius:var(--radius-lg);background:var(--primary-gradient);color:#fff;width:64px;height:64px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:1.6rem;display:inline-flex}.time-setup-card h1{font-size:var(--fs-2xl)}.time-setup-card p{margin:var(--space-3) 0 var(--space-6)}.time-setup-label{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-3);display:block}.time-setup-control{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:44px 1fr 44px;display:grid}.time-setup-control input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);height:48px;color:var(--text-primary);text-align:center;font:inherit;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.time-step{border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:1.2rem}[data-theme=dark] .legacy-content,[data-theme=dark] .legacy-content .card,[data-theme=dark] .legacy-content .card-body,[data-theme=dark] .legacy-content .question-container,[data-theme=dark] .legacy-content .rule-box,[data-theme=dark] .legacy-content .table-responsive,[data-theme=dark] .legacy-content .table,[data-theme=dark] .legacy-content .modal-content,[data-theme=dark] .legacy-content .intro-table,[data-theme=dark] .legacy-content .action-card,[data-theme=dark] .legacy-content .bg-white,[data-theme=dark] .legacy-content .bg-light,[data-theme=dark] .legacy-content .bg-body,[data-theme=dark] .legacy-content .bg-body-tertiary,[data-theme=dark] .legacy-content [style*="background: #fff"],[data-theme=dark] .legacy-content [style*="background:#fff"],[data-theme=dark] .legacy-content [style*="background: #ffffff"],[data-theme=dark] .legacy-content [style*="background:#ffffff"],[data-theme=dark] .legacy-content [style*="background-color: #fff"],[data-theme=dark] .legacy-content [style*="background-color:#fff"],[data-theme=dark] .legacy-content [style*="background-color: #ffffff"],[data-theme=dark] .legacy-content [style*="background-color:#ffffff"],[data-theme=dark] .legacy-content table,[data-theme=dark] .legacy-content tr,[data-theme=dark] .legacy-content td,[data-theme=dark] .legacy-content th{color:var(--text-primary)!important;background:#ffffff0e!important}[data-theme=dark] .legacy-content .rule-box,[data-theme=dark] .legacy-content .card,[data-theme=dark] .legacy-content .question-container,[data-theme=dark] .legacy-content .intro-table,[data-theme=dark] .legacy-content .action-card{border-color:var(--border-color)!important;box-shadow:var(--shadow-sm)!important}[data-theme=dark] .legacy-content .note,[data-theme=dark] .legacy-content pre.formula,[data-theme=dark] .legacy-content .toc,[data-theme=dark] .legacy-content .list-group,[data-theme=dark] .legacy-content .list-group-item,[data-theme=dark] .legacy-content .alert,[data-theme=dark] .legacy-content .alert-info{border-color:var(--border-color)!important;color:var(--text-primary)!important;background:#ffffff0b!important}[data-theme=dark] .legacy-content .list-group-item:hover,[data-theme=dark] .legacy-content .list-group-item:focus,[data-theme=dark] .legacy-content .list-group-item.active{border-color:var(--border-accent)!important;color:var(--text-primary)!important;background:#5e6ad238!important}[data-theme=dark] .legacy-content .note em,[data-theme=dark] .legacy-content .note u,[data-theme=dark] .legacy-content .alert em,[data-theme=dark] .legacy-content .alert u{color:var(--text-secondary)!important}[data-theme=dark] .legacy-content .rule-box{border-left-color:var(--primary-light)!important}[data-theme=dark] .legacy-content .table{--bs-table-bg:transparent;--bs-table-color:var(--text-primary);--bs-table-border-color:var(--border-color);--bs-table-striped-bg:#ffffff0a;--bs-table-hover-bg:#ffffff13;--bs-table-hover-color:var(--text-primary)}[data-theme=dark] .legacy-content thead,[data-theme=dark] .legacy-content thead tr,[data-theme=dark] .legacy-content thead th,[data-theme=dark] .legacy-content .table th{color:#fff!important;background:linear-gradient(135deg,#5e6ad2db,#63a7ff8f)!important;border-color:#ffffff24!important}[data-theme=dark] .legacy-content tbody tr:hover>*{color:var(--text-primary)!important;background:#ffffff13!important}[data-theme=dark] .legacy-content input,[data-theme=dark] .legacy-content textarea,[data-theme=dark] .legacy-content select,[data-theme=dark] .legacy-content .form-control,[data-theme=dark] .legacy-content .form-select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .legacy-content #questions-container>div,[data-theme=dark] .legacy-content #questions-container>div span,[data-theme=dark] .legacy-content #questions-container>div b,[data-theme=dark] .legacy-content #questions-container>div strong,[data-theme=dark] .legacy-content .quiz-question-row,[data-theme=dark] .legacy-content .quiz-question-row span,[data-theme=dark] .legacy-content .quiz-question-row b,[data-theme=dark] .legacy-content .quiz-question-row strong{color:var(--text-primary)!important;font-weight:500!important}[data-theme=dark] .legacy-content select,[data-theme=dark] .legacy-content .form-select{background-color:var(--bg-input)!important;border-color:color-mix(in srgb, var(--border-color) 72%, var(--primary))!important;color:var(--text-primary)!important}[data-theme=dark] .legacy-content select option,[data-theme=dark] .legacy-content .form-select option{background-color:var(--select-menu-bg)!important;color:var(--select-menu-text)!important}[data-theme=dark] .legacy-content p,[data-theme=dark] .legacy-content label,[data-theme=dark] .legacy-content li,[data-theme=dark] .legacy-content span,[data-theme=dark] .legacy-content .form-check-label,[data-theme=dark] .legacy-content .text-primary,[data-theme=dark] .legacy-content .text-secondary,[data-theme=dark] .legacy-content .text-muted,[data-theme=dark] .legacy-content .text-body,[data-theme=dark] .legacy-content .text-body-secondary{color:var(--text-secondary)!important}[data-theme=dark] .legacy-content strong,[data-theme=dark] .legacy-content b,[data-theme=dark] .legacy-content h1,[data-theme=dark] .legacy-content h2,[data-theme=dark] .legacy-content h3,[data-theme=dark] .legacy-content h4,[data-theme=dark] .legacy-content h5,[data-theme=dark] .legacy-content h6{color:var(--text-primary)!important}[data-theme=dark] .legacy-content .text-danger,[data-theme=dark] .legacy-content [style*=color\:red],[data-theme=dark] .legacy-content [style*="color: red"],[data-theme=dark] .legacy-content [style*=color\:red] *,[data-theme=dark] .legacy-content [style*="color: red"] *,[data-theme=dark] .legacy-content font[color=red],[data-theme=dark] .legacy-content font[color=red] *{color:#ff8c98!important}[data-theme=dark] .legacy-content [style*=color\:green],[data-theme=dark] .legacy-content [style*="color: green"],[data-theme=dark] .legacy-content [style*=color\:green] *,[data-theme=dark] .legacy-content [style*="color: green"] *,[data-theme=dark] .legacy-content font[color=green],[data-theme=dark] .legacy-content font[color=green] *{color:#4ade80!important}[data-theme=dark] .legacy-content [style*=color\:yellow],[data-theme=dark] .legacy-content [style*="color: yellow"],[data-theme=dark] .legacy-content [style*=color\:yellow] *,[data-theme=dark] .legacy-content [style*="color: yellow"] *{color:#facc15!important}[data-theme=dark] .legacy-content [style*=color\:lime],[data-theme=dark] .legacy-content [style*="color: lime"],[data-theme=dark] .legacy-content [style*=color\:lime] *,[data-theme=dark] .legacy-content [style*="color: lime"] *{color:#a3e635!important}[data-theme=dark] .legacy-content .writing-meo-content .note,[data-theme=dark] .legacy-content .writing-meo-content .alert{border-color:var(--border-color)!important;color:var(--text-primary)!important;background:#ffffff12!important}[data-theme=dark] .legacy-content .writing-meo-content .hl,[data-theme=dark] .legacy-content .writing-meo-content .hl.tip{color:#ff6b7a!important;font-weight:800!important}[data-theme=dark] .legacy-content .text-success{color:var(--success)!important}[data-theme=dark] .legacy-content .text-warning{color:var(--warning)!important}[data-theme=dark] .legacy-content .text-info{color:var(--info)!important}[data-theme=dark] .legacy-content .modal,[data-theme=dark] .legacy-content .modal.show{background:#020617d1!important}[data-theme=dark] .legacy-content .modal-content,[data-theme=dark] .legacy-content .modal-header,[data-theme=dark] .legacy-content .modal-body,[data-theme=dark] .legacy-content .modal-footer,[data-theme=dark] .legacy-content .modal table,[data-theme=dark] .legacy-content .modal tbody,[data-theme=dark] .legacy-content .modal thead,[data-theme=dark] .legacy-content .modal tr,[data-theme=dark] .legacy-content .modal td,[data-theme=dark] .legacy-content .modal th{background:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] .legacy-content .question-card{border:1px solid var(--border-color)!important;box-shadow:var(--shadow-card)!important;color:var(--text-primary)!important;background:linear-gradient(#ffffff13,#ffffff06)!important}[data-theme=dark] .legacy-content .practice-card{box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important}[data-theme=dark] .legacy-content .practice-card .set-counter,[data-theme=dark] .legacy-content .practice-card .question-text,[data-theme=dark] .legacy-content .practice-card .answer-box__text,[data-theme=dark] .legacy-content .practice-card .final-text{color:var(--text-primary)!important}[data-theme=dark] .legacy-content .practice-card #setInput,[data-theme=dark] .legacy-content .practice-card #setTotal,[data-theme=dark] .legacy-content .practice-card .transcript-label,[data-theme=dark] .legacy-content .practice-card .placeholder-text,[data-theme=dark] .legacy-content .practice-card .interim-text,[data-theme=dark] .legacy-content .practice-card .answer-box__label{color:var(--text-muted)!important}[data-theme=dark] .legacy-content .practice-card #setInput{border:0!important;border-bottom:1px solid var(--primary-light)!important;color:var(--primary-light)!important;background:0 0!important;border-radius:0!important}[data-theme=dark] .legacy-content .practice-card .q-tab,[data-theme=dark] .legacy-content .practice-card .picture-img,[data-theme=dark] .legacy-content .practice-card #pictureImg,[data-theme=dark] .legacy-content .practice-card #transcriptBox{border-color:var(--border-color)!important;color:var(--text-primary)!important;background:#ffffff0b!important}[data-theme=dark] .legacy-content .practice-card .q-tab.active{border-color:var(--primary-light)!important;color:var(--primary-light)!important;background:#5e6ad22e!important}@media (width<=900px){.legacy-content .reading-part5-shell{grid-template-columns:1fr}.legacy-content .reading-part5-passages{max-height:none;padding-right:0;overflow:visible}.legacy-content .reading-part5-questions{position:static}}[data-theme=dark] .legacy-content .question-counter,[data-theme=dark] .legacy-content .question-text,[data-theme=dark] .legacy-content .transcript-label,[data-theme=dark] .legacy-content .answer-box__label,[data-theme=dark] .legacy-content .answer-box__text,[data-theme=dark] .legacy-content .final-text{color:var(--text-primary)!important}[data-theme=dark] .legacy-content #questionTotal,[data-theme=dark] .legacy-content .placeholder-text,[data-theme=dark] .legacy-content .interim-text{color:var(--text-muted)!important}[data-theme=dark] .legacy-content #questionInput{color:var(--primary-light)!important;border-bottom-color:var(--primary-light)!important}[data-theme=dark] .legacy-content #transcriptBox{border-color:var(--border-color)!important;color:var(--text-primary)!important;background:#ffffff0b!important}[data-theme=dark] .legacy-content .answer-box,[data-theme=dark] .legacy-content .answer-box--primary,[data-theme=dark] .legacy-content .answer-box--success{border-color:var(--border-accent)!important;color:var(--text-primary)!important;background:#ffffff0d!important}[data-theme=dark] .legacy-content .btn-read{border-color:var(--border-color)!important;color:var(--text-primary)!important;background:#ffffff0e!important}[data-theme=dark] .legacy-content .btn-read:hover{background:#ffffff16!important}[data-theme=dark] .legacy-content .divider,[data-theme=dark] .legacy-content .progress-bar-wrapper{border-color:var(--border-color)!important;background:#ffffff14!important}[data-theme=dark] .legacy-content tr.result-correct,[data-theme=dark] .legacy-content tr.result-correct>td,[data-theme=dark] .legacy-content tr.result-correct>th,[data-theme=dark] .legacy-content .answer-correct{background:color-mix(in srgb, var(--success) 26%, var(--bg-card))!important;color:var(--text-primary)!important;border-color:color-mix(in srgb, var(--success) 55%, var(--border-color))!important}[data-theme=dark] .legacy-content tr.result-wrong,[data-theme=dark] .legacy-content tr.result-wrong>td,[data-theme=dark] .legacy-content tr.result-wrong>th,[data-theme=dark] .legacy-content .answer-wrong{background:color-mix(in srgb, var(--error) 26%, var(--bg-card))!important;color:var(--text-primary)!important;border-color:color-mix(in srgb, var(--error) 55%, var(--border-color))!important}@media (width<=768px){.legacy-content{padding:var(--space-4)}.legacy-shell-header{align-items:stretch;gap:var(--space-3);top:calc(var(--header-height) + var(--space-3));flex-wrap:wrap;position:sticky}.legacy-back-box{min-width:0}.legacy-info-box{flex:100%;justify-content:space-between;max-width:100%;margin-left:0}.legacy-content .row{margin-inline:0;display:block}.legacy-content [class*=col-]{max-width:100%;padding-inline:0}.legacy-content .d-flex{flex-wrap:wrap}}.legacy-content.listening-test-mode [id^=showTranscriptButton],.legacy-content.listening-test-mode [id*=showTranscriptButton],.legacy-content.listening-test-mode [id^=transcriptBox],.legacy-content.listening-test-mode [id*=transcriptBox]{display:none!important}.legacy-content [id^=q16_opinion][id$=_label]{margin-bottom:var(--space-3)!important;color:var(--text-primary)!important;font-size:1.05rem!important;font-weight:600!important;display:block!important}.legacy-content [id^=opinion][id$=_label]{font-weight:600!important}.legacy-content .question-container .form-check{margin-bottom:var(--space-3)!important}.legacy-content .question-container p:has(#questionText){margin-bottom:var(--space-3)!important}.legacy-content .q-tabs .q-tab i{display:none!important}.legacy-content .practice-card{box-shadow:none!important;background:0 0!important;border:none!important;margin-top:0!important}.legacy-content .practice-card .set-counter,.legacy-content .practice-card .picture-section,.legacy-content .practice-card .q-tabs,.legacy-content .practice-card .question-section,.legacy-content .practice-card .transcript-section,.legacy-content .practice-card .answer-buttons{padding-left:0!important;padding-right:0!important}.legacy-content .practice-card .answer-box,.legacy-content .practice-card .divider{margin-left:0!important;margin-right:0!important}.legacy-content #recordBtn{box-shadow:none!important;background:0 0!important;transition:all .2s!important}.legacy-content #recordBtn.btn-danger{border:1.5px solid var(--error)!important;color:var(--error)!important}.legacy-content #recordBtn.btn-danger:hover{background:color-mix(in srgb, var(--error) 10%, transparent)!important}.legacy-content #recordBtn.btn-secondary{border:1.5px solid var(--error)!important;color:var(--error)!important}.legacy-content #recordBtn.btn-secondary:hover{background:color-mix(in srgb, var(--error) 10%, transparent)!important}.legacy-content #recordBtn.btn-warning{border:1.5px solid var(--warning)!important;color:var(--warning)!important}.legacy-content #recordBtn.btn-warning:hover{background:color-mix(in srgb, var(--warning) 10%, transparent)!important}.legacy-content:has(#sortable-list) h2{color:var(--text-primary)!important}.legacy-content:has(#sortable-list) .topic-display{color:var(--primary-light)!important}.legacy-content:has(#sortable-list) .sort-item{background:var(--bg-input)!important;border:1.5px solid var(--border-color)!important;color:var(--text-primary)!important}.legacy-content:has(#sortable-list) .sort-item:hover{border-color:var(--border-hover)!important}.legacy-content:has(#sortable-list) .answer-item{border:1.5px dashed var(--border-color)!important;color:var(--text-secondary)!important;background:#ffffff05!important}.legacy-content:has(#sortable-list) .sort-item.correct{background-color:var(--success-light)!important;border-color:var(--success)!important;color:var(--success)!important}.legacy-content:has(#sortable-list) .sort-item.wrong{background-color:var(--error-light)!important;border-color:var(--error)!important;color:var(--error)!important}.legacy-content:has(#sortable-list) .modal-content{background:var(--bg-card-strong)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-lg)!important}.legacy-content:has(#sortable-list) .close-modal{color:var(--text-muted)!important}.legacy-content:has(#sortable-list) button{border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.header-toggle,.theme-toggle,#sidebarToggle,#themeToggle{border-radius:var(--radius-md)!important;width:38px!important;min-width:0!important;height:38px!important;padding:0!important;display:flex!important}.legacy-content table.table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;background:var(--bg-card)!important;box-shadow:var(--shadow-sm)!important;margin-bottom:var(--space-6)!important;overflow:hidden!important}.legacy-content table.table thead,.legacy-content table.table thead.table-light{background:var(--primary-light)!important;background-color:var(--primary-light)!important}.legacy-content table.table thead th{color:var(--text-primary)!important;border-bottom:2px solid var(--border-color)!important;padding:var(--space-4) var(--space-5)!important;font-weight:600!important;font-size:var(--fs-sm)!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:0 0!important;border-inline:none!important}.legacy-content table.table tbody th,.legacy-content table.table tbody td{color:var(--text-primary)!important;border-color:var(--border-color)!important;padding:var(--space-4) var(--space-5)!important;font-size:var(--fs-sm)!important}.legacy-content table.table tbody th{color:var(--text-secondary)!important;text-align:center!important;font-weight:600!important}.legacy-content table.table tbody,.legacy-content table.table tbody tr,.legacy-content table.table tbody th,.legacy-content table.table tbody td,[data-theme=dark] .legacy-content table.table tbody,[data-theme=dark] .legacy-content table.table tbody tr,[data-theme=dark] .legacy-content table.table tbody th,[data-theme=dark] .legacy-content table.table tbody td{background:0 0!important}[data-theme=dark] .legacy-content table.table tbody th{color:var(--text-secondary)!important}.legacy-content table.table tbody tr:hover,.legacy-content table.table tbody tr:hover td,.legacy-content table.table tbody tr:hover th,.legacy-content table.table tbody tr:hover>*,[data-theme=dark] .legacy-content table.table tbody tr:hover,[data-theme=dark] .legacy-content table.table tbody tr:hover td,[data-theme=dark] .legacy-content table.table tbody tr:hover th,[data-theme=dark] .legacy-content table.table tbody tr:hover>*{color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important}[data-theme=dark] .legacy-content table.table tbody tr:hover th{color:var(--text-secondary)!important}.legacy-content .answer-inline{border-left:4px solid var(--primary)!important;border-radius:0 var(--radius-md) var(--radius-md) 0!important;padding:var(--space-4) var(--space-5)!important;font-size:var(--fs-sm)!important;color:var(--text-primary)!important;box-shadow:none!important;margin-top:var(--space-2)!important;margin-bottom:var(--space-2)!important;background:#5e6ad214!important}.legacy-content .answer-inline.answer2{border-left-color:var(--success)!important;background:#2ecc7114!important}[data-theme=dark] .legacy-content .answer-inline{border-left-color:var(--primary-light)!important;background:#5e6ad226!important}[data-theme=dark] .legacy-content .answer-inline.answer2{border-left-color:var(--success)!important;background:#2ecc7126!important}.legacy-content .answer-inline-label{font-size:var(--fs-xs)!important;text-transform:uppercase!important;letter-spacing:1px!important;color:var(--text-secondary)!important;margin-bottom:var(--space-2)!important;font-weight:700!important}.legacy-content .btn-ans{border-radius:var(--radius-sm)!important;font-weight:500!important;font-size:var(--fs-xs)!important;padding:var(--space-2) var(--space-3)!important;text-transform:none!important;transition:all .2s!important}.legacy-content .btn-ans.btn-outline-primary{border-color:var(--primary)!important;color:var(--primary)!important}.legacy-content .btn-ans.btn-outline-primary:hover,.legacy-content .btn-ans.btn-outline-primary.active-1,.legacy-content .btn-ans.btn-outline-primary.active{background-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 12px #5e6ad266!important}.legacy-content .btn-ans.btn-outline-success{border-color:var(--success)!important;color:var(--success)!important}.legacy-content .btn-ans.btn-outline-success:hover,.legacy-content .btn-ans.btn-outline-success.active-2{background-color:var(--success)!important;color:#fff!important;box-shadow:0 0 12px #2ecc7166!important}