body,html{box-sizing:border-box!important;margin:0!important;min-width:100%!important;overflow-x:hidden!important;padding:0!important;width:100%!important}:root{--primary:#4f8cff;--secondary:#7c3aed;--accent:#ffd600;--background:#f9fafb;--text:#22223b;--card-bg:#fff;--card-shadow:0 4px 16px #4f8cff14;--hover-shadow:0 8px 32px #7c3aed1f;--nav-bg:var(--primary);--nav-text:#fff;--gradient-start:var(--primary);--gradient-end:var(--secondary)}[data-theme=dark]{--primary:#60a5fa;--secondary:#a78bfa;--accent:#fbbf24;--background:#1a1b1e;--text:#e2e8f0;--card-bg:#2d2e32;--card-shadow:0 4px 16px #0003;--hover-shadow:0 8px 32px #0000004d;--nav-bg:#2d2e32;--nav-text:#e2e8f0;--gradient-start:#3b82f6;--gradient-end:#8b5cf6}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bookPageTurn{0%{transform:skewY(0deg) scaleX(1)}20%{transform:skewY(-20deg) scaleX(1.05)}50%{transform:skewY(20deg) scaleX(.95)}80%{transform:skewY(-10deg) scaleX(1.02)}to{transform:skewY(0deg) scaleX(1)}}body{background:#f9fafb;background:var(--background);color:#22223b;color:var(--text);font-family:Inter,sans-serif;line-height:1.6;margin:0;padding:0}.App{flex-direction:column;margin:0;max-width:100%;min-height:100vh;padding:0}.App,.navbar{box-sizing:border-box;display:flex;width:100%}.navbar{align-items:center;animation:fadeIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4f8cff;background:var(--nav-bg);box-shadow:0 2px 8px #4f8cff14;color:#fff;color:var(--nav-text);justify-content:flex-start;padding:.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-content{gap:1rem;justify-content:space-between;width:100%}.navbar-content,.navbar-left{align-items:center;display:flex}.navbar-left{flex-shrink:0;flex:0 0 auto;padding-left:1rem}.navbar-mobile-right{flex-shrink:0;gap:.5rem;padding-right:1rem}.navbar-logo{align-items:center;cursor:pointer;display:flex;gap:.5rem;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ffd600);background:linear-gradient(45deg,#fff,var(--accent));background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:1px}.navbar-links{align-items:center;display:flex;gap:1rem;list-style:none;margin:0;padding:0}.navbar-links li{border-radius:.5rem;color:#fff;color:var(--nav-text,#fff);cursor:pointer;margin:0 .25rem;padding:.5rem 1rem;transition:all .3s ease}.navbar-links li:hover{background:#ffffff1a;transform:translateY(-2px)}.navbar-links li.active{background:#ffd600;background:var(--accent);color:#22223b;color:var(--text);font-weight:600}.navbar-avatar{align-items:center;display:flex;justify-content:center}.navbar-avatar,.navbar-avatar img{cursor:pointer;height:36px;transition:all .3s ease;width:36px}.navbar-avatar img{border:2px solid #ffd600;border:2px solid var(--accent,#ffd600);border-radius:50%;object-fit:cover}.navbar-avatar img:hover{transform:scale(1.1)}.hero{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#4f8cff,#7c3aed);background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:0 0 2rem 2rem;box-shadow:0 8px 32px #4f8cff1f;color:#fff;margin:0;padding:3rem 0 2rem}.hero,.hero-content{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.hero-content{animation:fadeIn 1s ease-out;flex-direction:column}.hero-content h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-align:center}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9;text-align:center}.cta-btn{background:#ffd600;background:var(--accent);border:none;border-radius:2rem;box-shadow:0 2px 8px #ffd6001f;color:#22223b;color:var(--text);cursor:pointer;font-size:1.1rem;font-weight:700;overflow:hidden;padding:.75rem 2rem;position:relative;transition:all .3s ease}.cta-btn:hover{background:#ffe066;box-shadow:0 4px 12px #ffd60033;transform:translateY(-2px)}.cta-btn:active{transform:translateY(0)}.hero-illustration{animation:float 6s ease-in-out infinite}.hero-illustration img{border-radius:1rem;box-shadow:0 4px 24px #4f8cff2e;max-width:220px}.features{animation:fadeIn 1.2s ease-out;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0 1rem}.feature-card{align-items:center;background:#fff;background:var(--card-bg);border-radius:1rem;box-shadow:0 4px 16px #4f8cff14;box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .3s ease;width:280px}.feature-card:before{background:linear-gradient(90deg,#4f8cff,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.feature-card:hover{box-shadow:0 8px 32px #7c3aed1f;box-shadow:var(--hover-shadow);transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-card img{margin-bottom:1rem;transition:transform .3s ease}.feature-card:hover img{transform:scale(1.1)}.feature-card h3{color:#4f8cff;color:var(--primary);font-size:1.2rem;font-weight:600;margin:.5rem 0}.feature-card p{color:#22223b;color:var(--text);font-size:1rem;margin:0;opacity:.8}.main-content{animation:fadeIn 1.4s ease-out;background:#fff;background:var(--card-bg);border-radius:1.5rem;box-shadow:0 4px 16px #4f8cff14;box-shadow:var(--card-shadow);box-sizing:border-box;margin:2rem auto;max-width:90vw;padding:2rem 2.5rem;text-align:center;width:100%}@media (min-width:1200px){.main-content{max-width:1000px}}@media (min-width:1600px){.main-content{max-width:1200px}}@media (min-width:2000px){.main-content{max-width:1400px}}.welcome-message{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 25px #667eea4d;margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.welcome-message:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-message h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:.75rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.welcome-message p{color:#ffffffe6;font-size:.95rem;margin-bottom:.5rem;position:relative;z-index:1}.loading{animation:pulse 2s infinite;color:#7c3aed;color:var(--secondary)}.error,.loading{font-weight:600;margin:1rem 0}.error{animation:fadeIn .3s ease-out;background:#fde8e8;border-radius:.5rem;color:#e63946;padding:1rem}.error,.footer{text-align:center}.footer{animation:fadeIn 1.6s ease-out;color:#888;font-size:1rem;margin-top:auto;padding:1.5rem 0 1rem}.footer-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer-contact{font-size:.9rem;opacity:.8}.footer-contact a{color:#4f8cff;color:var(--primary);font-weight:500;text-decoration:none;transition:all .3s ease}.footer-contact a:hover{color:#7c3aed;color:var(--secondary);text-decoration:underline}.ai-disclaimer{animation:fadeIn 2s ease-out;color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:.7rem;line-height:1.4;margin:0 auto;max-width:800px;opacity:.8;padding:.5rem 1rem 1.5rem;text-align:center}.ai-disclaimer p{margin:0;padding:0}.teachers-page{animation:fadeIn .8s ease-out;margin:0 auto;max-width:1200px;padding:2rem}.teachers-page .page-header{background:linear-gradient(135deg,#4f8cff,#7c3aed);background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:1rem;box-shadow:0 8px 32px #4f8cff26;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.teachers-page .page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.teachers-page .page-header p{font-size:1.2rem;margin:0;opacity:.9}.teachers-page .content{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:0 4px 16px #4f8cff14;box-shadow:var(--card-shadow);padding:2rem;text-align:center}.teachers-page .content p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:1.2rem}.teachers-page .content a{color:#4f8cff;color:var(--primary);font-weight:600;text-decoration:none;transition:all .3s ease}.teachers-page .content a:hover{color:#7c3aed;color:var(--secondary);text-decoration:underline}@media (max-width:1024px){.hero{flex-direction:column;padding:2rem 1rem 1rem;text-align:center}.hero-illustration{margin-top:2rem}.features{align-items:center;flex-direction:column}.exam-content,.study-guide,.unselectable-passage{background:#0000;border-radius:0;box-shadow:none;font-size:1.05rem;margin:.5rem auto;max-width:100%;padding:1rem .5rem;width:100%}.exam-content h2,.exam-content h3{font-size:1.2rem;margin-bottom:.6em;margin-top:1.2em}.exam-content li,.exam-content p{margin-bottom:1.1em}.navbar{align-items:center;box-sizing:border-box;flex-direction:row;left:0;max-width:100%;min-height:56px;min-width:0;padding:.5rem 0;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:1000}.navbar-logo{flex-direction:row;gap:.5rem}}.logo-animate{animation:bookPageTurn .8s cubic-bezier(.4,.2,.2,1) 1;transform-origin:50% 50%}.avatar-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.avatar-popup{animation:fadeIn .3s ease-out;background:#fff;background:var(--card-bg);border-radius:1rem;box-shadow:0 8px 32px #0003;max-width:400px;padding:2rem;position:relative;width:90%}.avatar-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#22223b;color:var(--text);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2rem}.avatar-popup-close:hover{background:#0000001a;transform:scale(1.1)}.avatar-popup-content{text-align:center}.avatar-popup-content h3{color:#4f8cff;color:var(--primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.avatar-popup-content p{color:#22223b;color:var(--text);line-height:1.5;margin-bottom:.8rem;opacity:.9}.avatar-popup-content p:last-child{font-size:.9rem;margin-bottom:0;opacity:.7}.theme-toggle{align-items:center;background:#0000;border:2px solid #fff;border:2px solid var(--nav-text,#fff);border-radius:8px;color:#fff;color:var(--nav-text,#fff);cursor:pointer;display:flex;height:36px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:36px}.theme-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.theme-toggle svg{height:24px;transition:transform .3s ease;width:24px}.theme-toggle:hover svg{transform:rotate(30deg)}.study-guide{background:var(--card-bg);border-radius:1rem;box-shadow:0 4px 16px #4f8cff14;box-shadow:var(--card-shadow);margin-top:2rem;transition:all .3s ease}.study-guide:hover{box-shadow:0 8px 32px #7c3aed1f;box-shadow:var(--hover-shadow)}.study-guide h2{align-items:center;color:#4f8cff;color:var(--primary);display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1.5rem}.study-guide h2:before{content:"📚";font-size:1.5rem}.study-guide section{background:#f9fafb;background:var(--background);border-left:4px solid #4f8cff;border-left:4px solid var(--primary);border-radius:.8rem;margin-bottom:2rem;padding:1.5rem;transition:transform .3s ease}.study-guide section:hover{transform:translateX(8px)}.study-guide h3{color:#7c3aed;color:var(--secondary);font-size:1.4rem;margin-bottom:1rem}.study-guide p{color:#22223b;color:var(--text);line-height:1.8}.study-guide ul{list-style:none;margin:0;padding:0}.study-guide li{align-items:center;background:#fff;background:var(--card-bg);border-radius:.5rem;display:flex;gap:.8rem;padding:.8rem 1rem;transition:all .3s ease}.study-guide li:hover{background:#4f8cff;background:var(--primary);color:#fff;transform:translateX(4px)}.study-guide li:before{content:none!important}.progress-bar{background:#f9fafb;background:var(--background);margin:1rem 0}.progress-bar-fill{background:linear-gradient(90deg,#4f8cff,#7c3aed);background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;height:100%;transition:width .3s ease}.exam-content li:before,.study-guide li:before{content:none!important}.navbar-mobile-right{gap:.6rem;justify-content:flex-end;margin-left:auto}.navbar-hamburger,.navbar-mobile-right{align-items:center;display:flex;height:36px}.navbar-hamburger{background:#0000;border:2px solid #fff;border:2px solid var(--nav-text,#fff);border-radius:8px;color:#fff;color:var(--nav-text,#fff);cursor:pointer;justify-content:center;padding:0;transition:all .2s ease;width:36px}.hamburger-icon{display:inline-block;font-size:1.2rem;font-weight:600;line-height:1;transition:all .2s ease}.navbar-dropdown{animation:fadeIn .2s;background:#4f8cff;background:var(--nav-bg);border-radius:0 0 1rem 1rem;box-shadow:0 4px 16px #0000001f;color:#fff;color:var(--nav-text);max-width:calc(100vw - 16px);min-width:180px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:2000}.navbar-dropdown ul{list-style:none;margin:0;padding:.15rem 0}.navbar-dropdown li{cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.2rem;transition:background .2s}.navbar-dropdown li:hover{background:#4f8cff;background:var(--primary);color:#fff}.navbar-dropdown li.active{background:#ffd600;background:var(--accent);color:#22223b;color:var(--text);font-weight:600}.quick-icons{gap:8px;margin-bottom:8px;padding-bottom:8px}.quick-icons .icon-only{background:#f9fafb;background:var(--background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;color:#22223b;color:var(--text,#374151);display:inline-flex;height:36px;width:36px}.quick-icons .icon-only:hover{background:#eef2ff;background:var(--primary-light,#eef2ff);color:var(--primary,#3b82f6)}.quick-icons .icon-only,.quick-icons .icon-only button{background:#f9fafb;background:var(--background,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#22223b;color:var(--text,#374151)}.quick-icons .icon-only svg{height:20px;width:20px}.navbar-dropdown li>.quick-icons{padding:.2rem 1.2rem .6rem}.navbar-dropdown li:has(.quick-icons):hover{background:#0000}@media (max-width:600px){.navbar{align-items:center;background:#4f8cff;background:var(--nav-bg);flex-direction:row;gap:.5rem;left:0;min-height:56px;padding:.5rem 0!important;position:fixed;top:0;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}.navbar.hide-navbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar-content{align-items:center;box-sizing:border-box;display:flex!important;gap:0!important;max-width:100%;padding:0!important;width:100%}.navbar-left{align-items:center;display:flex;flex-shrink:0;flex:0 0 auto;padding-left:1rem}.navbar-mobile-right{align-items:center!important;display:flex!important;flex-shrink:0!important;flex:0 0 auto!important;gap:.5rem!important;margin-left:auto!important;padding-right:1rem;width:auto!important}.navbar-logo{font-size:1.2rem;margin-left:0;margin-right:0}.navbar-logo-icon{height:24px;margin-left:0;margin-right:.5rem;width:24px}.navbar-links{align-items:flex-start;display:none;flex-direction:column;gap:.2rem;padding-left:0;width:100%}.navbar-links li{font-size:1rem;padding:.3rem 0;width:100%}.navbar-logo img{height:32px}.navbar-logo .brand{font-size:1.1rem}.navbar-dropdown{border-radius:1rem;box-shadow:0 4px 16px #00000026;left:1rem;max-width:calc(100vw - 2rem);min-width:280px;position:fixed;right:1rem;top:56px;width:auto}.navbar-dropdown ul{padding:.5rem 0}.navbar-dropdown li{font-size:1.1rem;padding:.8rem 1.5rem}.navbar-dropdown li.dropdown-subheader{font-size:.8rem;margin-top:.2rem;padding:.4rem 1rem .2rem}.navbar-dropdown li:not(.dropdown-header):not(.dropdown-subheader){margin-left:.3rem;padding:.3rem 1rem .3rem 2rem}.dropdown-header{margin-bottom:.2rem;padding:.6rem 1rem .4rem}.quick-icons{margin-bottom:.3rem;padding:.4rem 0}.quick-icons .icon-only{height:28px;padding:.3rem;width:28px}.quick-icons .icon-only img,.quick-icons .icon-only svg{height:16px;width:16px}.exam-content,.unselectable-passage{background:#0000;border-radius:0;box-shadow:none;box-sizing:border-box;font-size:.95rem;line-height:1.6;margin:.5rem 0;padding:0;text-align:left;word-break:break-word}.exam-content h2,.exam-content h3{font-size:1.15rem;font-weight:700;margin-bottom:.7em;margin-top:1.2em}.exam-content p{line-height:1.7;margin-bottom:.7em;text-align:left}.exam-content ol,.exam-content ul{margin-bottom:.5em;margin-left:1.2em;padding-left:1.2em}.exam-content li{line-height:1.6;margin-bottom:.5em}.exam-content li:before{margin-right:.5em}.exam-content .question-block{margin-bottom:1.5rem;padding:1rem}.exam-content .question-text{font-size:1rem;line-height:1.5;margin-bottom:1rem}.footer,.loading-container{padding:2rem 1rem}.hero-content h1{font-size:1.8rem}.hero-content p{font-size:1rem}.App{flex-direction:column;min-height:calc(100vh - 56px);overflow-x:hidden;padding-top:56px}.App,.main-content{align-items:center;box-sizing:border-box;display:flex;justify-content:flex-start;margin:0;max-width:100%;width:100%}.main-content{flex:1 1;flex-direction:column;padding:1rem}.App .main-content,.exam-content{box-sizing:border-box;margin:0;max-width:100%;padding:1rem;width:100%}.exam-content{font-size:.95rem;line-height:1.6}.study-guide{margin:1rem 0}.reading-passage-content,.study-guide{background:#f9fafb;background:var(--background);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;max-width:100%;padding:1rem;width:100%}.reading-passage-content{margin:0}.passage-text{background:#0000;border-radius:0;box-shadow:none;box-sizing:border-box;font-size:.95rem;line-height:1.6;margin:0;max-width:100%;padding:1rem;text-align:left;width:100%;word-break:break-word}.hero{padding:3rem 1rem}.avatar-popup{max-width:400px;width:90vw}.avatar-popup-content h3{font-size:1.2rem}.avatar-popup-content p{font-size:.9rem}}.navbar-dropdown li.dropdown-header,.navbar-dropdown li.dropdown-subheader{cursor:default;pointer-events:none}.navbar-dropdown li.dropdown-header:hover,.navbar-dropdown li.dropdown-subheader:hover{background:#0000!important;color:inherit!important}.dropdown-header{font-size:1rem;margin-bottom:.4rem;padding:.4rem 1rem}.dropdown-subheader{border:none;color:#6b7280;color:var(--text-muted,#6b7280);cursor:default;font-size:.75rem;font-weight:700;letter-spacing:.04em;margin:.25rem 0 .5rem;padding:0 .25rem .25rem;text-transform:uppercase;-webkit-user-select:none;user-select:none}.discord-community-btn{align-items:center;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;height:36px;justify-content:center;margin-left:.3rem;padding:0;transition:all .2s ease;width:36px}.discord-community-btn:hover{background:#4752c4;transform:translateY(-1px)}.discord-community-btn svg{height:20px;width:20px}.discord-text{display:inline-block;font-weight:500;white-space:nowrap}@media (min-width:768px){.discord-text{display:inline-block}}.hero-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px;width:100%}.discord-hero-btn:hover{background:#4752c4;box-shadow:0 4px 12px #5865f24d;transform:translateY(-2px)}.discord-hero-btn svg{height:20px;width:20px}.discord-invitation{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:2rem;padding:2rem;text-align:center}.discord-invitation-content h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.discord-invitation-content p{font-size:1.1rem;margin:0 0 1.5rem;opacity:.9}.discord-invitation-btn{align-items:center;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.discord-invitation-btn:hover{background:#4752c4;box-shadow:0 4px 12px #5865f24d;transform:translateY(-2px)}.discord-invitation-btn svg{height:20px;width:20px}@media (max-width:768px){.hero-buttons{align-items:center;flex-direction:column}.discord-hero-btn{justify-content:center;max-width:300px;width:100%}.discord-invitation{margin:1rem;padding:1.5rem}.discord-invitation-content h3{font-size:1.3rem}.discord-invitation-content p{font-size:1rem}.discord-invitation-btn{justify-content:center;width:100%}}.lang-toggle-btn.icon-only,.quick-icons .icon-only,.subject-links .icon-only{background:#f9fafb;background:var(--background,#f9fafb);color:#22223b;color:var(--text,#374151)}[data-theme=dark] .lang-toggle-btn.icon-only,[data-theme=dark] .quick-icons .icon-only,[data-theme=dark] .subject-links .icon-only{background:#22262b;border-color:#3a3f45;color:#e2e8f0}.navbar-dropdown li.dropdown-subheader{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);cursor:default;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-top:.3rem;padding:.5rem 1.2rem .3rem;text-transform:uppercase}.navbar-dropdown li.dropdown-subheader,.navbar-dropdown li.dropdown-subheader:active,.navbar-dropdown li.dropdown-subheader:hover{background:#0000;color:#6b7280;color:var(--text-muted,#6b7280)}.dropdown-header{background:#0000;border-bottom:2px solid #ffd600;border-bottom:2px solid var(--accent,#ffd600);color:#ffd600;color:var(--accent,#ffd600);cursor:default;font-size:1.1rem;font-weight:700;margin-bottom:.3rem;padding:.8rem 1.2rem .5rem}.navbar-dropdown li:not(.dropdown-header):not(.dropdown-subheader){border-left:2px solid #0000;margin-left:.5rem;padding:.4rem 1.2rem .4rem 2.4rem;transition:all .2s ease}.navbar-dropdown li:not(.dropdown-header):not(.dropdown-subheader):hover{background:#4f8cff;background:var(--primary);border-left-color:#ffd600;border-left-color:var(--accent,#ffd600);color:#fff;transform:translateX(4px)}.quick-icons{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem;padding:.5rem 0}.quick-icons-container{background:#0000!important;cursor:default!important;margin:0!important;padding:0!important}.quick-icons-container:active,.quick-icons-container:hover{background:#0000!important;transform:none!important}.quick-icons .icon-only{align-items:center;background:#0000;border:2px solid #fff;border:2px solid var(--nav-text,#fff);border-radius:.5rem;color:#fff;color:var(--nav-text,#fff);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.4rem;transition:all .2s ease;width:32px}.quick-icons .icon-only:hover{background:#fff;background:var(--nav-text,#fff);color:#4f8cff;color:var(--nav-bg,#1e40af);transform:scale(1.05)}.quick-icons .icon-only svg{stroke:currentColor;height:18px;width:18px}.quick-icons .icon-only img{border-radius:50%;height:18px;width:18px}.help-button{align-items:center;background:#4f8cff;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:36px;justify-content:center;margin-right:0;padding:0;transition:all .3s ease;width:36px}.help-button:hover{background:#2563eb;background:var(--primary-dark,#2563eb);box-shadow:0 4px 12px #4f8cff4d;transform:translateY(-1px)}.help-button svg{stroke:#fff;fill:none;color:#fff;flex-shrink:0;height:20px;width:20px}.help-text{display:none}@media (min-width:768px){.help-text{display:none}}.help-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.help-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.help-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .3s ease;width:28px}.help-modal-close:hover{background:#f9fafb;background:var(--background,#f9fafb);color:#22223b;color:var(--text,#374151)}.help-modal-content{padding:1.5rem}.help-modal-content h2{color:#4f8cff;color:var(--primary);font-size:1.3rem;font-weight:600;margin:0 0 1rem;text-align:center}.help-steps{flex-direction:column;margin-bottom:1rem}.help-step,.help-steps{display:flex;gap:.75rem}.help-step,.help-step-number{align-items:center}.help-step-number{background:#4f8cff;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.help-step-text{color:#22223b;color:var(--text);font-size:.95rem;font-weight:500}.help-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;margin-left:2rem}.help-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:.6rem;cursor:pointer;display:flex;gap:.6rem;padding:.5rem;text-align:left;transition:all .3s ease;width:100%}.help-option:hover{background:#f9fafb;background:var(--background,#f9fafb);border-color:#4f8cff;border-color:var(--primary);box-shadow:0 2px 8px #4f8cff26;transform:translateY(-1px)}.help-option-icon{flex-shrink:0;font-size:1.2rem}.help-option-text{color:#22223b;color:var(--text);font-size:.9rem;font-weight:500}.help-tip{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #4f8cff;border:1px solid var(--primary);border-radius:.6rem;padding:.75rem;text-align:center}.help-tip p{color:#22223b;color:var(--text);font-size:.8rem;margin:0}@media (max-width:600px){.help-modal{margin:.5rem;max-height:calc(100vh - 1rem);max-width:calc(100vw - 1rem)}.help-modal-content{padding:1rem}.help-modal-content h2{font-size:1.1rem;margin-bottom:.75rem}.help-steps{gap:.5rem;margin-bottom:.75rem}.help-step{gap:.5rem}.help-step-number{font-size:.8rem;height:20px;width:20px}.help-step-text{font-size:.85rem}.help-options{gap:.4rem;margin-bottom:.5rem;margin-left:1.5rem}.help-option{padding:.4rem}.help-option-icon{font-size:1rem}.help-option-text{font-size:.8rem}.help-tip{padding:.5rem}.help-tip p{font-size:.75rem}}.help-lang-toggle{display:flex;gap:.4rem;justify-content:flex-end;padding:.3rem .5rem 0}.lang-btn{background:#fff;border:1px solid var(--border-color);border-radius:6px;color:#22223b;color:var(--text);cursor:pointer;font-size:.8rem;padding:.2rem .5rem}.lang-btn.active{background:#4f8cff;background:var(--primary);border-color:#4f8cff;border-color:var(--primary);color:#fff}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading{background:#fff;border-radius:.75rem;box-shadow:0 8px 24px #4f8cff26;color:#6c47ff;font-weight:800;padding:.9rem 1.1rem;text-align:center}.loading-skeleton{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr;max-width:680px;width:100%}.skel-line{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f1f3f8,#e6e9f2 50%,#f1f3f8);background-size:200% 100%;border-radius:8px;height:12px}.skel-line.short{width:60%}.skel-line.medium{width:80%}.skel-line.long{width:100%}.progress-shimmer{background:#eceff5;border-radius:6px;height:8px;max-width:680px;overflow:hidden;position:relative;width:100%}.progress-shimmer:after{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#6c47ff26,#4f8cff40,#6c47ff26);background-size:200% 100%;content:"";inset:0;position:absolute}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}main[role=main]{min-height:100vh}article,section[role=region]{margin:2rem 0}header{margin-bottom:2rem}footer{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1rem}.form-footer{margin-top:2rem;text-align:center}.menu-toggle{cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:.5rem}.toggle-line{background-color:#22223b;background-color:var(--text);height:2px;transition:all .3s ease;width:20px}.menu-toggle.open .toggle-line:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open .toggle-line:nth-child(2){opacity:0}.menu-toggle.open .toggle-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #4f8cff;outline:2px solid var(--primary);outline-offset:2px}.skip-link{background:#4f8cff;background:var(--primary);border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}[aria-live=assertive],[aria-live=polite]{position:relative}[role=grid]{display:grid}[role=gridcell]{display:contents}[role=dialog]{z-index:1000}[aria-modal=true]{z-index:1001}@media (prefers-contrast:high){.cta-btn,.generate-btn,.selection-modal,.topic-card,.topic-of-day-card{border:2px solid #22223b;border:2px solid var(--text)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.sr-only{color:#0000}}@media print{.cta-btn,.generate-btn,.help-modal,.menu-toggle,.selection-modal,.sr-only{display:none!important}main{min-height:auto}.topic-card,.topic-of-day-card{break-inside:avoid;page-break-inside:avoid}}.chinese-content{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width:1px){.chinese-content{clip:auto;display:block;height:auto;overflow:visible;position:static;white-space:normal;width:auto}}.seo-cept-content,.seo-content,.seo-form-content{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width:1px){.seo-cept-content,.seo-content,.seo-form-content{clip:auto;display:block;height:auto;overflow:visible;position:static;white-space:normal;width:auto}}@media print{.chinese-content,.seo-cept-content,.seo-content,.seo-form-content{clip:auto;display:block!important;height:auto;left:auto;overflow:visible;position:static;white-space:normal;width:auto}}@media (prefers-contrast:high){.chinese-content,.seo-cept-content,.seo-content,.seo-form-content{display:none!important}}.language-nav{background:#4f8cff;background:var(--nav-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:.5rem;position:fixed;right:20px;top:20px;z-index:1000}.language-nav ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.language-nav li{margin:0}.language-nav a{border-radius:8px;color:#22223b;color:var(--text);display:block;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.language-nav a:hover{background:var(--primary-light);color:#4f8cff;color:var(--primary)}.language-nav a.active{background:#4f8cff;background:var(--primary);color:#fff}.features-section{background:#fff;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #4f8cff14;box-shadow:var(--card-shadow);margin:3rem 0;padding:2rem}.features-section h2{color:#4f8cff;color:var(--primary);font-size:1.8rem;margin-bottom:2rem;text-align:center}.features-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.features-list li{background:#f9fafb;background:var(--background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease}.features-list li:before{color:#4f8cff;color:var(--primary);content:"✓";font-size:1.2rem;font-weight:700;position:absolute;right:1rem;top:1rem}.features-list li:hover{border-color:#4f8cff;border-color:var(--primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.cta-button{background:#4f8cff;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:var(--primary-dark);box-shadow:0 8px 25px #6c47ff4d;transform:translateY(-2px)}.seo-content-page{margin:0 auto;max-width:800px;padding:2rem}.seo-content-page h1{color:#4f8cff;color:var(--primary);font-size:2.2rem;margin-bottom:1rem}.seo-content-page h2{color:#4f8cff;color:var(--primary);font-size:1.6rem;margin:2rem 0 1rem}.seo-content-page h3{color:#22223b;color:var(--text);font-size:1.3rem;margin:1.5rem 0 .5rem}.seo-content-page p{color:#22223b;color:var(--text);line-height:1.6;margin-bottom:1rem}.seo-content-page ul{margin:1rem 0;padding-left:1.5rem}.seo-content-page li{line-height:1.5;margin-bottom:.5rem}.practice-content{background:#fff;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:2rem 0;padding:2rem}.reading-passage{background:#f9fafb;background:var(--background);border-left:4px solid #4f8cff;border-left:4px solid var(--primary);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.questions{margin-top:2rem}.question{background:#f9fafb;background:var(--background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.question strong{color:#4f8cff;color:var(--primary)}.question ul{margin:1rem 0;padding-left:1.5rem}.question li{background:#fff;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:.5rem;padding:.5rem}.question em{color:#4f8cff;color:var(--primary);font-weight:600}.writing-prompt{background:#fff;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:2rem 0;padding:2rem}.writing-prompt h4{color:#4f8cff;color:var(--primary);margin:1rem 0 .5rem}@media (max-width:768px){.language-nav{margin:1rem auto;position:static;width:-webkit-fit-content;width:fit-content}.features-list{gap:1rem;grid-template-columns:1fr}.features-list li,.practice-content,.question,.reading-passage,.seo-content-page,.writing-prompt{padding:1rem}}@media print{.cta-button,.language-nav{display:none!important}.features-section,.practice-content{break-inside:avoid;page-break-inside:avoid}.seo-content-page{max-width:none;padding:0}}.navbar-discord-btn{align-items:center;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.navbar-discord-btn:hover{background:#4752c4;box-shadow:0 4px 12px #5865f24d;transform:translateY(-2px)}.navbar-discord-btn svg{height:20px;width:20px}.discord-hero-btn{align-items:center;background:#5865f2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}@media (min-width:1025px){.hero,.hero-content{align-items:center;justify-content:center;text-align:center;width:100%}.hero-content{display:flex;flex-direction:column}.hero-content h1,.hero-content p{text-align:center}.hero-buttons{align-items:center;justify-content:center;width:100%}.main-content{margin:2rem auto;text-align:center}.welcome-message{align-items:center;text-align:center}}.navbar-language-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;display:flex;gap:4px;margin:0 8px;padding:4px 8px}.language-flag{font-size:14px;line-height:1}.language-code{color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}@media (max-width:768px){.navbar-language-indicator{margin:0 4px;padding:3px 6px}.language-flag{font-size:12px}.language-code{font-size:10px}}.page-content-wrapper{align-items:center;display:flex;flex-direction:column;margin:0;max-width:100%;width:100%}.welcome-action{color:#ffd600;font-size:1em;font-weight:700;margin-top:.5rem;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d;z-index:1}@media (max-width:768px){.welcome-message{border-radius:12px;margin:1rem 0;padding:1.25rem}.welcome-message h2{font-size:1.6rem;margin-bottom:.5rem}.welcome-message p{font-size:.95rem;margin-bottom:.25rem}.welcome-action{font-size:1em;margin-top:.25rem}}.preferences-section{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.dropdown-header{background:#f9fafb;background:var(--background,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);color:#22223b;color:var(--text);font-weight:600;padding:.75rem 1rem}.preferences-form{align-items:center;background:var(--card-bg);border-radius:1rem;box-shadow:var(--card-shadow);box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:1.5rem;width:100%}.preferences-form h2{color:#2c3e50;font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;text-align:center;width:100%}.form-section{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;max-width:100%;width:100%}.form-section h3{color:var(--primary);font-size:1.1rem;font-weight:600;margin-bottom:.75rem;text-align:center;width:100%}.user-guidance{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--primary);border-radius:.75rem;box-shadow:0 4px 12px #4f8cff1a;margin-bottom:1.5rem;padding:1rem}.user-guidance h3{color:var(--primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;text-align:center}.guidance-steps{flex-direction:column}.guidance-steps,.step{display:flex;gap:.75rem}.step,.step-number{align-items:center}.step-number{background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-text{color:var(--text);font-size:.95rem;font-weight:500}.step-options{flex-direction:column;margin-left:2.5rem}.option,.step-options{display:flex;gap:.5rem}.option{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;padding:.5rem}.option-icon{flex-shrink:0;font-size:1.2rem}.option-text{color:var(--text);font-weight:500}.topic-of-day-section h3{align-items:center;color:var(--primary);display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:1rem;text-align:center;width:100%}.topic-preview-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;margin:0 0 1rem;padding:.875rem}.preview-topic{color:#ffd600;font-size:1rem;margin-bottom:.375rem}.topic-description{color:#ffffffe6;font-size:.8rem;line-height:1.3;text-shadow:0 1px 2px #0000004d}.topic-of-day-btn{background:linear-gradient(135deg,#ffd600,#ffb300);border:none;border-radius:8px;box-shadow:0 2px 10px #ffd60066;color:#333}.topic-of-day-btn:hover{background:linear-gradient(135deg,#ffed4e,#ffc107);box-shadow:0 3px 12px #ffd60099;transform:translateY(-2px)}@media (max-width:768px){.topic-of-day-card{border-radius:10px;margin:.375rem 0;padding:1rem}.topic-preview-section{margin:0 0 .875rem;padding:.75rem}.preview-topic{font-size:.9rem;margin-bottom:.25rem}.topic-description{font-size:.75rem}.topic-of-day-btn{font-size:.9rem;padding:.625rem .875rem}}.topic-of-day-error{border:2px solid #fecaca}.topic-of-day-error p{color:#dc2626;font-size:.9rem;margin:0}.topics-menu-header{align-items:center;border-bottom:2px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 0;transition:all .3s ease}.topics-menu-header:hover{border-bottom-color:var(--primary)}.topics-menu-header h3{cursor:pointer;margin:0}.menu-toggle-btn{align-items:center;background:none;border:2px solid var(--primary);border-radius:50%;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.menu-toggle-btn:hover{transform:scale(1.1)}.menu-toggle-btn.open,.menu-toggle-btn:hover{background:var(--primary);color:#fff}.topics-menu-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease-out}.topics-menu-content.open{max-height:2000px;opacity:1;transition:max-height .4s ease-in,opacity .3s ease-in}.topics-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:.75rem 0 .5rem}.topics-grid.compact{gap:.4rem;grid-template-columns:repeat(3,1fr)}.topic-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:.4rem;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;justify-content:center;min-height:45px;overflow:hidden;padding:.4rem;position:relative;text-align:center;transition:all .3s ease}.topic-card.compact{gap:.2rem;min-height:40px;padding:.3rem}.topic-card:before{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.topic-card:hover{border-color:var(--primary);box-shadow:0 3px 12px #4f8cff26;transform:translateY(-1px)}.topic-card:hover:before{transform:scaleX(1)}.topic-card.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--primary);box-shadow:0 2px 12px #4f8cff33}.topic-card.active:before{transform:scaleX(1)}.topic-icon{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.4rem;display:flex;flex-shrink:0;font-size:1.1rem;height:24px;justify-content:center;transition:all .3s ease;width:24px}.topic-card.compact .topic-icon{font-size:1rem;height:20px;width:20px}.topic-card:hover .topic-icon{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-color:var(--primary);transform:scale(1.05)}.topic-card.active .topic-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:var(--primary)}.topic-content{flex:1 1;min-width:0;text-align:center}.topic-title{color:#374151;color:var(--text,#374151);font-size:.65rem;font-weight:600;line-height:1.1;margin:0 0 .15rem}.topic-card.compact .topic-title{font-size:.6rem;margin-bottom:.1rem}.topic-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-muted,#6b7280);display:-webkit-box;font-size:.55rem;line-height:1.1;margin:0;opacity:.8;overflow:hidden}.topic-card.compact .topic-subtitle{font-size:.5rem}.selected-topic-display{background:#f9fafb;background:var(--background,#f9fafb);border:2px solid var(--primary);padding:.75rem}.selected-topic-display h4{color:var(--primary);font-size:.95rem}.selected-topic{border-radius:.25rem;padding:.5rem .75rem}.topic-text{color:var(--text);font-weight:600}.clear-topic-btn{align-items:center;border-radius:.25rem;color:var(--text-muted,#6b7280);display:flex;justify-content:center;min-height:32px;min-width:32px;transition:all .2s ease}.clear-topic-btn:hover{background:var(--background,#f3f4f6);color:var(--text)}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-label{border-radius:.5rem;gap:.5rem;padding:.5rem;transition:background-color .2s}.checkbox-label:hover{background:var(--background)}input[type=checkbox]{cursor:pointer;height:18px;width:18px}.topic-input{margin-top:.5rem}.topic-text-input{background:var(--card-bg);border:2px solid var(--primary);border-radius:.5rem;box-sizing:border-box;color:var(--text);font-size:1rem;max-width:100%;min-height:44px;padding:.75rem;transition:all .3s ease;width:100%}.topic-text-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.topic-text-input::placeholder{color:var(--text);opacity:.6}.topic-hint{color:#666;line-height:1.3}.generate-btn{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:.5rem;box-shadow:0 4px 16px #4f8cff33;font-size:1.2rem;font-weight:700;letter-spacing:1px;min-height:48px;padding:1rem;text-transform:uppercase}.generate-btn:hover{box-shadow:0 8px 24px #4f8cff4d;transform:translateY(-2px)}.generate-btn:active{transform:translateY(0)}@media (max-width:600px){.preferences-form{margin:0 .5rem;max-width:calc(100vw - 1rem);padding:1rem}.preferences-form h2{font-size:1.4rem;margin-bottom:1rem}.form-section{margin-bottom:1rem}.form-section h3{font-size:1rem;margin-bottom:.5rem}.topic-of-day-card{padding:.75rem}.topic-of-day-header{align-items:flex-start;flex-direction:column}.topic-of-day-header h4{font-size:1rem;min-width:auto}.topic-date{font-size:.7rem;padding:.2rem .4rem}.topic-description{font-size:.85rem;margin-bottom:.75rem}.topic-of-day-btn{font-size:.9rem;min-height:40px;padding:.6rem}.topics-grid{gap:.75rem;grid-template-columns:1fr}.topic-card{gap:.75rem;min-height:100px;padding:1rem}.topic-icon{font-size:2rem;height:50px;width:50px}.topic-title{font-size:.95rem;margin-bottom:.4rem}.topic-hint,.topic-subtitle{font-size:.8rem}.topic-hint{margin-top:.4rem}.selected-topic-display{margin-bottom:1rem;padding:.6rem}.selected-topic-display h4{font-size:.9rem}.checkbox-group{grid-template-columns:1fr}.topic-text-input{font-size:.95rem;min-height:40px;padding:.6rem}.generate-btn{font-size:1.1rem;min-height:44px;padding:.9rem}.preferences-form .topics-grid{grid-gap:.2rem!important;display:grid!important;gap:.2rem!important;grid-template-columns:repeat(4,1fr)!important}.preferences-form .topics-grid .topic-card{aspect-ratio:1!important;max-height:35px!important;min-height:35px!important;padding:.15rem!important}.preferences-form .topics-grid .topic-icon{font-size:.7rem!important;height:16px!important;width:16px!important}.preferences-form .topics-grid .topic-title{font-size:.45rem!important;line-height:1!important;margin:0!important}.preferences-form .topics-grid{grid-gap:.2rem!important;display:grid!important;gap:.2rem!important;grid-template-columns:repeat(4,1fr)!important}.preferences-form .topics-grid .topic-card{align-items:center!important;aspect-ratio:1!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:.05rem!important;justify-content:center!important;max-height:42px!important;min-height:42px!important;padding:.15rem!important}.preferences-form .topics-grid .topic-icon{background:none!important;border:none!important;font-size:.95rem!important;height:22px!important;margin:0!important;width:22px!important}.preferences-form .topics-grid .topic-title{font-size:.5rem!important;line-height:1!important;margin:0!important;text-align:center!important;white-space:normal!important}.preferences-form .topics-grid .topic-subtitle{display:none!important}.topic-of-day-card{border-radius:.75rem!important;box-shadow:0 3px 10px #4f8cff1f!important;padding:.9rem!important}.topic-of-day-content h4{font-size:1rem!important}.topic-of-day-subtitle{font-size:.8rem!important}.topic-of-day-icon{font-size:2rem!important;margin-bottom:.25rem!important}.topic-of-day-btn{border-radius:.6rem!important;box-shadow:0 3px 10px #4f8cff33!important;font-size:.9rem!important;padding:.6rem 1rem!important}.topic-hint{font-size:.7rem!important;margin-top:.5rem!important}}.topic-of-day-card{border-radius:.85rem;padding:1.2rem}.topic-of-day-icon{font-size:2rem}.topic-of-day-content h4{font-size:1.1rem}.topic-of-day-subtitle{font-size:.9rem}.topic-of-day-btn{font-size:.95rem;margin-top:.6rem;padding:.6rem 1.1rem}@media (max-width:600px){.topic-of-day-card{border-width:1px!important;padding:.7rem!important}.topic-of-day-icon{font-size:1.6rem!important}.topic-of-day-content h4{font-size:.95rem!important}.topic-of-day-subtitle{font-size:.75rem!important}.topic-of-day-btn{border-radius:.5rem!important;font-size:.85rem!important;padding:.5rem .9rem!important}}.selection-modal-overlay{background:#0009;z-index:2000}.selection-modal{animation:modalSlideIn .25s ease-out;border-radius:.9rem;box-shadow:0 20px 40px #00000040;width:100%}.selection-modal-close{font-size:1.4rem;line-height:1;right:.6rem;top:.6rem}.selection-modal-content{padding:1rem 1.2rem 1.2rem}.selection-modal-content h3{color:var(--primary);margin:0 0 .6rem}.modal-compact{margin-bottom:.8rem}.modal-generate{width:100%}@media (max-width:600px){.selection-modal{max-width:calc(100vw - 1rem)}.selection-modal-content{padding:.8rem}}.selection-modal{border-radius:.75rem;max-width:420px}.selection-modal-content{padding:.8rem 1rem 1rem}.selection-modal-content h3{font-size:1rem}.modal-compact .selected-topic{padding:.4rem .6rem}.modal-generate{min-height:40px;padding:.6rem}.selection-modal-close{font-size:1.2rem;right:.4rem;top:.4rem}@media (max-width:600px){.selection-modal{border-radius:.6rem;max-width:320px}.selection-modal-content{padding:.6rem .7rem .8rem}.modal-generate,.selection-modal-content h3{font-size:.95rem}.modal-generate{min-height:36px;padding:.5rem}}.selected-topic-display.modal-compact{border-radius:.4rem;margin-bottom:.6rem;padding:.45rem}.selected-topic-display.modal-compact h4{font-size:.85rem;margin-bottom:.35rem}.modal-compact .selected-topic{padding:.35rem .5rem}.modal-compact .topic-text{font-size:.9rem}.modal-compact .clear-topic-btn{font-size:1rem;min-height:28px;min-width:28px;padding:.15rem}.selection-modal{max-width:360px}@media (max-width:600px){.selection-modal{max-width:280px}}.selection-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.selection-modal{border:1px solid #0000000f;border-radius:.55rem;box-shadow:0 14px 28px #00000038;max-width:320px}.selection-modal-content{padding:.6rem .7rem .75rem}.selection-modal-content h3{font-size:.9rem;margin-bottom:.4rem}.modal-compact .selected-topic{padding:.28rem .4rem}.modal-compact .topic-text{font-size:.85rem}.modal-compact .clear-topic-btn{font-size:.95rem;min-height:24px;min-width:24px;padding:.1rem}.selected-topic-display.modal-compact{border-radius:.35rem;border-width:1px;margin-bottom:.5rem;padding:.35rem}.selected-topic-display.modal-compact h4{font-size:.8rem;margin-bottom:.25rem}.modal-generate{font-size:.9rem;min-height:32px;padding:.45rem}@media (max-width:600px){.selection-modal{border-radius:.5rem;max-width:240px}.selection-modal-content{padding:.5rem .6rem .6rem}.selection-modal-content h3{font-size:.85rem;margin-bottom:.35rem}.modal-compact .topic-text{font-size:.8rem}.modal-generate{font-size:.85rem;min-height:30px;padding:.4rem}}.topics-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;box-sizing:border-box;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease;width:100%}.topics-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.topics-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:1rem;transition:all .2s ease}.topics-card-header:hover{transform:translateY(-2px)}.topics-card-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.topics-card .topics-menu-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1.5rem}.custom-topic-card{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:16px;box-shadow:0 8px 32px #f093fb4d;box-sizing:border-box;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease;width:100%}.custom-topic-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.custom-topic-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.custom-topic-card .topic-input{margin-bottom:.75rem;position:relative;z-index:1}.custom-topic-card .topic-text-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;color:#333;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.custom-topic-card .topic-text-input:focus{background:#fff;border-color:#fffc;box-shadow:0 0 0 4px #fff3;outline:none}.custom-topic-card .topic-text-input::placeholder{color:#999}.custom-topic-card .topic-hint{color:#ffffffe6;font-size:.875rem;margin:0;position:relative;text-shadow:0 1px 2px #0003;z-index:1}.custom-topic-card:hover,.topics-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-4px)}@media (max-width:768px){.custom-topic-card,.topics-card{margin:.75rem 0;padding:1.25rem}.custom-topic-card h3,.topics-card-header h3{font-size:1.125rem}.topics-card .topics-menu-content{padding:1.25rem}}.cept-topic-card{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:16px;box-shadow:0 8px 32px #4facfe4d;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.cept-topic-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cept-topic-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-shadow:0 2px 4px #0000004d}.cept-topic-card .form-group,.cept-topic-card h3{position:relative;z-index:1}.cept-topic-card label{color:#fff;display:block;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #0003}.cept-topic-card input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:12px;color:#333;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.cept-topic-card input:focus{background:#fff;border-color:#fffc;box-shadow:0 0 0 4px #fff3;outline:none}.cept-topic-card input::placeholder{color:#999}.cept-question-card{background:linear-gradient(135deg,#fa709a,#fee140);border-radius:16px;box-shadow:0 8px 32px #fa709a4d;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.cept-question-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cept-question-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem;text-shadow:0 2px 4px #0000004d}.cept-question-card .form-group,.cept-question-card h3{position:relative;z-index:1}.cept-question-card label{color:#fff;display:block;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #0003}.cept-question-card select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#fffffffa);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;background-size:1.5rem;border:2px solid #fff6;border-radius:20px;box-shadow:0 8px 25px #0000001a,0 4px 10px #0000000d;color:#1f2937;cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1.25rem 4rem 1.25rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.cept-question-card select:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:18px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cept-question-card select:focus{background:linear-gradient(135deg,#fff,#fffffffa);border-color:#ffffffe6;box-shadow:0 0 0 4px #ffffff4d,0 12px 35px #00000026,0 8px 20px #0000001a;outline:none;transform:translateY(-2px)}.cept-question-card select:hover{background:linear-gradient(135deg,#fffffffa,#fff);border-color:#ffffffb3;box-shadow:0 10px 30px #0000001f,0 6px 15px #00000014;transform:translateY(-1px)}.cept-question-card select:active{box-shadow:0 6px 20px #0000001a;transform:translateY(0)}.cept-question-card select option{background:#fff;border:none;border-radius:12px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:500;margin:.25rem;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.cept-question-card select option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 4px 12px #0000001a;color:#1e293b;transform:translateX(4px)}.cept-question-card select option:checked{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;font-weight:600;transform:translateX(4px)}.cept-question-card select option:first-child{margin-top:.5rem}.cept-question-card select option:last-child{margin-bottom:.5rem}.cept-question-card select::-webkit-listbox{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #00000026;margin:.5rem 0;padding:.5rem}.cept-question-card select::-webkit-listbox-option{background:#fff;border-radius:12px;color:#1f2937;cursor:pointer;margin:.25rem 0;padding:.75rem 1rem;-webkit-transition:all .3s ease;transition:all .3s ease}.cept-question-card select::-webkit-listbox-option:hover{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;transform:translateX(4px)}.cept-question-card select::-webkit-listbox-option:checked{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.cept-question-card:hover,.cept-topic-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-4px)}@media (max-width:768px){.cept-question-card,.cept-topic-card{margin:.75rem 0;padding:1.25rem}.cept-question-card h3,.cept-topic-card h3{font-size:1.125rem}}.topic-separator{gap:.5rem;justify-content:center;margin:1rem 0}.separator-line{background:linear-gradient(90deg,#0000,var(--border-color),#0000);border-radius:.5px}.separator-text{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 4px #0000000d;color:var(--text-muted);font-size:.7rem;letter-spacing:.3px;min-width:30px;padding:.2rem .6rem;text-align:center}.cept-main{margin:0;min-height:100vh;padding:0}.cept-hero,.cept-main{background:linear-gradient(135deg,#667eea,#764ba2)}.cept-hero{overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.cept-hero:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cept-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.cept-hero-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem;text-shadow:0 4px 8px #0000004d}.cept-hero-description{color:#fffffff2;font-size:1.25rem;line-height:1.6;margin:0;text-shadow:0 2px 4px #0003}.cept-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.cept-preferences-container{align-items:flex-start;display:flex;justify-content:center;margin:2rem 0}.cept-preferences-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:800px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.cept-preferences-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#fa709a,#fee140);content:"";height:4px;left:0;position:absolute;right:0;top:0}.cept-preferences-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.25rem;font-weight:700;margin:0 0 1rem;text-align:center}.cept-preferences-description{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 0 2.5rem;text-align:center}.cept-preferences-form{display:flex;flex-direction:column;gap:2rem}.cept-preferences-form .cta-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;box-shadow:0 8px 25px #fbbf244d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.cept-preferences-form .cta-btn:hover{box-shadow:0 12px 35px #fbbf2466;transform:translateY(-2px)}.cept-preferences-form .cta-btn:active{transform:translateY(0)}.loading-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;margin:2rem 0;padding:3rem 2rem;text-align:center}.loading{color:#6b7280;font-size:1.25rem;margin-bottom:1.5rem}.progress-bar{background:#e5e7eb}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.content-display{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;margin:2rem 0;padding:2.5rem}.content-display h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.content-text{color:#374151;line-height:1.8;margin-bottom:2rem}@media (max-width:768px){.cept-hero{padding:3rem 1.5rem}.cept-hero-title{font-size:2.5rem}.cept-hero-description{font-size:1.125rem}.cept-content{padding:2rem 1.5rem}.cept-preferences-card{margin:1rem 0;padding:2rem 1.5rem}.cept-preferences-title{font-size:1.875rem}.cept-preferences-description{font-size:1rem}.cept-preferences-form{gap:1.5rem}}@media (max-width:480px){.cept-hero{padding:2.5rem 1rem}.cept-hero-title{font-size:2rem}.cept-content,.cept-preferences-card{padding:1.5rem 1rem}.cept-preferences-title{font-size:1.5rem}}.study-guide{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:block!important;margin:2rem 0;max-width:800px;padding:2rem}.study-guide-content{margin-bottom:2rem}.study-guide h1{border-bottom:2px solid #3498db;color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.study-guide h2{color:#34495e;font-size:1.5rem;margin:1.5rem 0 1rem}.study-guide h3{color:#2c3e50;font-size:1.2rem;margin:1rem 0}.study-guide p{color:#2c3e50;line-height:1.6;margin-bottom:1rem}.study-guide li{color:#2c3e50;line-height:1.6;margin-bottom:.5rem}.study-guide-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;margin-top:2rem;padding-top:1rem}.download-button,.print-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;padding:.8rem;transition:background-color .2s}.print-button{background:#3498db;color:#fff}.print-button:hover{background:#2980b9}.download-button{background:#2ecc71;color:#fff}.download-button:hover{background:#27ae60}@media print{.study-guide-actions{display:none}.study-guide{box-shadow:none;padding:0}}@media (max-width:768px){.study-guide{margin:1rem;padding:1rem}.study-guide-actions{flex-direction:column}}.exam-content{box-sizing:border-box;color:#222;display:block!important;font-family:Times New Roman,Times,serif;margin-bottom:2rem;max-width:100%;width:100%}.exam-content,.guide-section{background:none;border:none;box-shadow:none;padding:0}.guide-section{border-radius:0;margin-bottom:0}.section-header{align-items:center;background:var(--background);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .3s ease}.section-header:hover{background:var(--primary);color:#fff}.section-header h3{font-size:1.2rem;font-weight:600;margin:0}.expand-icon{font-size:1.5rem;font-weight:700;transition:transform .3s ease}.guide-section.expanded .expand-icon{transform:rotate(180deg)}.section-content{animation:fadeIn .3s ease-out;padding:1.5rem}.checklist-item{align-items:center;border-radius:.4rem;display:flex;gap:.8rem;margin-bottom:.8rem;padding:.5rem;transition:background-color .3s ease}.checklist-item:hover{background:var(--background)}.checklist-item input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--primary);border-radius:4px;cursor:pointer;height:20px;position:relative;transition:all .3s ease;width:20px}.checklist-item input[type=checkbox]:checked{background:var(--primary)}.checklist-item input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checklist-item label{cursor:pointer;flex:1 1;transition:color .3s ease}.checklist-item input[type=checkbox]:checked+label{color:var(--primary);opacity:.7;text-decoration:line-through}.study-tips{background:var(--background);border-left:4px solid var(--accent);border-radius:.8rem}.study-tips h3{align-items:center;color:var(--accent);display:flex;gap:.5rem}.study-tips ul{list-style:none;padding:0}.study-tips li{align-items:center;background:var(--card-bg);border-radius:.5rem;display:flex;gap:.8rem;padding:.8rem 1rem;transition:all .3s ease}.study-tips li:hover{background:var(--accent);color:var(--text);transform:translateX(4px)}.unselectable-passage{background:#f8f8f8;border:1px solid #ddd;box-shadow:0 2px 8px #0000000a;color:#222;font-family:Times New Roman,Times,serif;font-size:1.1rem;line-height:1.7;margin:1.5rem 0;padding:1.5rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.exam-content li,.exam-content ul{display:block;margin-left:0;padding-left:1.5em;text-align:left;width:100%}.marking-scheme-header{color:#223;font-size:1.2em;font-weight:700;margin-top:2em;text-align:left}.marking-scheme-list{list-style:disc inside;margin:1em 0 2em 1.5em;padding:0;text-align:left}.marking-scheme-list li{font-size:1.08em;margin-bottom:.5em}.mode-toggle-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:1rem;box-shadow:0 4px 15px #00000014;gap:1.5rem;margin-bottom:1rem;padding:1rem}.mode-toggle-btn{background:linear-gradient(135deg,#fff,#f1f5f9);border:2px solid #e2e8f0;border-radius:1rem;box-shadow:0 2px 8px #0000000f;color:#475569;font-size:.95rem;font-weight:600;min-width:180px;overflow:hidden;padding:.8em 1.5em;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-toggle-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mode-toggle-btn:hover:before{left:100%}.mode-toggle-btn.active,.mode-toggle-btn:hover{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #3b82f6;box-shadow:0 8px 25px #3b82f64d;color:#fff;transform:translateY(-2px)}.mode-toggle-btn.active{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 8px 25px #3b82f64d}50%{box-shadow:0 8px 25px #3b82f680}}.mode-toggle-btn .page-emoji{font-size:1.2rem;transition:transform .3s ease}.mode-toggle-btn:hover .page-emoji{transform:rotate(15deg)}.mode-toggle-btn.active .page-emoji{animation:flip .6s ease-in-out}@keyframes flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.practice-mode-placeholder{color:#888;color:var(--text-muted,#888);margin:2em 0;text-align:center}.model-answer-card{background:#f3f6fa;background:var(--card-bg,#f3f6fa);border-left:4px solid #3b82f6;border-left:4px solid var(--primary,#3b82f6);border-radius:.5em;box-shadow:0 2px 8px #3b82f60f;color:#223;color:var(--text,#223);font-size:1.08em;margin:1em 0 .5em;padding:1em 1.2em}.show-model-answer-btn{background:#3b82f6;background:var(--primary,#3b82f6);border:none;border-radius:.4em;color:#fff;color:var(--text-on-primary,#fff);cursor:pointer;font-weight:600;margin-bottom:.5em;padding:.4em 1em;transition:background .2s,color .2s}.show-model-answer-btn:hover{background:#2563eb;background:var(--primary-dark,#2563eb)}.instant-feedback{font-size:1.08em;margin-top:.5em}.practice-progress-bar-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--background-light,linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%));border-radius:1rem;box-shadow:0 4px 15px #00000014;box-sizing:border-box;margin-bottom:1rem;overflow:hidden;padding:.8rem;width:100%}.practice-progress-bar-bg{background:linear-gradient(90deg,#e2e8f0,#cbd5e1);background:var(--progress-bg,linear-gradient(90deg,#e2e8f0 0,#cbd5e1 100%));border-radius:1rem;box-shadow:inset 0 2px 4px #0000001a;height:1.2rem;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.practice-progress-bar-bg:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.practice-progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8 50%,#3b82f6);background:var(--progress-fill,linear-gradient(90deg,#3b82f6 0,#1d4ed8 50%,#3b82f6 100%));border-radius:1rem;height:100%;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.practice-progress-bar-fill:after{animation:progressShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.practice-progress-bar-label{align-items:center;color:#475569;color:var(--text-muted,#475569);display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;text-align:center}.practice-progress-bar-label:before{content:"📊";font-size:1.2rem}.reading-passage-content{background:#0000;border-radius:0;box-shadow:none;margin-bottom:.5rem;max-width:none;padding:0;width:100%}.reading-passage-content h3{align-items:center;color:#1e40af;color:var(--primary-dark,#1e40af);display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:.3rem;text-align:center}.reading-passage-content h3:before{content:"📖";font-size:1.8rem}.passage-toggle-container{border-top:1px solid var(--border-color,#e0e0e0)}.passage-text{word-wrap:break-word;background:#0000;border-radius:0;box-shadow:none;color:#374151;color:var(--text,#374151);font-size:1.1rem;line-height:1.8;margin:0;max-width:none;padding:0;width:100%}.reading-passage-placeholder{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--background-light,linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%));border-radius:1rem;box-shadow:0 4px 15px #00000014;color:#6b7280;color:var(--text-muted,#6b7280);margin:2rem 0;padding:2rem;text-align:center}.reading-passage-placeholder h3{align-items:center;color:#1e40af;color:var(--primary-dark,#1e40af);display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.reading-passage-placeholder h3:before{content:"📚";font-size:1.5rem}.practice-mode-form input[type=text]{background:#f8fafc;background:var(--input-bg,#f8fafc);border:1.5px solid #bcd;border:1.5px solid var(--border-color,#bcd);border-radius:.5em;box-shadow:0 1px 4px #3b82f60a;box-sizing:border-box;color:#223;color:var(--text,#223);font-size:1.08em;margin-bottom:.7em;padding:.7em 1em;transition:border .2s,box-shadow .2s,background .2s;width:100%}.practice-mode-form input[type=text]:focus{background:#fff;background:var(--input-focus-bg,#fff);border:1.5px solid #3b82f6;border:1.5px solid var(--primary,#3b82f6);box-shadow:0 2px 8px #3b82f61a;outline:none}.practice-mode-form input[type=text]::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.practice-mode-form ul{box-sizing:border-box;margin-bottom:.5em;padding-left:0;width:100%}.practice-mode-form li{align-items:center;box-sizing:border-box;display:flex;list-style:none;margin-bottom:.3em;width:100%}.practice-mode-form input[type=radio]{accent-color:#3b82f6;accent-color:var(--primary,#3b82f6);cursor:pointer;flex-shrink:0;height:1em;margin-right:.5em;width:1em}.practice-mode-form label{word-wrap:break-word;align-items:center;background:#f8fafc;background:var(--option-bg,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.3rem;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;gap:.3rem;line-height:1.3;margin:0;max-width:100%;overflow-wrap:break-word;padding:.4rem .6rem;transition:all .2s ease;width:100%}.practice-mode-form label:hover{background:#e0e7ff;border-color:#3b82f6;box-shadow:0 1px 4px #3b82f626;color:#1e40af;transform:translateY(-1px)}.practice-mode-form input[type=radio]:focus+label,.practice-mode-form label:focus{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600;outline:none}.practice-mode-form input[type=radio]:checked+label{background:#dbeafe;border-color:#3b82f6;color:#1e40af;font-weight:600}.practice-mode-form{margin-bottom:2em;overflow:hidden}.practice-mode-form,.practice-question-block{box-sizing:border-box;max-width:100%;padding:0;width:100%}.practice-question-block{margin-bottom:1.2rem}.exam-question{word-wrap:break-word;background:none;border-radius:0;box-sizing:border-box;color:#223;display:block;font-weight:600;margin-top:1.5em;overflow-wrap:break-word;padding:0;text-align:left;width:100%}@media (max-width:768px){.reading-passage-content{margin:.5rem 0;padding:0}.passage-text{font-size:.9rem;line-height:1.6;padding:0}.reading-passage-content h3{font-size:1.2rem;margin-bottom:.3rem}.reading-passage-content h3:before{font-size:1.4rem}.mode-toggle-container{background:#0000;box-shadow:none;display:flex;flex-direction:row;gap:.8rem;justify-content:center;margin:.5rem 0;max-width:100%;padding:0;width:100%}.mode-toggle-btn{flex-shrink:0;font-size:.7rem;height:52px;min-width:0;padding:.7em 1em;text-align:center;white-space:normal;width:160px}.practice-progress-bar-container{box-sizing:border-box;margin:.5rem 0;overflow:hidden;padding:.6rem;width:100%}.practice-progress-bar-label{font-size:.9rem}.practice-progress-bar-bg,.practice-progress-bar-fill{box-sizing:border-box;width:100%}.practice-mode-form input[type=text]{box-sizing:border-box;font-size:.95rem;padding:.6em .8em;width:100%}.practice-mode-form label{box-sizing:border-box;font-size:.85rem;line-height:1.2;padding:.3rem .5rem;width:100%}.practice-question-block{box-sizing:border-box;margin-bottom:1rem;max-width:100%;padding:0;width:100%}.exam-question{word-wrap:break-word;box-sizing:border-box;font-size:.9rem;line-height:1.4;margin-bottom:.5rem;overflow-wrap:break-word;width:100%}.practice-question-block ul{box-sizing:border-box;margin:.3rem 0;padding-left:0;width:100%}.practice-question-block li{box-sizing:border-box;margin-bottom:.2rem;width:100%}.practice-question-block label{align-items:center;box-sizing:border-box;display:flex;font-size:.85rem;gap:.3rem;padding:.25rem .4rem;width:100%}}@media (max-width:480px){.reading-passage-content{margin:.3rem 0;padding:0}.passage-text{font-size:.85rem;line-height:1.5;padding:0}.reading-passage-content h3{font-size:1.1rem}.mode-toggle-container{background:#0000;box-shadow:none;gap:.6rem;margin:.8rem 0;max-width:100%;padding:0;width:100%}.mode-toggle-btn{flex-shrink:0;font-size:.65rem;height:48px;min-width:0;padding:.6em .8em;text-align:center;white-space:normal;width:140px}.practice-question-block{box-sizing:border-box;margin-bottom:1rem;max-width:100%;padding:0;width:100%}.exam-question{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.assessment-indicator{margin:.3rem 0}.correct-indicator,.incorrect-indicator{font-size:.85rem;padding:.3rem .6rem}.marking-feedback{font-size:.85rem;margin-top:.5rem}.marking-feedback div{margin-bottom:.3rem}.model-answer-card{font-size:.85rem;margin:.5rem 0;padding:.8rem}.short-answer-feedback{margin-top:.5rem}.short-answer-feedback div{margin-bottom:.3rem}input[type=text]{font-size:.9rem;padding:.5em .7em}.practice-question-block li{margin-bottom:.3rem}.practice-progress-bar-label,.practice-question-block label{font-size:.85rem}}.marking-loading-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.marking-loading-popup{animation:fadeIn .5s ease-out;background:#fff;background:var(--card-bg,#fff);border:2px solid #4f8cff;border:2px solid var(--primary,#4f8cff);border-radius:1rem;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:400px;padding:2rem;text-align:center}.marking-loading-popup h3{color:#4f8cff;color:var(--primary,#4f8cff);font-size:1.3rem;font-weight:600;margin:1rem 0 .5rem}.marking-loading-popup p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.95rem;line-height:1.5;margin:0}.loading-spinner{border-top:4px solid #4f8cff;border:4px solid var(--background,#f3f4f6);border-top-color:var(--primary,#4f8cff)}.assessment-indicator{font-size:1.1em;font-weight:600;margin:.5em 0}.correct-indicator{background:#d1fae5;border:2px solid #10b981;border-radius:.5em;color:#059669}.correct-indicator,.incorrect-indicator{animation:fadeIn .5s ease-out;display:inline-block;padding:.3em .8em}.incorrect-indicator{background:#fee2e2;border:2px solid #ef4444;border-radius:.5em;color:#dc2626}@media (max-width:768px){.practice-question-block{margin-bottom:1rem;padding:.8rem}.exam-question{font-size:1rem!important;line-height:1.4!important;margin-bottom:.8rem!important}.practice-mode-form{padding:.5rem}.practice-progress-bar-container{margin-bottom:1rem!important}.practice-progress-bar-label{font-size:.9rem}.assessment-indicator{font-size:1rem;margin:.3em 0}.correct-indicator,.incorrect-indicator{font-size:.9rem;padding:.2em .6em}.marking-feedback{font-size:.9rem;margin:.5rem 0;padding:.8rem}.marking-feedback div{margin-bottom:.3rem}.model-answer-card{font-size:.9rem;margin:.5rem 0;padding:.6rem}.short-answer-feedback{padding:.5rem}.short-answer-feedback div{font-size:.9rem;margin-bottom:.3rem}input[type=text]{font-size:.9rem!important;padding:.4rem!important}input[type=radio]{transform:scale(.9)}.practice-question-block ul{margin-left:.5rem!important;padding-left:1rem!important}.practice-question-block li{font-size:.9rem;margin-bottom:.3rem!important}.practice-question-block label{font-size:.9rem}}@media (max-width:480px){.practice-question-block{margin-bottom:.8rem;padding:.6rem}.exam-question{font-size:.95rem!important;margin-bottom:.6rem!important}.assessment-indicator{font-size:.9rem}.correct-indicator,.incorrect-indicator{font-size:.85rem;padding:.15em .5em}.marking-feedback{font-size:.85rem;padding:.6rem}.model-answer-card{font-size:.85rem;padding:.5rem}.short-answer-feedback div{font-size:.85rem}input[type=text]{font-size:.85rem!important;padding:.3rem!important}.practice-question-block label,.practice-question-block li{font-size:.85rem}.practice-progress-bar-label{font-size:.8rem}}@media (max-width:600px){.exam-content,.passage-text,.reading-passage-content,.study-guide{box-sizing:border-box!important;margin:0 -1.5rem!important;max-width:calc(100% + 3rem)!important;padding:1.5rem!important;width:calc(100% + 3rem)!important}}.exercises-page{animation:fadeIn .8s ease-out;margin:0 auto;max-width:1200px;padding:2rem}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.content-card{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);padding:2rem;transition:all .3s ease}.content-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-5px)}.card-icon{display:block;font-size:3rem;margin-bottom:1rem}.content-card h2{color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.content-card p{color:#6b7280;color:var(--text-muted,#6b7280);line-height:1.6;margin-bottom:1rem}.content-card ul{list-style:none;margin-bottom:1.5rem;padding:0}.content-card li{color:var(--text);padding:.5rem 0 .5rem 1.5rem;position:relative}.content-card li:before{color:var(--primary);content:"✓";font-weight:700;left:0;position:absolute}.card-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:var(--primary);border-radius:1rem;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.mock-exam-section{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.mock-exam-section h2{color:var(--text);font-size:2rem;margin-bottom:1rem;text-align:center}.mock-exam-section>p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:1.1rem;margin-bottom:2rem;text-align:center}.exam-types{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.exam-type{background:#f8fafc;background:var(--background-light,#f8fafc);border-left:4px solid var(--primary);border-radius:.8rem;padding:1.5rem}.exam-type h3{color:var(--primary);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.exam-type p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.9rem;font-weight:500;margin-bottom:1rem}.exam-type ul{list-style:none;padding:0}.exam-type li{color:var(--text);font-size:.9rem;padding:.3rem 0 .3rem 1.2rem;position:relative}.exam-type li:before{color:var(--primary);content:"•";font-weight:700;left:0;position:absolute}.study-tips-section{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.study-tips-section h2{color:var(--text);font-size:2rem;margin-bottom:1.5rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#f8fafc;background:var(--background-light,#f8fafc);border-radius:.8rem;padding:1.5rem;transition:all .3s ease}.tip-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.tip-card h3{color:var(--primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.tip-card p{color:var(--text);line-height:1.6;margin:0}@media (max-width:768px){.exercises-page{padding:1rem}.page-header{margin-bottom:2rem;padding:1.5rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.content-grid{gap:1.5rem;grid-template-columns:1fr}.content-card{padding:1.5rem}.exam-types,.tips-grid{grid-template-columns:1fr}.cta-section{padding:2rem 1rem}.cta-section h2{font-size:1.5rem}}@media (max-width:480px){.page-header h1{font-size:1.8rem}.content-card{padding:1rem}.card-icon{font-size:2.5rem}.feature-tag{font-size:.7rem;padding:.2rem .6rem}}.practice-page{animation:fadeIn .8s ease-out;margin:0 auto;max-width:1200px;padding:2rem}.page-header{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:1rem;box-shadow:0 8px 32px #4f8cff26;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.page-header p{font-size:1.2rem;margin:0;opacity:.9}.practice-overview{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.overview-card{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);padding:2rem;text-align:center;transition:all .3s ease}.overview-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-5px)}.overview-icon{display:block;font-size:3rem;margin-bottom:1rem}.overview-card h2{color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.overview-card p{color:#6b7280;color:var(--text-muted,#6b7280);line-height:1.6;margin:0}.ai-revolution-section{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.ai-revolution-section h2{color:var(--text);font-size:2rem;margin-bottom:.5rem;text-align:center}.revolution-subtitle{color:#6b7280;color:var(--text-muted,#6b7280);font-size:1.1rem;margin-bottom:2rem;text-align:center}.ai-capabilities{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.ai-capability-card{background:#f8fafc;background:var(--background-light,#f8fafc);border-left:4px solid var(--primary);border-radius:.8rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.ai-capability-card:before{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ai-capability-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.ai-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.ai-capability-card h3{color:var(--primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.ai-capability-card p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.ai-capability-card ul{list-style:none;padding:0}.ai-capability-card li{color:var(--text);font-size:.9rem;padding:.3rem 0 .3rem 1.2rem;position:relative}.ai-capability-card li:before{color:var(--accent);content:"⚡";font-weight:700;left:0;position:absolute}.future-learning{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:.8rem;color:#fff;margin-bottom:2rem;padding:2rem}.future-learning h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.future-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.future-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;padding:1rem}.future-feature h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.future-feature p{font-size:.9rem;line-height:1.5;margin:0;opacity:.9}.ai-stats{background:#f8fafc;background:var(--background-light,#f8fafc);border-radius:.8rem;padding:2rem}.ai-stats h3{color:var(--text);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fff;border-radius:.8rem;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-3px)}.stat-number{color:var(--primary);display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--text);font-size:1rem;font-weight:600;margin-bottom:.5rem}.stat-desc{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.85rem;line-height:1.4;margin:0}.practice-methods{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.practice-methods h2{color:var(--text);font-size:2rem;margin-bottom:2rem;text-align:center}.methods-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.method-card{background:#f8fafc;background:var(--background-light,#f8fafc);border-left:4px solid var(--primary);border-radius:.8rem;padding:1.5rem;transition:all .3s ease}.method-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.method-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.method-card h3{color:var(--primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.method-card p{color:#6b7280;color:var(--text-muted,#6b7280);line-height:1.6;margin-bottom:1rem}.method-card ul{list-style:none;margin-bottom:1.5rem;padding:0}.method-card li{color:var(--text);font-size:.9rem;padding:.4rem 0 .4rem 1.2rem;position:relative}.method-card li:before{color:var(--primary);content:"→";font-weight:700;left:0;position:absolute}.method-features{display:flex;flex-wrap:wrap;gap:.5rem}.method-tag{background:var(--primary);border-radius:1rem;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.practice-strategies{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.practice-strategies h2{color:var(--text);font-size:2rem;margin-bottom:2rem;text-align:center}.strategies-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.strategy-section{background:#f8fafc;background:var(--background-light,#f8fafc);border-radius:.8rem;padding:1.5rem}.strategy-section h3{color:var(--primary);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.routine-grid{grid-gap:1rem;display:grid;gap:1rem}.routine-item{background:#fff;border-left:3px solid var(--accent);border-radius:.5rem;padding:1rem}.routine-item h4{color:var(--text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.routine-item p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.9rem;margin:0}.techniques-list{grid-gap:1rem;display:grid;gap:1rem}.technique-item{background:#fff;border-left:3px solid var(--secondary);border-radius:.5rem;padding:1rem}.technique-item h4{color:var(--text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.technique-item p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.9rem;line-height:1.5;margin:0}.progress-tracking{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.progress-tracking h2{color:var(--text);font-size:2rem;margin-bottom:2rem;text-align:center}.tracking-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tracking-card{background:#f8fafc;background:var(--background-light,#f8fafc);border-radius:.8rem;padding:1.5rem;text-align:center;transition:all .3s ease}.tracking-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.tracking-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.tracking-card h3{color:var(--primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.tracking-card ul{list-style:none;padding:0;text-align:left}.tracking-card li{color:var(--text);font-size:.9rem;padding:.4rem 0 .4rem 1.2rem;position:relative}.tracking-card li:before{color:var(--primary);content:"✓";font-weight:700;left:0;position:absolute}.practice-tips{background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:1rem;box-shadow:var(--card-shadow);margin-bottom:3rem;padding:2rem}.practice-tips h2{color:var(--text);font-size:2rem;margin-bottom:2rem;text-align:center}.tips-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tip-item{background:#f8fafc;background:var(--background-light,#f8fafc);border-radius:.8rem;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.tip-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tip-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.tip-content h3{color:var(--text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tip-content p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.9rem;line-height:1.5;margin:0}.cta-section{background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:1rem;box-shadow:0 8px 32px #4f8cff26;color:#fff;padding:3rem 2rem;text-align:center}.cta-section h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-section .cta-btn{background:var(--accent);border:none;border-radius:2rem;box-shadow:0 4px 12px #ffd6004d;color:var(--text);cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.cta-section .cta-btn:hover{background:#ffe066;box-shadow:0 6px 20px #ffd60066;transform:translateY(-2px)}@media (max-width:768px){.practice-page{padding:1rem}.page-header{margin-bottom:2rem;padding:1.5rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.practice-overview{gap:1.5rem;grid-template-columns:1fr}.overview-card{padding:1.5rem}.ai-capabilities,.methods-grid,.strategies-container,.tips-container,.tracking-features{grid-template-columns:1fr}.ai-capabilities{gap:1.5rem}.future-features{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-section{padding:2rem 1rem}.cta-section h2{font-size:1.5rem}}@media (max-width:480px){.page-header h1{font-size:1.8rem}.overview-card{padding:1rem}.overview-icon{font-size:2.5rem}.method-card{padding:1rem}.method-icon{font-size:2rem}.ai-capability-card{padding:1rem}.ai-icon{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:2rem}.tip-item{flex-direction:column;text-align:center}.tip-number{align-self:center}}.cept-preferences-form{animation:fadeIn .8s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;box-shadow:var(--card-shadow,0 4px 20px #0000001a);margin:0 auto;max-width:600px;padding:2.5rem}.loading-spinner{border:3px solid #e5e7eb;border-top:3px solid var(--border-color,#e5e7eb);border:3px solid var(--border-color,#e5e7eb);border-top-color:var(--primary);height:24px;margin:0 auto .5rem;width:24px}.modal-generate:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.form-input{flex:1 1;padding-right:3rem}.try-again-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.cept-preferences-form h2{align-items:center;color:#3b82f6;color:var(--primary,#3b82f6);display:flex;font-size:2rem;gap:.5rem;justify-content:center;margin-bottom:1rem;text-align:center}.form-description{color:#6b7280;color:var(--text-muted,#6b7280);font-size:1.1rem;line-height:1.6;text-align:center}.form-description,.form-group{margin-bottom:2rem}.form-group label{color:#374151;color:var(--text,#374151);font-size:1.1rem;margin-bottom:.8rem}.form-input,.form-select{background:#f9fafb;background:var(--input-bg,#f9fafb);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:.8rem;box-sizing:border-box;color:#374151;color:var(--text,#374151);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{background:#fff;background:var(--input-focus-bg,#fff);border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:#9ca3af;color:var(--text-muted,#9ca3af)}.checkbox-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checkbox-label{align-items:center;background:#f8fafc;background:var(--option-bg,#f8fafc);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:.8rem;color:#374151;color:var(--text,#374151);cursor:pointer;display:flex;font-weight:500;gap:.8rem;padding:1rem;transition:all .3s ease}.checkbox-label:hover{background:#f0f9ff;background:var(--option-hover-bg,#f0f9ff);border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 4px 15px #3b82f61a;transform:translateY(-2px)}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary,#3b82f6);cursor:pointer;flex-shrink:0;height:1.2rem;width:1.2rem}.checkbox-label input[type=checkbox]:checked+span{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:600}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-label{align-items:center;background:#f8fafc;background:var(--option-bg,#f8fafc);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:.8rem;color:#374151;color:var(--text,#374151);cursor:pointer;display:flex;font-weight:500;gap:.8rem;padding:1rem;transition:all .3s ease}.radio-label:hover{background:#f0f9ff;background:var(--option-hover-bg,#f0f9ff);border-color:#3b82f6;border-color:var(--primary,#3b82f6);box-shadow:0 4px 15px #3b82f61a;transform:translateY(-2px)}.radio-label input[type=radio]{accent-color:#3b82f6;accent-color:var(--primary,#3b82f6);cursor:pointer;flex-shrink:0;height:1.2rem;width:1.2rem}.radio-label input[type=radio]:checked+.radio-text{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:600}.radio-text,.submit-btn{align-items:center;display:flex;gap:.5rem}.submit-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary,#3b82f6),var(--secondary,#8b5cf6));border-radius:1rem;font-size:1.2rem;font-weight:600;justify-content:center;margin-top:1rem;padding:1.2rem 2rem;width:100%}.submit-btn:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}@media (max-width:768px){.cept-preferences-form{margin:1rem;padding:2rem 1.5rem}.cept-preferences-form h2{font-size:1.6rem}.form-description{font-size:1rem}.checkbox-group{gap:.8rem;grid-template-columns:1fr}.checkbox-label{font-size:.95rem;padding:.8rem}.submit-btn{font-size:1.1rem;padding:1rem 1.5rem}}@media (max-width:480px){.cept-preferences-form{padding:1.5rem 1rem}.form-group{margin-bottom:1.5rem}.form-input,.form-select{font-size:.95rem;padding:.8rem}.checkbox-label{font-size:.9rem;padding:.7rem}}.cept-guide{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:2rem}@media (max-width:600px){.cept-guide,.exam-content,.passage-text,.reading-passage-content{box-sizing:border-box!important;margin:0 -1.5rem!important;max-width:calc(100% + 3rem)!important;padding:1.5rem!important;width:calc(100% + 3rem)!important}}.mode-toggle-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.mode-toggle-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;min-width:140px;padding:.8rem 1.5rem;transition:all .3s ease}.mode-toggle-btn.active{background:#007bff;border-color:#007bff;color:#fff}.mode-toggle-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.page-emoji{font-size:1.2rem}.reading-passage-content{margin-bottom:2rem}.reading-passage-content h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.passage-toggle-container{border-top:1px solid #e0e0e0;display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem}.passage-text{color:#444;line-height:1.6}.section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:2rem;padding:1rem}.section h4{color:#007bff;font-size:1.1rem;margin-bottom:1rem}.question{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.options{margin-top:.5rem}.options p{background:#f8f9fa;border-radius:4px;font-size:.9rem;margin:.3rem 0;padding:.5rem}.practice-mode-form{margin-bottom:2rem}.practice-mode-form h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-bottom:1rem;padding:1rem}.question-block{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.question-block h4{color:#007bff;font-size:1.1rem;margin-bottom:1rem}.question-block p{color:#444;line-height:1.5;margin-bottom:1rem}.options-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.option-label{align-items:center;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:background-color .2s}.option-label:hover{background-color:#f8f9fa}.option-label input[type=radio]{margin:0}.option-text{flex:1 1;font-size:.9rem;line-height:1.4}.completion-input{border:1px solid #e0e0e0;margin-top:.5rem;padding:.75rem}.completion-input:focus{box-shadow:0 0 0 2px #007bff40}.sentence-text{font-style:italic;padding:1rem}.blank-inputs{gap:1rem}.blank-input-group{gap:.5rem}.inline-result{border-left:3px solid;border-radius:6px;margin-top:1rem;padding:1rem}.result-correct{color:#28a745;font-weight:500}.result-incorrect{color:#dc3545;font-weight:500}.result-header{font-weight:500;margin-bottom:.5rem}.result-content{font-size:.9rem;line-height:1.4}.result-content div{margin-bottom:.25rem}.short-answer{margin-top:1rem}.answer-textarea{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.9rem;min-height:80px;padding:.8rem;resize:vertical;width:100%}.answer-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.sentence-completion{margin-top:1rem}.completion-input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:.8rem;width:100%}.completion-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.word-formation{margin-top:1rem}.formation-input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:.8rem;width:100%}.formation-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.multiple-blanks{margin-top:1rem}.sentence-text{background:#f8f9fa;border-left:3px solid #007bff;border-radius:6px;color:#333;font-weight:500;line-height:1.5;margin-bottom:1rem;padding:.8rem}.blank-inputs{gap:.8rem}.blank-input-group,.blank-inputs{display:flex;flex-direction:column}.blank-input-group{gap:.3rem}.blank-input-group label{color:#007bff;font-size:.9rem;font-weight:500}.submit-section{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.submit-btn{background:#007bff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:1rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 8px #00000026}.submit-btn:disabled{background:#6c757d}.progress-text{color:#666;font-size:.9rem;margin:0}.results-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:2rem;padding:1.5rem}.results-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.result-item{background:#fff;border-left:4px solid #28a745;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.result-item h4{color:#28a745;font-size:1rem;margin-bottom:.5rem}.result-content p{color:#444;line-height:1.4;margin:.3rem 0}.study-tips{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-top:2rem;padding:1.5rem}.study-tips h3{color:#1976d2;font-size:1.2rem;margin-bottom:1rem}.study-tips ul{margin:0;padding-left:1.5rem}.study-tips li{color:#333;line-height:1.4;margin-bottom:.5rem}.marking-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.marking-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:2rem;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.marking-content h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.marking-content p{color:#666;line-height:1.5}.marking-content p,.marking-spinner{margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin:0 auto;width:50px}.marking-progress{margin-top:1.5rem}.progress-bar{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{animation:progressFill 2s ease-in-out infinite;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;height:100%}@keyframes progressFill{0%{width:0}50%{width:70%}to{width:100%}}.marking-progress p{color:#888;font-size:.9rem;margin:0}.retry-message{background:#fdf2f2;border:1px solid #fecaca;border-radius:6px;color:#e74c3c;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.retry-info{background:#f8f9fa;border-radius:4px;margin-top:1rem;padding:.5rem}.retry-info p{color:#666;font-size:.9rem;font-weight:500;margin:0}@media (max-width:768px){.cept-guide{margin:0 .5rem;padding:1rem}.mode-toggle-container{flex-direction:column;gap:.5rem}.mode-toggle-btn{font-size:1rem;min-width:auto;padding:1rem;width:100%}.question-block{margin-bottom:1.5rem;padding:1rem}.answer-textarea,.option-label{font-size:1rem;padding:1rem}.submit-btn{font-size:1.1rem;padding:1.2rem;width:100%}.section{margin-bottom:1.5rem;padding:.8rem}.results-section,.study-tips{margin-top:1.5rem;padding:1rem}.blank-inputs{gap:.6rem}.blank-input-group label{font-size:.85rem}.sentence-text{font-size:.9rem;padding:.6rem}}@media (max-width:480px){.cept-guide{margin:0 .3rem}.cept-guide,.question-block{padding:.8rem}.answer-textarea,.option-label{font-size:.9rem;padding:.8rem}.submit-btn{font-size:1rem;padding:1rem}}@media (max-width:768px){.marking-modal{margin:1rem;padding:1.5rem}.marking-content h3{font-size:1.3rem}.spinner{height:40px;width:40px}}@media screen and (max-width:768px){.blank-input-group input,.sentence-completion input,.short-answer textarea{min-height:44px;padding:12px 16px}}.subject-landing-page{background:#f8fafc;background:var(--background,#f8fafc);min-height:100vh}.subjects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.subject-category-card{animation:fadeIn .8s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;box-shadow:var(--card-shadow,0 4px 20px #0000001a);overflow:hidden;transition:all .3s ease}.subject-category-card:hover{box-shadow:0 8px 30px #00000026;box-shadow:var(--hover-shadow,0 8px 30px #00000026);transform:translateY(-8px)}.category-header{align-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff);background:linear-gradient(135deg,var(--primary-light,#dbeafe) 0,var(--secondary-light,#e0e7ff) 100%);border-left:4px solid;display:flex;gap:1rem;padding:2rem}.category-icon{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:50%;box-shadow:0 4px 15px #0000001a;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.category-info h2{color:#1e40af;color:var(--primary-dark,#1e40af);font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.category-info p{color:#6b7280;color:var(--text-muted,#6b7280);font-size:1rem;line-height:1.5;margin:0}.subjects-list{padding:1.5rem}.subject-item{align-items:center;border:1px solid #0000;border-radius:.8rem;cursor:pointer;display:flex;gap:1rem;margin-bottom:.8rem;padding:1rem 1.2rem;transition:all .3s ease}.subject-item:hover{background:#dbeafe;background:var(--primary-light,#dbeafe);border-color:#3b82f6;border-color:var(--primary,#3b82f6);transform:translateX(8px)}.subject-item:last-child{margin-bottom:0}.subject-icon{align-items:center;background:#fff;background:var(--card-bg,#fff);border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.subject-name{color:#374151;color:var(--text,#374151);flex:1 1;font-size:1.1rem;font-weight:600}.subject-arrow{color:#3b82f6;color:var(--primary,#3b82f6);font-size:1.2rem;font-weight:700;opacity:0;transition:all .3s ease}.subject-item:hover .subject-arrow{opacity:1;transform:translateX(5px)}.coming-soon-section{background:#fff;background:var(--card-bg,#fff);border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;box-shadow:var(--card-shadow,0 4px 20px #0000001a);padding:2rem;text-align:center}.coming-soon-section h3{align-items:center;color:#3b82f6;color:var(--primary,#3b82f6);display:flex;font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.coming-soon-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.coming-soon-item{align-items:center;background:#f8fafc;background:var(--background-light,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.8rem;display:flex;gap:.8rem;opacity:.7;padding:1rem;transition:all .3s ease}.coming-soon-item:hover{box-shadow:0 4px 15px #0000001a;opacity:1;transform:translateY(-2px)}.coming-soon-icon{font-size:1.5rem}.coming-soon-item span:last-child{color:#374151;color:var(--text,#374151);font-weight:500}@media (max-width:768px){.subjects-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.category-header{flex-direction:column;padding:1.5rem;text-align:center}.category-icon{font-size:2rem;height:60px;width:60px}.category-info h2{font-size:1.5rem}.subjects-list{padding:1rem}.subject-item{margin-bottom:.6rem;padding:.8rem 1rem}.subject-icon{font-size:1.2rem;height:35px;width:35px}.subject-name{font-size:1rem}.coming-soon-section{padding:1.5rem}.coming-soon-section h3{font-size:1.3rem}.coming-soon-grid{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.coming-soon-item{font-size:.9rem;padding:.8rem}}@media (max-width:480px){.subjects-grid{gap:1rem}.category-header{padding:1rem}.category-icon{font-size:1.5rem;height:50px;width:50px}.category-info h2{font-size:1.3rem}.subjects-list{padding:.8rem}.subject-item{margin-bottom:.5rem;padding:.7rem .8rem}.coming-soon-grid{grid-template-columns:1fr}}.language-switcher{align-items:center;display:flex;gap:.5rem}.lang-toggle-btn{align-items:center;background:#fff;background:var(--nav-text,#fff);border:2px solid #fff;border:2px solid var(--nav-text,#fff);border-radius:8px;color:#4f8cff;color:var(--nav-bg,#4f8cff);cursor:pointer;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:36px}.lang-toggle-btn:hover{background:#ffffffe6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.lang-toggle-btn:active{transform:translateY(0)}[data-theme=dark] .lang-toggle-btn{background:#e2e8f0;background:var(--nav-text,#e2e8f0);border-color:#e2e8f0;border-color:var(--nav-text,#e2e8f0);color:#2d2e32;color:var(--nav-bg,#2d2e32)}[data-theme=dark] .lang-toggle-btn:hover{background:#e2e8f0e6}@media (max-width:768px){.lang-toggle-btn{font-size:12px;height:36px;width:36px}}.grammar-exercises-page{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;min-height:100vh;padding:20px}.topic-of-day-section{flex-direction:column;margin-bottom:2rem}.section-label,.topic-of-day-section{align-items:center;display:flex;width:100%}.section-label{color:#3b82f6;color:var(--primary,#3b82f6);font-size:1.5rem;gap:.5rem;justify-content:center;margin-bottom:1rem;text-align:center}.topic-of-the-day-loading{background:#f9fafb;background:var(--background,#f9fafb);border:2px dashed #e5e7eb;border:2px dashed var(--border-color,#e5e7eb);border-radius:.5rem;padding:1rem;text-align:center}.topic-of-day-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 4px 16px #667eea4d;margin:.5rem 0;max-width:100%;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease;width:100%}.topic-of-day-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.topic-of-day-card:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.topic-of-day-content{position:relative;z-index:1}.topic-preview-section{margin-bottom:1rem}.topic-preview-badge{color:#fff;text-align:center}.preview-topic{display:block;font-size:1.3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.topic-description{font-size:.95rem;line-height:1.4;margin:0;opacity:.9}.topic-of-day-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease;width:100%}.topic-of-day-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.topic-of-day-btn:active{transform:translateY(0)}.topic-separator{align-items:center;display:flex;margin:2rem 0;width:100%}.separator-line{background:#e5e7eb;background:var(--border-color,#e5e7eb);flex:1 1;height:1px}.separator-text{font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:0 1rem;text-transform:uppercase}.separator-text,.topic-hint{color:#6b7280;color:var(--text-muted,#6b7280)}.topic-hint{font-size:.85rem;font-style:italic;margin-top:.5rem;text-align:center}.topic-of-day-error{background:#fef2f2;background:var(--error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--error-border,#fecaca);border-radius:.5rem;color:#dc2626;color:var(--error-text,#dc2626);padding:1rem;text-align:center}.topic-preview-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.topic-preview-popup{animation:fadeIn .5s ease-out;background:#fff;border:2px solid #4f8cff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:500px;padding:2rem;position:relative;text-align:center}.topic-preview-close{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.topic-preview-close:hover{background:#f3f4f6;color:#374151}.topic-preview-content h3{color:#4f8cff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.topic-preview-main{margin-bottom:2rem}.topic-preview-main h4{color:#374151;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.topic-preview-main p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.topic-preview-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.use-topic-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.use-topic-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.close-preview-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.close-preview-btn:hover{background:#e5e7eb;border-color:#9ca3af}.selected-topic-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.selected-topic-display h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .5rem}.selected-topic{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.topic-text{color:#374151;font-size:1rem;font-weight:500}.clear-topic-btn{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:all .3s ease}.clear-topic-btn:hover{background:#f3f4f6;color:#dc2626}.modal-generate{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 .5rem;padding:.75rem 1.5rem;transition:all .3s ease}.modal-generate:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.modal-generate:disabled{cursor:not-allowed;opacity:.6;transform:none}.selection-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.selection-modal{animation:fadeIn .5s ease-out;background:#fff;border:2px solid #4f8cff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:500px;padding:2rem;position:relative;text-align:center}.selection-modal-close{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.selection-modal-close:hover{background:#f3f4f6;color:#374151}.selection-modal-content h3{color:#4f8cff;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.selected-topic-display.modal-compact{background:none;border:none;margin-bottom:2rem;padding:0}.selected-topic-display.modal-compact .selected-topic{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.error-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.error-modal{animation:fadeIn .5s ease-out;background:#fff;border:2px solid #ef4444;border-radius:1rem;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:500px;padding:2rem;position:relative;text-align:center}.error-modal-close{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.error-modal-close:hover{background:#f3f4f6;color:#374151}.error-modal-content{padding:1rem 0}.error-icon{font-size:3rem;margin-bottom:1rem}.error-modal-content h3{color:#dc2626;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.error-modal-content p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 2rem}.error-modal-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.try-again-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.try-again-btn:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.try-again-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.discord-btn{background:linear-gradient(135deg,#5865f2,#7289da);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.discord-btn:hover{background:linear-gradient(135deg,#4752c4,#5b6eae);box-shadow:0 4px 12px #5865f24d;transform:translateY(-1px)}.topic-input-container{align-items:center;display:flex;position:relative}.topic-input{flex:1 1;padding-right:3rem}.show-selection-btn{align-items:center;background:#10b981;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;position:absolute;right:.5rem;transition:all .3s ease;width:2rem}.show-selection-btn:hover{background:#059669;transform:scale(1.1)}.generation-loading-overlay,.marking-loading-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.generation-loading-popup,.marking-loading-popup{animation:fadeIn .5s ease-out;background:#fff;border:2px solid #4f8cff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:400px;padding:2rem;text-align:center}.generation-loading-popup h3,.marking-loading-popup h3{color:#4f8cff;font-size:1.3rem;font-weight:600;margin:1rem 0 .5rem}.generation-loading-popup p,.marking-loading-popup p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#4f8cff;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.grammar-hero{color:#fff;margin-bottom:2rem;padding:2rem 1rem;text-align:center}.grammar-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.grammar-hero p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.grammar-form-container{margin:0 auto;max-width:800px}.grammar-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.grammar-form h2{color:#333;font-size:1.8rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.grammar-select,.topic-input{background:#fff;border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.grammar-select:focus,.topic-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.grammar-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group small{color:#666;display:block;font-size:.9rem;margin-top:.5rem}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:2rem;padding:14px 24px;transition:all .3s ease;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.grammar-info{background:#667eea1a;border-left:4px solid #667eea;border-radius:15px;padding:1.5rem}.grammar-info h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.grammar-info ul{list-style:none;margin:0;padding:0}.grammar-info li{color:#555;font-size:1rem;padding:.5rem 0}.grammar-header{color:#fff;margin-bottom:2rem;padding:2rem 1rem;text-align:center}.grammar-header h1{font-size:2rem;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000004d}.grammar-topic{font-size:1.1rem;opacity:.9}.exercises-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem}.exercises-instructions{background:#667eea1a;border-left:4px solid #667eea;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.exercises-instructions h3{color:#333;margin-bottom:.5rem}.exercises-instructions p{color:#555;line-height:1.6;margin:0}.questions-section h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.question-item{background:#fff;border:2px solid #e1e5e9;border-radius:15px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.question-item:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.question-text{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.answer-input{margin-top:1rem}.answer-field{border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.answer-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.reset-btn,.submit-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:150px;padding:14px 24px;transition:all .3s ease}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reset-btn{background:#f8f9fa;border:2px solid #e1e5e9;color:#666}.reset-btn:hover{background:#e9ecef;border-color:#adb5bd}.assessment-indicator{margin-bottom:.5em;margin-top:.5em}.correct-indicator{color:#28a745;font-size:.9rem;font-weight:600}.incorrect-indicator{color:#dc3545;font-size:.9rem;font-weight:600}.model-answer-card{background:#667eea1a;border-left:3px solid #667eea;border-radius:8px;margin-top:.5rem;padding:.8rem}.inline-feedback{background:#667eea0d;border:1px solid #667eea33;border-radius:10px;margin-top:1rem;padding:1rem}.feedback-text{color:#555;line-height:1.5;margin-bottom:.8rem}.inline-feedback .model-answer-card{margin-bottom:0;margin-top:.5rem}@media (max-width:768px){.grammar-exercises-page{padding:15px}.grammar-hero h1{font-size:2rem}.grammar-form{padding:1.5rem}.action-buttons{flex-direction:column}.reset-btn,.submit-btn{min-width:auto}.question-item{padding:1rem}.exercises-container{padding:1.5rem}}@media (max-width:480px){.grammar-hero h1{font-size:1.8rem}.exercises-container,.grammar-form{padding:1rem}.question-item{padding:.8rem}}.generate-new-set-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-top:2rem;padding:2rem;text-align:center}.generate-new-set-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:1rem 2rem;transition:all .3s ease}.generate-new-set-btn:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.generate-new-set-btn:active{transform:translateY(0)}.generate-new-set-hint{color:#fffc;font-size:.95rem;font-style:italic;margin:0}@media (max-width:768px){.generate-new-set-section{margin-top:1.5rem;padding:1.5rem}.generate-new-set-btn{font-size:1rem;padding:.8rem 1.5rem}}
/*# sourceMappingURL=main.f41aed86.css.map*/