.navigation{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1400px;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;transition:transform .2s}.nav-logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem}.logo-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-toggle{display:none;background:none;border:none;font-size:1.75rem;color:var(--primary);cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:background .2s}.menu-toggle:hover{background:var(--bg-light);transform:none;box-shadow:none}.mobile-title{display:none;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:.5rem;padding:0 2rem 1rem;max-width:1400px;margin:0 auto;flex-wrap:wrap;justify-content:center}.nav-item{flex-shrink:0}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-lg);color:var(--text-gray);font-weight:600;transition:all .2s;white-space:nowrap}.nav-link:hover{background:var(--bg-light);color:var(--primary);transform:translateY(-2px)}.nav-link.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow)}.nav-icon{font-size:1.25rem}.nav-label{font-size:.95rem}@media (max-width: 968px){.menu-toggle,.mobile-title{display:block}.nav-header{padding:1rem 1.5rem}.nav-menu{flex-direction:column;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-menu.open{max-height:600px;padding:0 1.5rem 1rem}.nav-link{width:100%;justify-content:flex-start;padding:1rem 1.5rem}.nav-icon{font-size:1.5rem}.nav-label{font-size:1rem}}@media (max-width: 480px){.logo-text{font-size:1rem}.logo-icon{font-size:1.5rem}.nav-header{padding:.875rem 1rem}.nav-menu.open{padding:0 1rem 1rem}}.footer{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0;padding:3rem 1rem 1.5rem;margin-top:4rem;border-top:4px solid #667eea}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-bottom:2rem}.footer-section h3{font-size:1.5rem;margin-bottom:.75rem;color:#fff;font-weight:700}.footer-section h4{font-size:1.1rem;margin-bottom:.75rem;color:#fff;font-weight:600}.footer-section p{font-size:.9rem;line-height:1.6;color:#cbd5e1;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#cbd5e1;text-decoration:none;font-size:.9rem;transition:color .3s ease;display:inline-block}.footer-section ul li a:hover{color:#818cf8;transform:translate(3px)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(226,232,240,.2);text-align:center}.footer-bottom p{font-size:.85rem;color:#94a3b8;margin:.25rem 0}.footer-tagline{font-style:italic;color:#64748b}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer{padding:2rem 1rem 1rem}.footer-section{text-align:center}}.home-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;animation:fadeIn .5s ease-in}.hero-main{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #667eea4d}.main-title{font-size:3rem;font-weight:900;color:#fff;margin-bottom:.75rem;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.main-subtitle{font-size:1.25rem;color:#fffffff2;font-weight:500;line-height:1.5}.features-section{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 8px #0000000f}.section-title{text-align:center;font-size:1.75rem;color:#1e293b;margin-bottom:1.5rem;font-weight:700}.features-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:8px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:transform .2s ease,background .3s ease}.feature-item:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.feature-icon{font-size:2rem;flex-shrink:0;line-height:1}.feature-content h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#1e293b}.feature-content p{font-size:.85rem;color:#64748b;margin:0;line-height:1.4}.feature-card p{font-size:.875rem;color:#6b7280;line-height:1.4}@media (max-width: 768px){.home-page{padding:1rem}.hero-main{padding:2rem 1.25rem}.main-title{font-size:2.25rem}.main-subtitle{font-size:1rem}.subjects-grid{grid-template-columns:1fr;gap:1rem}.subject-card{padding:1.5rem}.subject-icon{font-size:2.5rem}.subject-card h3{font-size:1.35rem}.features-grid{grid-template-columns:1fr;gap:1rem}.section-title{font-size:1.5rem}}.hero{text-align:center;padding:1.5rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #6366f133}.hero-subtitle{font-size:1.1rem;color:#fff;margin:0 auto 1.25rem;font-weight:500;line-height:1.4}.hero-stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#fff3;padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-width:90px}.stat:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-label{font-size:.85rem;color:#fff;font-weight:600;text-align:center}display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 2rem; } .step-card{background:#fff;border-radius:15px;padding:2rem;text-align:center;box-shadow:0 4px 15px #00000014;transition:transform .3s,box-shadow .3s}.step-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;margin:0 auto 1.5rem}.step-card h3{font-size:1.3rem;color:#1f2937;margin-bottom:.75rem}.step-card p{color:#6b7280;line-height:1.6}.subjects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2rem}.subject-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 8px #0000000f;transition:all .3s;border-left:4px solid;display:flex;flex-direction:column;text-decoration:none;color:inherit}.subject-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.subject-card.maths{border-left-color:#f59e0b}.subject-card.english{border-left-color:#ec4899}.subject-card.verbal{border-left-color:#8b5cf6}.subject-card.non-verbal{border-left-color:#06b6d4}.subject-icon{font-size:3rem;margin-bottom:.75rem;line-height:1}.subject-card h3{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem;font-weight:700;line-height:1.2}.subject-card>p{color:#6b7280;margin-bottom:1.25rem;font-size:1rem;line-height:1.5;font-weight:500}.topic-list{list-style:none;padding:0;margin:0 0 1rem;flex-grow:1}.topic-list li{padding:.4rem 0;color:#4b5563;font-size:.9rem;line-height:1.4}.topic-list li:before{content:"✓";color:#10b981;font-weight:700;margin-right:.6rem;font-size:1rem}.card-footer{padding-top:.75rem;border-top:1px solid #e5e7eb;margin-top:auto}.problem-count{font-weight:600;color:#6366f1;font-size:.875rem}.features-section{background:#f9fafb;padding:2rem 1rem;border-radius:12px;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.feature-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:8px;transition:all .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.feature-icon{font-size:2rem;flex-shrink:0}.feature-card h3{font-size:1rem;color:#1f2937;margin-bottom:.25rem;font-weight:600}.feature-card p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}@media (max-width: 768px){.home-page{padding:.5rem}.hero{padding:2rem 1rem;margin-bottom:1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:.9rem}.hero-stats{gap:1rem}.stat{padding:.5rem 1rem}.stat-icon{font-size:1.25rem}.stat-label{font-size:.8rem}.subjects-grid{grid-template-columns:1fr;gap:1rem}.subject-card{padding:1.25rem}.subject-icon{font-size:2rem}.subject-card h3{font-size:1.25rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:.875rem}.feature-icon{font-size:1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.subjects-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-stats{gap:1.5rem}.stat{padding:1rem 1.5rem;min-width:100px}.section-title{font-size:2rem}.subjects-grid,.steps-grid,.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-button{width:100%}} margin-bottom: .75rem; } .subject-card p{color:var(--text-gray);margin-bottom:1rem;font-size:.95rem}.card-topics{list-style:none;padding:0;margin:1rem 0}.card-topics li{padding:.5rem 0;color:var(--text-gray);font-size:.9rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:2rem}.benefit-card{text-align:center;padding:2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .3s}.benefit-card:hover{transform:scale(1.05)}.benefit-icon{font-size:3rem;display:block;margin-bottom:1rem}.benefit-card h4{color:var(--primary);margin-bottom:.5rem}.benefit-card p{font-size:.95rem;color:var(--text-gray)}.cta-section{text-align:center;padding:3rem 1rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.cta-button{padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;transition:all .3s;text-decoration:none;display:inline-block}.cta-button.primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.cta-button.secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.cta-button.tertiary{background:var(--success);color:#fff}.cta-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@media (max-width: 768px){.hero{padding:1.25rem 1rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:.75rem}.stat{padding:.75rem 1rem;min-width:75px}.stat-icon{font-size:1.75rem}.stat-label{font-size:.75rem}.subjects-grid{grid-template-columns:1fr;gap:1rem}.subject-card{padding:1.5rem}.subject-icon{font-size:2.5rem}.subject-card h3{font-size:1.35rem}.features-grid{grid-template-columns:1fr;gap:1rem}}.multi-mock-test-section{margin:3rem 0;padding:0}.multi-mock-container{max-width:100%}.multi-mock-header{text-align:center;margin-bottom:2rem}.multi-mock-header .section-title{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.multi-mock-header .section-subtitle{font-size:1.1rem;color:#64748b;font-weight:400}.multi-mock-card{display:block;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2.5rem;text-decoration:none;color:#fff;transition:all .3s ease;box-shadow:0 10px 40px #667eea4d;position:relative;overflow:hidden}.multi-mock-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.multi-mock-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #667eea66}.multi-mock-card:hover:before{opacity:1}.multi-mock-icon{text-align:center;margin-bottom:1.5rem}.icon-large{font-size:4rem;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.multi-mock-content{text-align:center}.multi-mock-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff}.multi-mock-description{font-size:1.1rem;line-height:1.7;color:#fffffff2;margin-bottom:1.5rem}.multi-mock-features{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.multi-mock-features .feature-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.3)}.multi-mock-action{display:flex;align-items:center;justify-content:center;gap:.75rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.2)}.action-text{font-size:1.2rem;font-weight:700;color:#fff}.action-arrow{font-size:1.5rem;color:#fff;transition:transform .3s ease}.multi-mock-card:hover .action-arrow{transform:translate(5px)}@media (min-width: 769px) and (max-width: 1024px){.subjects-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1025px){.subjects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.word-problems-viewer{max-width:1200px;margin:0 auto;padding:2rem}.scenario-header{margin-bottom:2rem}.scenario-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.scenario-counter{display:flex;flex-direction:column;align-items:center;gap:.5rem}.scenario-badge,.progress-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:1rem}.progress-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:.9rem}.scenario-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;padding:2.5rem;margin-bottom:2rem;border-left:6px solid #f59e0b;box-shadow:0 4px 16px #f59e0b33}.scenario-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.scenario-card h3{text-align:center;color:#92400e;font-size:1.8rem;margin-bottom:1.5rem}.scenario-text{font-size:1.3rem;line-height:1.8;color:#78350f;text-align:center;font-weight:600;background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.scenario-actions{display:flex;justify-content:center}.reset-btn{background:#f59e0b;color:#fff;border:none;border-radius:10px;padding:.75rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#d97706;transform:translateY(-2px)}.question-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000001a}.question-header{margin-bottom:1.5rem}.question-counter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.question-badge{background:#3b82f6;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:1rem}.difficulty-badge{padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:.9rem;text-transform:uppercase}.difficulty-badge.easy{background:#d1fae5;color:#065f46}.difficulty-badge.medium{background:#fef3c7;color:#92400e}.difficulty-badge.advanced{background:#fee2e2;color:#991b1b}.question-card{background:#f9fafb;border-radius:12px;padding:2rem;margin-bottom:2rem}.question-text{font-size:1.3rem;line-height:1.8;color:#1f2937;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:10px;border-left:4px solid #3b82f6}.question-number{font-weight:700;color:#f59e0b;margin-right:.5rem;font-size:1.4rem}.answer-area{display:flex;flex-direction:column;gap:1.5rem}.work-space{display:flex;flex-direction:column;gap:.75rem}.work-label{font-size:1.1rem;font-weight:600;color:#374151}.answer-textarea{width:100%;padding:1.25rem;border:2px solid #d1d5db;border-radius:10px;font-size:1.1rem;font-family:inherit;resize:vertical;transition:all .2s}.answer-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.answer-actions{display:flex;justify-content:center}.show-answer-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:12px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d}.show-answer-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.answer-reveal{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;padding:1.5rem;border-left:4px solid #10b981;animation:slideIn .3s ease-out}.answer-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.answer-icon{font-size:1.5rem}.answer-label{font-size:1.2rem;font-weight:700;color:#065f46}.answer-content{font-size:1.2rem;line-height:1.7;color:#064e3b;background:#fff;padding:1.25rem;border-radius:8px;font-weight:500}.answer-note{margin-top:1rem;text-align:center;color:#059669;font-weight:600;font-size:.95rem}.question-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.question-dots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.dot{width:40px;height:40px;border-radius:50%;border:2px solid #d1d5db;background:#fff;color:#6b7280;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.9rem}.dot:hover{border-color:#3b82f6;transform:scale(1.1)}.dot.active{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:scale(1.15)}.dot.completed{background:#10b981;color:#fff;border-color:#10b981}.nav-btn{background:#f59e0b;color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-btn:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.nav-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.nav-btn.secondary{background:#6b7280}.nav-btn.secondary:hover:not(:disabled){background:#4b5563}.overall-progress{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#f9fafb;border-radius:10px}.stat-icon{font-size:2rem}.stat-label{font-size:.95rem;color:#6b7280;font-weight:600}.stat-value{font-size:2rem;font-weight:700;color:#f59e0b}@media (max-width: 768px){.word-problems-viewer{padding:1rem}.scenario-nav{flex-direction:column;padding:1rem}.scenario-card{padding:1.5rem}.scenario-text{font-size:1.1rem}.question-section{padding:1rem}.question-text{font-size:1.1rem}.question-nav{flex-direction:column;gap:1rem}.nav-btn{width:100%}.question-dots{order:-1}.progress-stats{grid-template-columns:1fr;gap:1rem}}.visual-explanation{background:#fff;border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 6px #0000001a;border:2px solid #e2e8f0}.explanation-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:3px solid #06b6d4}.explanation-header h3{font-size:1.8rem;color:#0891b2;margin-bottom:.5rem;font-weight:700}.explanation-intro{font-size:1.1rem;color:#64748b;line-height:1.6;max-width:800px;margin:0 auto}.explanation-steps{display:flex;flex-direction:column;gap:2rem}.explanation-step{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;padding:1.5rem;border:2px solid #bae6fd}.step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;box-shadow:0 4px 8px #06b6d44d}.step-header h4{font-size:1.3rem;color:#0e7490;margin:0;font-weight:600}.step-visual{background:#fff;border-radius:12px;padding:2rem;margin:1rem 0;border:2px solid #e2e8f0;min-height:150px;display:flex;align-items:center;justify-content:center}.step-explanation{font-size:1.1rem;color:#475569;line-height:1.6;margin:0;padding:1rem;background:#ffffffb3;border-radius:8px;border-left:4px solid #06b6d4}.example-row{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center;width:100%}.options-row{gap:1.5rem}.shape-box{position:relative;background:#f8fafc;border:3px solid #cbd5e1;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-width:140px;min-height:140px;transition:all .3s ease}.shape-box.target{border-color:#06b6d4;border-width:4px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);box-shadow:0 8px 16px #06b6d44d}.shape-box.correct{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 8px 16px #10b9814d}.shape-box.mystery{border:3px dashed #f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.box-label{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#475569;color:#fff;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px #0003}.shape-box.target .box-label{background:#06b6d4}.shape-box.correct .box-label{background:#10b981}.shape-inside{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.result-badge{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px #00000026}.result-badge.correct{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.result-badge.wrong{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.rotation-label,.reflection-label{font-size:.85rem;color:#64748b;text-align:center;margin-top:.5rem;font-weight:500}.rotation-demo{gap:1rem}.reflection-demo{gap:.5rem;align-items:center}.mirror-line{display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:1.5rem}.mirror-line.vertical{flex-direction:column;min-height:120px}.mirror-line.horizontal{flex-direction:row;min-width:80px}.mirror-label{font-size:.9rem;color:#8b5cf6;font-weight:600;writing-mode:horizontal-tb}.sequence-demo{width:100%}.sequence-flow{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.sequence-arrow{font-size:2.5rem;color:#06b6d4;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.mystery-box{width:80px;height:80px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px dashed #f59e0b;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#f59e0b;font-weight:700;animation:bounce 1s ease-in-out infinite}.method-steps{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;border:2px solid #cbd5e1}.method-steps h4{font-size:1.2rem;color:#334155;margin-bottom:1rem;font-weight:600}.method-steps ol{margin:0;padding-left:1.5rem}.method-steps li{font-size:1.05rem;color:#475569;line-height:1.8;margin-bottom:.75rem;padding-left:.5rem}.method-steps li:last-child{margin-bottom:0}@media (max-width: 768px){.visual-explanation{padding:1.5rem;margin:1rem 0}.explanation-header h3{font-size:1.5rem}.explanation-intro{font-size:1rem}.example-row{gap:1rem}.shape-box{min-width:100px;min-height:100px;padding:1rem}.sequence-flow{flex-direction:column}.sequence-arrow{transform:rotate(90deg);font-size:2rem}.reflection-demo{flex-direction:column}.mirror-line.vertical,.mirror-line.horizontal{transform:rotate(90deg)}}.matrix-grid{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:8px}.matrix-row{display:flex;gap:.5rem;justify-content:center}.shape-box.small{min-width:100px;min-height:100px;padding:1rem}.symmetry-demo{display:flex;gap:2rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.symmetry-lines{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.sym-line{position:absolute;background:#ef4444;opacity:.6}.sym-line.vertical{left:50%;top:10%;bottom:10%;width:2px;transform:translate(-50%)}.sym-line.horizontal{top:50%;left:10%;right:10%;height:2px;transform:translateY(-50%)}.sym-line.diagonal-1{width:2px;height:120%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.sym-line.diagonal-2{width:2px;height:120%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.analogy-demo{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.analogy-pair{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:12px;border:2px solid #cbd5e1}.transform-arrow{font-size:2rem;color:#06b6d4;font-weight:700}.analogy-equals{font-size:1.5rem;font-weight:700;color:#475569;padding:0 1rem}.property-label{font-size:.9rem;color:#64748b;font-weight:500;margin-top:.5rem;text-align:center}.reflection-complete-demo{display:flex;justify-content:center;align-items:center;padding:1rem;background:#fff;border-radius:8px}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.universal-example-flow{width:100%;background:#fff;border-radius:12px;overflow:hidden}.flow-progress-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.progress-track{flex:1;height:8px;background:#e2e8f0;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#10b981);border-radius:99px;transition:width .5s ease}.progress-label{font-size:.8rem;font-weight:600;color:#475569;white-space:nowrap}.flow-container{width:100%;height:640px;background:#f8fafc}.flow-container .react-flow__node{cursor:pointer}@keyframes frontier-pulse{0%,to{box-shadow:0 0 #667eea73,0 4px 12px #0000001a;transform:scale(1)}50%{box-shadow:0 0 0 8px #667eea1f,0 4px 18px #667eea47;transform:scale(1.025)}}.react-flow__node.node-frontier>div{animation:frontier-pulse 1.8s ease-in-out infinite;outline:3px solid #667eea;outline-offset:3px;border-radius:12px}@keyframes reveal-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.react-flow__node.node-new>div{animation:reveal-in .4s ease-out both}.react-flow__node.node-settled>div{opacity:1}.click-hint-panel,.complete-panel{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;font-size:.82rem;font-weight:600;box-shadow:0 2px 12px #0000001f;margin-bottom:8px;pointer-events:none}.click-hint-panel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.complete-panel{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.flow-explanation{padding:.9rem 1.25rem;background:#fef3c7;border-top:2px solid #f59e0b;font-size:.88rem;line-height:1.5;color:#78350f}.flow-explanation strong{color:#92400e;margin-right:6px}.problem-node,.step-node,.answer-node{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}.option-badge{position:absolute;top:-10px;left:-10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #0003}.calc{font-size:.9rem;color:#1f2937;margin:2px 0;font-weight:600}.answer-big{font-size:1.6rem;font-weight:700;color:#3b82f6;margin:4px 0}.unit-label,.winner-note{font-size:.75rem;opacity:.85;font-weight:600;margin-top:2px}.answer-text{font-size:1.4rem;font-weight:700;margin:4px 0}.ratio-display{font-size:1.4rem;font-weight:700;margin:6px 0;letter-spacing:2px}.wf-problem-node{display:flex;flex-direction:column;gap:6px}.wf-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.85}.wf-problem-text{font-size:.95rem;font-weight:600;line-height:1.4}.wf-step-node{display:flex;align-items:flex-start;gap:10px;text-align:left}.wf-step-num{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.78rem;font-weight:700;flex-shrink:0;margin-top:1px}.wf-step-text{font-size:.88rem;color:#1f2937;font-weight:500;line-height:1.45}.wf-answer-node{display:flex;flex-direction:column;gap:4px;text-align:center}.wf-answer-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.wf-answer-value{font-size:1.3rem;font-weight:700;line-height:1.3}@media (max-width: 768px){.flow-container{height:500px}.answer-big{font-size:1.3rem}}@media (max-width: 480px){.flow-container{height:420px}.flow-explanation{padding:.7rem 1rem;font-size:.82rem}.click-hint-panel,.complete-panel{font-size:.76rem;padding:6px 12px}}.cmd-wrapper{background:#f8faff;border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem 1.5rem 1.25rem 1.25rem;margin:1rem 0;display:inline-block;min-width:200px;max-width:100%;box-shadow:0 4px 16px #00000014}.cmd-badge{font-family:system-ui,-apple-system,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#64748b;background:#e9eef7;display:inline-block;padding:3px 10px;border-radius:20px;margin-bottom:1rem}.cmd-layout{display:flex;flex-direction:column;gap:2px}.cmd-row{display:flex;align-items:stretch;gap:2px}.cmd-op-space{width:2rem;min-width:2rem;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:1.4rem;font-weight:900;color:#94a3b8;flex-shrink:0}.cmd-operator{color:#ef4444!important}.cmd-cell{width:2.6rem;height:2.8rem;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;border-radius:8px;transition:background .15s}.cmd-digit-val{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;line-height:1;color:var(--col-color, #1e293b)}.cmd-blank{background:transparent!important;border:none!important}.cmd-first-digit{background:#eff6ff;border:1.5px solid #bfdbfe}.cmd-second-digit{background:#fff7ed;border:1.5px solid #fed7aa}.cmd-result-cell{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #6ee7b7;height:3.1rem!important;border-radius:10px}.cmd-result-cell .cmd-digit-val{font-size:1.65rem;font-weight:800}.cmd-carry-row{margin-bottom:1px}.cmd-carry-cell{width:2.6rem;height:1.4rem;display:flex;align-items:flex-end;justify-content:center;font-family:Georgia,serif;font-size:.85rem;font-weight:700;color:transparent;flex-shrink:0}.cmd-has-carry{color:#dc2626;animation:cmd-carry-pop .3s ease}@keyframes cmd-carry-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cmd-borrow-dot{position:absolute;top:-2px;right:2px;font-size:.7rem;color:#7c3aed;line-height:1;font-weight:700}.cmd-sep-row{margin:3px 0}.cmd-separator{flex:1;height:3px;border-radius:2px;background:linear-gradient(90deg,#94a3b8,#cbd5e1,#94a3b8)}.cmd-labels-row{display:flex;gap:2px;margin-top:5px;align-items:center}.cmd-op-space-label{width:2rem;min-width:2rem;flex-shrink:0}.cmd-place-label{width:2.6rem;text-align:center;font-family:system-ui,sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.85;flex-shrink:0}.cmd-steps{margin-top:1.25rem;padding-top:1rem;border-top:2px dashed #e2e8f0;font-family:system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;gap:.5rem}.cmd-steps-heading{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:.25rem}.cmd-step{display:flex;align-items:flex-start;gap:.65rem;background:#f1f5f9;border-radius:10px;padding:.55rem .8rem}.cmd-step-num{min-width:20px;height:20px;background:#6366f1;color:#fff;font-size:.7rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cmd-step-text{font-size:.875rem;color:#374151;line-height:1.5}@media (max-width: 480px){.cmd-cell,.cmd-carry-cell,.cmd-place-label{width:2.1rem;flex-shrink:0}.cmd-cell{height:2.4rem}.cmd-result-cell{height:2.6rem!important}.cmd-digit-val{font-size:1.25rem}.cmd-result-cell .cmd-digit-val{font-size:1.4rem}.cmd-place-label{font-size:.5rem}.cmd-op-space{width:1.6rem;min-width:1.6rem;font-size:1.2rem}.cmd-op-space-label{width:1.6rem;min-width:1.6rem}}.cmd-dec-layout{display:flex;flex-direction:column;gap:2px}.cmd-dec-line{display:flex;align-items:center;gap:0}.cmd-dec-ch{font-family:Georgia,Times New Roman,serif;font-size:1.6rem;font-weight:700;width:2.4rem;text-align:center;line-height:2.8rem;color:var(--ch-color, #1e293b);background:#f8faff;border:1.5px solid #e2e8f0;border-radius:8px}.cmd-dec-blank-ch{width:2.4rem;display:inline-block}.cmd-dec-first .cmd-dec-ch{background:#eff6ff;border-color:#bfdbfe}.cmd-dec-second .cmd-dec-ch{background:#fff7ed;border-color:#fed7aa}.cmd-dec-dot{font-family:Georgia,serif;font-size:1.8rem;font-weight:900;width:1.2rem;text-align:center;color:#1e293b;line-height:2.8rem}.cmd-dec-sep-line{display:flex;align-items:center;gap:0;margin:3px 0}.cmd-dec-sep{flex:1;height:3px;border-radius:2px;background:linear-gradient(90deg,#94a3b8,#cbd5e1,#94a3b8)}.cmd-dec-result-row .cmd-dec-ch{font-size:1.75rem;font-weight:800;height:3.1rem;line-height:3.1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #6ee7b7;border-radius:10px}.cmd-dec-label-row{display:flex;align-items:center;gap:0;margin-top:5px}.cmd-dec-plabel{width:2.4rem;text-align:center;font-family:system-ui,sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.cmd-dec-dot-label{width:1.2rem;color:#64748b;font-size:.75rem}@media (max-width: 480px){.cmd-dec-ch{width:2rem;font-size:1.35rem;line-height:2.4rem}.cmd-dec-result-row .cmd-dec-ch{height:2.6rem;line-height:2.6rem}.cmd-dec-dot{width:1rem;font-size:1.5rem;line-height:2.4rem}.cmd-dec-plabel{width:2rem;font-size:.5rem}.cmd-dec-dot-label{width:1rem}}.mvs-wrapper{display:flex;flex-direction:column;gap:1rem;font-family:Nunito,Inter,sans-serif;padding:.5rem 0}.mvs-steps{display:flex;flex-direction:column;gap:.625rem}.mvs-step{display:flex;gap:.75rem;background:var(--step-bg, #f0f9ff);border:2px solid var(--step-border, #38bdf8);border-radius:12px;padding:.75rem 1rem;align-items:flex-start;animation:mvs-slide-in .3s ease both}@keyframes mvs-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mvs-step-num{min-width:28px;height:28px;border-radius:50%;color:#fff;font-weight:800;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.mvs-step-body{flex:1;display:flex;flex-direction:column;gap:.3rem}.mvs-step-heading{font-weight:700;font-size:.9rem;color:#374151;margin-bottom:.15rem}.mvs-calc-line{font-family:Courier New,Consolas,monospace;font-size:1.15rem;font-weight:700;color:#1e3a5f;letter-spacing:.02em;line-height:1.5;background:#ffffffb3;border-radius:6px;padding:2px 8px;display:inline-block}.mvs-text-line{font-size:.88rem;color:#4b5563;line-height:1.5}.mvs-factor-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.15rem}.mvs-factor-label{font-size:.82rem;font-weight:600;color:#374151}.mvs-factor-chips{display:flex;flex-wrap:wrap;gap:.3rem}.mvs-factor-chip{background:#f3f4f6;border:1.5px solid #9ca3af;border-radius:20px;padding:2px 8px;font-size:.82rem;font-weight:700;color:#1e3a5f}.mvs-answer{display:flex;align-items:center;gap:.75rem;background:#d1fae5;border:2.5px solid #10b981;border-radius:12px;padding:.9rem 1.1rem;margin-top:.375rem}.mvs-answer-icon{font-size:1.4rem;flex-shrink:0}.mvs-answer-text{display:flex;flex-direction:column;gap:.1rem}.mvs-answer-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#065f46}.mvs-answer-value{font-size:1.35rem;font-weight:900;color:#065f46;letter-spacing:.02em}.mvs-enrich{border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem}.mvs-enrich-badge{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7280}.mvs-counting{background:#fef9c3;border:2px solid #fbbf24}.mvs-counting-chips{display:flex;flex-wrap:wrap;gap:.45rem}.mvs-chip{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:2px solid #fbbf24;font-weight:800;font-size:.9rem;color:#92400e;animation:mvs-pop .25s ease both}@keyframes mvs-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.mvs-chip-target{background:#f59e0b;border-color:#d97706;color:#fff;transform:scale(1.15);box-shadow:0 0 0 3px #fde68a}.mvs-counting-caption{font-size:.85rem;color:#92400e;font-weight:600}.mvs-fbar-wrapper{background:#eef2ff;border:2px solid #818cf8}.mvs-fbar-row{display:flex;align-items:center;gap:.75rem}.mvs-fbar-label{min-width:48px;display:flex;justify-content:center}.mvs-frac{display:inline-flex;flex-direction:column;align-items:center;font-weight:800;font-size:.95rem;color:#3730a3;line-height:1.1}.mvs-frac-bar{display:block;width:100%;height:2px;background:#3730a3;margin:2px 0}.mvs-fbar-track{display:flex;gap:3px;flex:1}.mvs-fbar-cell{flex:1;height:28px;border-radius:4px;border:1.5px solid #a5b4fc;background:transparent;transition:background .2s}.mvs-fbar-cell.mvs-fbar-filled{background:var(--fill, #6366f1);border-color:transparent}.mvs-fbar-note{font-size:.8rem;color:#4338ca;margin:0;font-style:italic}.mvs-pbar-wrapper{background:#eff6ff;border:2px solid #60a5fa}.mvs-pbar-track{display:flex;gap:3px;flex-wrap:wrap}.mvs-pbar-cell{flex:1;min-width:calc(5% - 3px);height:32px;border-radius:3px;border:1.5px solid #93c5fd;background:transparent;display:flex;align-items:flex-end;justify-content:center;font-size:.6rem;color:#9ca3af;padding-bottom:2px;transition:background .15s}.mvs-pbar-cell.mvs-pbar-filled{background:#3b82f6;border-color:transparent;color:#fff}.mvs-pbar-equation{font-size:1rem;font-weight:700;color:#1e40af;text-align:center;font-family:Courier New,monospace}.mvs-inverse{background:#f0fdf4;border:2px solid #4ade80}.mvs-inverse-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mvs-inv-box{font-family:monospace;font-size:1.1rem;font-weight:700;color:#166534}.mvs-inv-unknown{font-family:monospace;font-size:1.25rem;font-weight:900;color:#dc2626;background:#fee2e2;border-radius:6px;padding:1px 8px}.mvs-inv-arrow{font-size:1.1rem;color:#6b7280;padding:0 .25rem}.mvs-inv-answer{font-family:monospace;font-size:1.25rem;font-weight:900;color:#065f46;background:#d1fae5;border-radius:6px;padding:1px 10px}.mvs-worked{display:flex;flex-direction:column;gap:.875rem}.mvs-worked-problem{display:flex;flex-direction:column;gap:.3rem;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;padding:.75rem 1rem}.mvs-worked-problem-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.mvs-worked-problem-text{font-size:1rem;font-weight:700;color:#0f172a;line-height:1.5}.mvs-worked-solution{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:.75rem}.mvs-worked-formula{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.mvs-worked-formula-step{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mvs-worked-formula-text{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:#1e3a5f;background:#f1f5f9;border-radius:6px;padding:3px 10px}.mvs-worked-arrow{color:#6b7280;font-size:1rem}.mvs-worked-steps{display:flex;flex-direction:column;gap:.5rem}.mvs-worked-steps-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:.2rem}.mvs-worked-step{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:#374151;line-height:1.5}.mvs-worked-step-num{min-width:22px;height:22px;border-radius:50%;color:#fff;font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.mvs-worked-step-text{flex:1}.mvs-worked-explanation{display:flex;gap:.65rem;align-items:flex-start;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:10px;padding:.7rem .9rem}.mvs-worked-exp-icon{font-size:1.25rem;flex-shrink:0;margin-top:1px}.mvs-worked-exp-sentence{font-size:.86rem;color:#78350f;line-height:1.55}@media (max-width: 480px){.mvs-calc-line{font-size:1rem}.mvs-answer-value{font-size:1.1rem}.mvs-chip{min-width:34px;height:34px;font-size:.82rem}.mvs-fbar-cell{height:22px}.mvs-pbar-cell{height:26px}.mvs-step{padding:.6rem .75rem;gap:.55rem}.mvs-worked-formula-text{font-size:.95rem}}.nvr-visual-block{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.25rem 1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;margin:1rem 0}.nvr-hint{font-size:.85rem;color:#64748b;text-align:center;margin:0;font-style:italic}.nvr-cell{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;box-shadow:0 1px 4px #0000000f;padding:2px;flex-shrink:0}.nvr-cell-highlight{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 3px #6366f12e}.nvr-cell-text{width:64px;height:64px}.nvr-text-val{font-size:1.3rem;font-weight:700;color:#374151}.nvr-sequence{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:center}.nvr-seq-item{display:flex;align-items:center;gap:.5rem}.nvr-seq-arrow{font-size:1.25rem;color:#94a3b8;font-weight:600}.nvr-matrix{display:grid;grid-template-columns:repeat(3,64px);gap:6px;background:#e2e8f0;border:2px solid #94a3b8;border-radius:10px;padding:6px}.nvr-analogy{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center}.nvr-analogy-arrow{font-size:1.4rem;color:#374151;font-weight:700}.nvr-analogy-sep{font-size:1.6rem;color:#6366f1;font-weight:700;margin:0 .5rem}.nvr-options{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.nvr-option{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:none;border:2.5px solid transparent;border-radius:12px;padding:.4rem;cursor:default;transition:transform .15s,border-color .2s,background .2s;position:relative}button.nvr-option-clickable{cursor:pointer;border-color:#e2e8f0}button.nvr-option-clickable:hover{border-color:#6366f1;background:#f0f4ff;transform:translateY(-3px);box-shadow:0 4px 12px #6366f12e}button.nvr-option-correct{border-color:#10b981!important;background:#d1fae5!important;cursor:default}button.nvr-option-selected{border-color:#6366f1!important;background:#eef2ff!important;cursor:default}button.nvr-option-wrong{border-color:#ef4444!important;background:#fee2e2!important;cursor:default}button.nvr-option-dimmed{opacity:.45;cursor:default}.nvr-opt-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;line-height:1;box-shadow:0 2px 6px #0003}.nvr-opt-correct-badge{background:#10b981;color:#fff}.nvr-opt-wrong-badge{background:#ef4444;color:#fff}.nvr-opt-selected-badge{background:#6366f1;color:#fff}.nvr-option-label{font-size:.8rem;font-weight:700;color:#6366f1;background:#eef2ff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;letter-spacing:0;line-height:1}.nvr-target-row{display:flex;flex-direction:column;align-items:center;gap:.35rem}.nvr-target-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.nvr-options-label{font-size:.85rem;color:#374151;text-align:center;margin:0;font-weight:500}.nvr-code-section{width:100%;max-width:480px}.nvr-code-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .6rem;text-align:center}.nvr-code-pairs{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;padding:.5rem;background:#fff;border:1.5px dashed #c7d2fe;border-radius:10px}.nvr-code-pair{display:flex;flex-direction:column;align-items:center;gap:.25rem}.nvr-code-eq{font-size:1rem;font-weight:700;color:#374151}.nvr-combination{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.nvr-combo-op{font-size:1.6rem;font-weight:700;color:#374151}.nvr-cube-net{display:grid;gap:4px}.nvr-net-face{width:3rem;height:3rem;background:#fff;border:2px solid #374151;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#374151}.nvr-net-empty{width:3rem;height:3rem}.nvr-inline-explanation{border-radius:12px;padding:1rem 1.25rem;margin-top:.75rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nvr-exp-correct{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:2px solid #6ee7b7}.nvr-exp-wrong{background:linear-gradient(135deg,#fee2e2,#fff1f1);border:2px solid #fca5a5}.nvr-exp-status-row{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:.6rem}.nvr-exp-icon{font-size:1.3rem}.nvr-exp-letter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#6366f1;color:#fff;border-radius:50%;font-size:.8rem;font-weight:800;flex-shrink:0}.nvr-exp-working{font-size:.875rem;color:#374151;line-height:1.6}.nvr-exp-working p{margin:.25rem 0}@media (max-width: 500px){.nvr-cell{width:52px;height:52px}.nvr-matrix{grid-template-columns:repeat(3,52px)}}.practice-question{position:relative;padding:1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;transition:all .3s ease}.practice-question:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.question-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.visual-solution-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #667eea4d}.visual-solution-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.visual-solution-btn:active{transform:translateY(0)}.visual-solution-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.visual-solution-btn .icon{font-size:1.1rem;line-height:1}.check-answer-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.check-answer-btn:hover{background:#059669;transform:translateY(-1px)}.check-answer-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.scratch-pad-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff7ed;color:#c2410c;border:2px solid #fed7aa;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.scratch-pad-btn:hover{background:#ffedd5;border-color:#fb923c;transform:translateY(-1px)}.scratch-pad-btn .icon{font-size:1rem}.vsm-column-method-wrapper{flex:1;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:1.5rem;background:#f8faff}.visual-solution-container{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed #e2e8f0;animation:slideDown .3s ease-out}.visual-solution-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#667eea;font-weight:600}.visual-solution-header .icon{font-size:1.5rem}.answer-feedback{margin-top:.75rem;padding:.75rem 1rem;border-radius:8px;font-weight:600;animation:fadeIn .3s ease-out}.answer-feedback.correct{background:#d1fae5;color:#065f46;border:2px solid #10b981}.answer-feedback.incorrect{background:#fee2e2;color:#991b1b;border:2px solid #ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.solution-hint{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.75rem;font-weight:600;margin-top:.5rem}.solution-hint .icon{font-size:.9rem}.practice-question input[type=text]{width:100%;padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:8px;font-size:1rem;transition:all .2s ease}.practice-question input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.question-number{position:absolute;top:-10px;left:15px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:700;font-size:.85rem;box-shadow:0 2px 6px #3b82f64d}.vsm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:vsmFadeIn .18s ease-out}@keyframes vsmFadeIn{0%{opacity:0}to{opacity:1}}.vsm-panel{width:100%;max-width:1000px;height:calc(100vh - 32px);max-height:860px;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000059;animation:vsmSlideUp .22s cubic-bezier(.22,.61,.36,1)}@keyframes vsmSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vsm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.vsm-title{display:flex;align-items:flex-start;gap:12px;color:#fff;min-width:0}.vsm-title-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.vsm-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:4px}.vsm-question-text{font-size:1rem;font-weight:600;line-height:1.45;color:#fff}.vsm-close{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#ffffff26;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;margin-top:2px}.vsm-close:hover{background:#ffffff4d;border-color:#fff}.vsm-flow{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.vsm-flow .universal-example-flow{flex:1;display:flex;flex-direction:column;min-height:0}.vsm-flow .flow-container{flex:1!important;height:auto!important;min-height:0}.vsm-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:.82rem;color:#64748b;flex-wrap:wrap}.vsm-answer-preview{color:#10b981;font-size:.85rem}.vsm-answer-preview strong{color:#059669}@media (max-width: 768px){.question-actions{flex-direction:column}.visual-solution-btn,.check-answer-btn{width:100%;justify-content:center}.practice-question{padding:1rem}.vsm-backdrop{padding:0}.vsm-panel{border-radius:0;height:100vh;max-height:none}.vsm-question-text{font-size:.9rem}.vsm-footer{flex-direction:column;align-items:flex-start;gap:4px}}.mc-options{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.mc-option{display:flex;align-items:center;gap:.9rem;padding:.75rem 1rem;border:2.5px solid #e2e8f0;border-radius:10px;background:#fff;text-align:left;font-size:.95rem;cursor:default;transition:border-color .2s,background .2s,transform .15s;position:relative}.mc-option-clickable{cursor:pointer}.mc-option-clickable:hover{border-color:#6366f1;background:#f0f4ff;transform:translate(3px)}.mc-option-correct{border-color:#10b981!important;background:#d1fae5!important;cursor:default}.mc-option-correct:after{content:"✓";position:absolute;right:1rem;color:#10b981;font-weight:700;font-size:1rem}.mc-option-wrong{border-color:#ef4444!important;background:#fee2e2!important;cursor:default}.mc-option-wrong:after{content:"✗";position:absolute;right:1rem;color:#ef4444;font-weight:700;font-size:1rem}.mc-option-dimmed{opacity:.4;cursor:default}.mc-option-letter{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#6366f1;border-radius:50%;font-weight:700;font-size:.82rem;flex-shrink:0}.mc-option-correct .mc-option-letter{background:#6ee7b7;color:#065f46}.mc-option-wrong .mc-option-letter{background:#fca5a5;color:#7f1d1d}.mc-option-text{flex:1;color:#1e293b;line-height:1.4}.wb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3000;display:flex;align-items:flex-end;justify-content:center;animation:wb-fade-in .22s ease}@keyframes wb-fade-in{0%{opacity:0}to{opacity:1}}.wb-panel{width:100%;height:94svh;background:#0f172a;border-radius:24px 24px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 40px #00000073;animation:wb-slide-up .3s cubic-bezier(.34,1.56,.64,1)}@keyframes wb-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 768px){.wb-overlay{align-items:center}.wb-panel{max-width:1100px;height:90svh;max-height:800px;border-radius:20px}}.wb-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0}.wb-title{display:flex;align-items:center;gap:.5rem;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:700;color:#f1f5f9;letter-spacing:.01em}.wb-icon{font-size:1.15rem}.wb-header-actions{display:flex;align-items:center;gap:.6rem}.wb-undo-btn,.wb-clear-btn,.wb-done-btn{border:none;border-radius:8px;padding:.45rem .85rem;font-family:system-ui,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.wb-undo-btn{background:#334155;color:#cbd5e1}.wb-undo-btn:hover:not(:disabled){background:#475569}.wb-undo-btn:disabled{opacity:.35;cursor:not-allowed}.wb-clear-btn{background:#4b1818;color:#fca5a5}.wb-clear-btn:hover{background:#7f1d1d}.wb-done-btn{background:#10b981;color:#fff;padding:.45rem 1.1rem}.wb-done-btn:hover{background:#059669}.wb-undo-btn:active,.wb-clear-btn:active,.wb-done-btn:active{transform:scale(.96)}.wb-toolbar{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;flex-wrap:wrap;row-gap:.5rem}.wb-tool-group{display:flex;align-items:center;gap:6px}.wb-tool-divider{width:1px;height:28px;background:#334155;flex-shrink:0}.wb-color-btn{width:26px;height:26px;border-radius:50%;border:2.5px solid transparent;background:var(--swatch);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;flex-shrink:0}.wb-color-btn:hover{transform:scale(1.18)}.wb-color-btn.wb-selected{border-color:#f8fafc;transform:scale(1.22);box-shadow:0 0 0 3px #f8fafc4d}.wb-size-btn{width:36px;height:36px;background:#334155;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.wb-size-btn:hover{background:#475569}.wb-size-btn.wb-selected{background:#1e3a5f;border-color:#60a5fa}.wb-size-dot{border-radius:50%;background:#e2e8f0;min-width:4px;min-height:4px;max-width:28px;max-height:28px}.wb-tool-btn{height:36px;padding:0 .75rem;background:#334155;border:2px solid transparent;border-radius:8px;font-size:1rem;color:#cbd5e1;cursor:pointer;transition:background .15s,border-color .15s}.wb-tool-btn:hover{background:#475569}.wb-tool-btn.wb-selected{background:#4c1d95;border-color:#a78bfa;color:#ddd6fe}.wb-current-color{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.35);flex-shrink:0;box-shadow:0 2px 6px #0006}.wb-canvas-area{flex:1;position:relative;overflow:hidden;background:#fff}.wb-paper-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent,transparent 47px,#e2e8f0 48px);opacity:.55;z-index:0}.wb-canvas{position:relative;z-index:1;width:100%;height:100%;display:block;touch-action:none}.wb-cursor-pen{cursor:crosshair}.wb-cursor-eraser{cursor:cell}.wb-tip{padding:.5rem 1.25rem;background:#0f172a;border-top:1px solid #1e293b;font-family:system-ui,sans-serif;font-size:.72rem;color:#64748b;flex-shrink:0;text-align:center}.wb-float-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1500;width:3.4rem;height:3.4rem;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-size:1.4rem;cursor:pointer;box-shadow:0 4px 20px #f59e0b73;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.wb-float-btn:hover{transform:scale(1.1);box-shadow:0 6px 28px #f59e0b99}.wb-float-btn:active{transform:scale(.96)}.wb-float-label{position:fixed;bottom:1.6rem;right:5.5rem;z-index:1500;background:#1e293b;color:#f1f5f9;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:600;padding:.4rem .75rem;border-radius:10px;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d;animation:wb-label-in .25s ease}@keyframes wb-label-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.problem-view{max-width:1400px;margin:0 auto;padding:1rem;background:#f8fafc;min-height:100vh}.problem-header{border-left:4px solid;margin-bottom:1rem;background:#fff;padding:1rem 1rem 1rem 1.5rem;border-radius:10px;box-shadow:0 1px 3px #00000014}.back-link{display:inline-flex;align-items:center;color:#6366f1;text-decoration:none;font-size:.9rem;margin-bottom:.75rem;transition:all .2s;font-weight:500}.back-link:hover{color:#4f46e5;transform:translate(-3px)}.problem-title-section h1{font-size:1.5rem;margin:.5rem 0;display:flex;align-items:center;gap:.5rem;font-weight:700;flex-wrap:wrap}.problem-icon{font-size:1.75rem}.problem-description{font-size:.95rem;color:#64748b;margin:.5rem 0 .75rem;line-height:1.5}.difficulty-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.8rem;box-shadow:0 2px 4px #0000001a}.learning-journey-section{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f}.learning-journey-section .section-header{margin-bottom:1rem;display:block}.section-subtitle{font-size:.9rem;color:#64748b;margin:.25rem 0 0;font-weight:400}.methods-section{margin-bottom:2rem}.section-header-with-toggle,.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.section-title{font-size:1.35rem;color:#1f2937;margin:0 0 1rem;padding-bottom:.625rem;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;font-weight:700;flex:1}.view-toggle{display:flex;gap:.5rem;background:#f1f5f9;padding:.25rem;border-radius:12px;border:1px solid #e2e8f0}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;color:#64748b;transition:all .2s ease}.toggle-btn:hover{background:#e2e8f0;color:#475569}.toggle-btn.active{background:#fff;color:#6366f1;box-shadow:0 2px 4px #00000014}.toggle-icon{font-size:1.1rem;line-height:1}.toggle-label{font-size:.875rem}.section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.example-view-toggle{display:flex;gap:.25rem;background:#f1f5f9;padding:.25rem;border-radius:8px;border:1px solid #e2e8f0;margin-left:auto}.example-toggle-btn{display:flex;align-items:center;gap:.25rem;padding:.4rem .75rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;color:#64748b;transition:all .2s ease;white-space:nowrap}.example-toggle-btn:hover{background:#e2e8f0;color:#475569}.example-toggle-btn.active{background:#fff;color:#f59e0b;box-shadow:0 2px 4px #00000014}.section-icon{font-size:1.5rem}.methods-grid{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.5rem .25rem 1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}.methods-grid::-webkit-scrollbar{height:6px}.methods-grid::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}.methods-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.methods-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.method-card{background:#fff;border-radius:12px;padding:1.5rem;border-top:4px solid;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s ease;min-width:280px;max-width:320px;flex-shrink:0;text-align:left;border-left:none;border-right:none;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.75rem}.method-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.method-card.active{box-shadow:0 8px 24px #00000026;border-bottom:2px solid currentColor}.method-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.method-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-weight:700;font-size:1rem;color:#fff;transition:all .3s ease}.method-card.active .method-number{transform:scale(1.1);box-shadow:0 4px 8px #0003}.method-difficulty-badge{padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.method-card-title{font-size:1.1rem;color:#1f2937;margin:0;font-weight:700;line-height:1.3}.method-card-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.content-layout{display:block;margin-bottom:1.5rem}.method-content{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.method-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9;flex-wrap:wrap;gap:.75rem}.method-header h2{margin:0;font-size:1.35rem;color:#1e293b;font-weight:700}.difficulty-tag{padding:.4rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.8rem;box-shadow:0 2px 4px #0000001a}.method-description{font-size:.95rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem;padding:.875rem;background:#f8fafc;border-radius:8px;border-left:3px solid #94a3b8}.method-section{margin:1.25rem 0}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;padding:.5rem;margin:-.5rem;border-radius:8px}.section-header:hover{background:#f8fafc}.method-section h3{font-size:1.1rem;color:#1e293b;margin-bottom:.875rem;display:flex;align-items:center;gap:.5rem;font-weight:700}.collapse-icon{font-size:.7rem;color:#94a3b8;transition:transform .2s;display:inline-block;width:14px}.steps-list{list-style:none;counter-reset:step-counter;padding-left:0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.steps-list li{counter-increment:step-counter;position:relative;padding:.875rem .875rem .875rem 3.25rem;margin-bottom:.625rem;background:#f8fafc;border-radius:8px;border-left:3px solid #6366f1;transition:all .2s;line-height:1.5;font-size:.95rem}.steps-list li:hover{background:#eff6ff;transform:translate(3px)}.steps-list li:before{content:counter(step-counter);position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 2px 4px #6366f14d}.example-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fcd34d;border-radius:10px;padding:1.25rem;box-shadow:0 2px 8px #f59e0b1a}.example-section h3{color:#92400e;margin-top:0}.example-box{animation:fadeIn .3s ease}.example-box>div{margin-bottom:.875rem}.example-box>div:last-child{margin-bottom:0}.example-problem{padding:1rem;background:#fff;border-radius:8px;border-left:3px solid #f59e0b;box-shadow:0 1px 3px #0000000d;line-height:1.5;font-size:.95rem}.example-solution{padding:1rem;background:#fff;border-radius:8px;border-left:3px solid #10b981;box-shadow:0 1px 3px #0000000d}.example-solution pre{margin:.625rem 0 0;font-family:Courier New,monospace;white-space:pre-wrap;color:#1e293b;background:#f8fafc;padding:.875rem;border-radius:6px;line-height:1.5;font-size:.9rem}.example-explanation{padding:1rem;background:#fff;border-radius:8px;border-left:3px solid #6366f1;box-shadow:0 1px 3px #0000000d;line-height:1.5;font-size:.95rem}.practice-toggle{margin-top:1.75rem;text-align:center;padding-top:1.5rem;border-top:2px solid #f1f5f9}.toggle-practice-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.toggle-practice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.toggle-practice-btn:active{transform:translateY(0)}.practice-section{background:#fff;border-radius:10px;padding:1.5rem;margin-top:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.practice-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding-bottom:1.25rem;border-bottom:2px solid #f1f5f9}.practice-section h2{font-size:1.5rem;margin:0 0 .5rem;color:#1e293b;font-weight:700}.practice-intro{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.randomize-btn{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #6366f14d}.randomize-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.practice-questions{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.practice-card{background:#fff;border-radius:12px;padding:1.75rem;border:2px solid #e2e8f0;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.practice-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a;border-color:#cbd5e1}.practice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.question-number{font-weight:700;font-size:.9rem;color:#475569;text-transform:uppercase;letter-spacing:.5px}.question-difficulty{padding:.35rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.practice-question{font-size:1.1rem;color:#1e293b;line-height:1.7;margin-bottom:1.25rem;font-weight:500;padding:.5rem 0}.filter-controls{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:10px;margin-bottom:1.75rem;border:2px solid #e2e8f0;align-items:center}.filter-group{display:flex;align-items:center;gap:.5rem}.search-group{flex:1;min-width:250px}.filter-label{font-size:.9rem;font-weight:600;color:#475569;white-space:nowrap}.filter-select{padding:.5rem .875rem;border:2px solid #cbd5e1;border-radius:8px;background:#fff;font-size:.9rem;color:#1e293b;cursor:pointer;transition:all .2s;min-width:140px}.filter-select:hover{border-color:#94a3b8}.filter-select:focus{outline:none;border-color:currentColor;box-shadow:0 0 0 3px #6366f11a}.filter-input{padding:.5rem .875rem;border:2px solid #cbd5e1;border-radius:8px;background:#fff;font-size:.9rem;color:#1e293b;transition:all .2s;flex:1;min-width:0}.filter-input:focus{outline:none;border-color:currentColor;box-shadow:0 0 0 3px #6366f11a}.filter-input::placeholder{color:#94a3b8}.clear-filters-btn{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.clear-filters-btn:active{transform:translateY(0)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9;flex-wrap:wrap}.pagination-btn{background:#fff;color:#475569;border:2px solid #cbd5e1;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn:active:not(:disabled){transform:translateY(0)}.page-info{font-size:1rem;font-weight:600;color:#475569}.question-number{font-weight:700;color:#1f2937;font-size:.95rem}.question-difficulty{padding:.3rem .75rem;border-radius:15px;color:#fff;font-weight:600;font-size:.75rem}.practice-question{font-size:1rem;color:#1f2937;margin-bottom:.875rem;line-height:1.5;min-height:50px}.show-answer-btn{width:100%;padding:.75rem;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s;font-size:.95rem}.show-answer-btn:hover{background:#e5e7eb;border-color:#d1d5db}.practice-answer-section{margin-top:1rem;animation:slideDown .3s ease}.answer-box{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;border-radius:10px;padding:1.25rem;margin-bottom:1rem}.answer-label{font-size:.85rem;font-weight:700;color:#065f46;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.answer-text{font-size:1.1rem;font-weight:600;color:#064e3b;line-height:1.6;font-family:Courier New,Courier,monospace}.working-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #3b82f6;border-left-width:4px;border-radius:10px;padding:1.25rem;box-shadow:0 2px 8px #3b82f61a}.working-label{font-size:.85rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.working-text{color:#1e3a8a;font-size:1rem;line-height:1.8;font-weight:500}.working-text p{margin:.5rem 0}.working-text p:first-child{margin-top:0}.working-text p:last-child{margin-bottom:0}.working-text strong{font-weight:700;color:#1e40af}.working-text br{display:block;content:"";margin:.25rem 0}.working-text p{color:#1e3a8a}.practice-answer{margin-top:.875rem;padding:.875rem;background:#ecfdf5;border:2px solid #10b981;border-radius:8px;color:#065f46;animation:slideDown .3s ease;font-size:.95rem}@media (min-width: 768px){.problem-view{padding:1.5rem}.problem-header{padding:1.5rem 1.5rem 1.5rem 2rem;margin-bottom:1.5rem}.problem-title-section h1{font-size:2rem}.problem-icon{font-size:2.25rem}.problem-description{font-size:1rem}.method-tab{padding:1.125rem 1.75rem;min-width:160px}.tab-name{font-size:.9rem}.tab-difficulty{font-size:.8rem}.method-content{padding:1.75rem}.method-header h2{font-size:1.65rem}.practice-questions{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.practice-section{padding:2rem;margin-top:1.5rem}.practice-section h2{font-size:1.75rem}.toggle-practice-btn{width:auto}}@media (min-width: 1024px){.problem-view{padding:2rem}.problem-header{padding:2rem 2rem 2rem 2.5rem;margin-bottom:2rem}.problem-title-section h1{font-size:2.2rem}.problem-icon{font-size:2.5rem}.problem-description{font-size:1.05rem}.method-tab{padding:1.25rem 2rem;min-width:180px}.tab-number{width:28px;height:28px;font-size:.85rem}.tab-name{font-size:.95rem}.method-content{padding:2rem}.method-header h2{font-size:1.75rem}.method-section h3{font-size:1.25rem}.steps-list li{padding:1rem 1rem 1rem 3.75rem;font-size:1rem}.steps-list li:before{width:32px;height:32px;font-size:.9rem;left:1rem}.practice-section{padding:2.5rem}.practice-section h2{font-size:2rem}.practice-questions{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.practice-card{padding:1.5rem}.pagination-controls{gap:2rem}.pagination-btn{padding:.875rem 1.75rem;font-size:1rem}}@media (min-width: 1400px){.practice-questions{grid-template-columns:repeat(2,1fr)}}.practice-inline-section{margin-top:2rem;padding-top:2rem;border-top:3px solid #e2e8f0}.practice-toggle-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.practice-title-wrapper h3{font-size:1.4rem;color:#1e293b;margin:0 0 .25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.practice-subtitle{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.toggle-practice-btn-new{padding:.625rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.toggle-practice-btn-new:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.toggle-practice-btn-new:active{transform:translateY(0)}.practice-content-wrapper{animation:slideDown .3s ease;margin-top:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.practice-controls-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:10px;border:2px solid #e2e8f0}.randomize-btn-compact{padding:.625rem 1.25rem;border:2px solid;border-radius:8px;background:transparent;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.randomize-btn-compact:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.filter-controls-inline{display:flex;flex-wrap:wrap;gap:.75rem;flex:1;align-items:center}.practice-questions-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.practice-card-new{background:#fff;border-radius:10px;padding:1.25rem;border:2px solid #e2e8f0;transition:all .25s ease;box-shadow:0 1px 3px #0000000d}.practice-card-new:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.practice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.question-number-badge{font-weight:700;font-size:.8rem;color:#475569;background:#f1f5f9;padding:.4rem .875rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.question-difficulty-badge{padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.3px}.practice-question-text{font-size:1rem;color:#1e293b;line-height:1.6;margin-bottom:1rem;font-weight:500}.show-answer-btn-new{width:100%;padding:.75rem;background:#fff;border:2px solid;border-radius:8px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;font-size:.9rem}.show-answer-btn-new:hover{background:#f8fafc;transform:translateY(-1px)}.practice-answer-reveal{margin-top:1rem;animation:slideDown .25s ease}.answer-box-new{background:linear-gradient(135deg,#d1fae5,#a7f3d0,#6ee7b7);border:2px solid #10b981;border-radius:8px;padding:1rem;margin-bottom:.75rem}.answer-label-new{font-size:.8rem;font-weight:700;color:#065f46;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.answer-text-new{font-size:1.05rem;font-weight:600;color:#064e3b;line-height:1.5;font-family:Courier New,monospace}.working-box-new{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-left-width:4px;border-radius:8px;padding:1rem}.working-label-new{font-size:.8rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.625rem}.working-text-new{color:#1e3a8a;font-size:.95rem;line-height:1.7;font-weight:500}.working-text-new p{margin:.4rem 0}.pagination-controls-new{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.pagination-btn-new{padding:.625rem 1.25rem;background:#fff;border:2px solid;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:80px}.pagination-btn-new:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;background:#f8fafc}.pagination-btn-new:disabled{cursor:not-allowed;background:#f8fafc}.page-info-new{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1e293b;font-size:1rem}.page-current{font-size:1.25rem;color:#6366f1}.page-separator{color:#cbd5e1;font-size:1.1rem}.page-total{font-size:1rem;color:#64748b}@media (min-width: 768px){.practice-questions-grid{grid-template-columns:1fr;gap:1.25rem}.practice-card-new{padding:1.5rem}.practice-question-text{font-size:1.05rem}}@media (min-width: 1024px){.practice-questions-grid{grid-template-columns:1fr;gap:1.25rem}.practice-inline-section{margin-top:2.5rem;padding-top:2.5rem}.practice-title-wrapper h3{font-size:1.5rem}}@media (min-width: 1200px){.content-layout{grid-template-columns:300px 1fr;gap:2rem}.practice-questions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.times-tables-trainer{max-width:900px;margin:0 auto;padding:1.5rem;min-height:100vh}.trainer-header{text-align:center;margin-bottom:2rem}.trainer-header h1{font-size:2rem;margin:.5rem 0;color:#1a202c}.trainer-header .emoji{font-size:2rem}.trainer-intro{color:#718096;font-size:.95rem;margin:.5rem 0 0}.back-link{display:inline-block;color:#3182ce;text-decoration:none;font-size:.9rem;margin-bottom:.5rem;transition:color .2s}.back-link:hover{color:#2c5282}.recommendations-banner{text-align:center;margin-bottom:1.5rem}.recommendations-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #8b5cf633}.recommendations-btn:hover{transform:translateY(-1px);box-shadow:0 3px 12px #8b5cf64d}.recommendations-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:2px solid #8b5cf6}.recommendations-section h2{color:#374151;margin-bottom:.75rem;text-align:center;font-size:1.4rem}.recommendations-intro{text-align:center;color:#6b7280;font-size:.9rem;margin-bottom:1.25rem}.no-recommendations{text-align:center;padding:2rem 1rem}.no-recommendations p{font-size:1rem;color:#6b7280;margin-bottom:.5rem}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.25rem}.recommendation-card{background:#f9fafb;border-radius:8px;padding:1rem;border-left:3px solid #ef4444;transition:all .2s}.recommendation-card:hover{transform:translate(3px);box-shadow:0 2px 6px #0000001a}.rec-problem{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;text-align:center}.rec-stats{display:flex;flex-direction:column;gap:.4rem;align-items:center}.rec-accuracy{font-size:.9rem;font-weight:600;padding:.4rem .75rem;border-radius:6px}.rec-accuracy.low{background:#fee2e2;color:#991b1b}.rec-accuracy.medium{background:#fef3c7;color:#92400e}.rec-accuracy.good{background:#d1fae5;color:#065f46}.rec-attempts{font-size:.8rem;color:#6b7280}.focused-practice-btn{background:#f59e0b;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:all .2s}.focused-practice-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.config-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.config-row{display:flex;gap:2rem;margin-bottom:1.25rem;flex-wrap:wrap}.config-section{flex:1;min-width:180px}.config-section.full-width{width:100%}.config-label{display:block;font-size:.8rem;font-weight:600;color:#4a5568;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.5px}.compact-buttons{display:flex;gap:.5rem}.compact-btn{flex:1;padding:.6rem .75rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.compact-btn:hover{border-color:#cbd5e0;background:#f7fafc}.compact-btn.active{background:#3182ce;border-color:#3182ce;color:#fff}.compact-table-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem}.compact-num-btn{padding:.6rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.compact-num-btn:hover{border-color:#cbd5e0;background:#f7fafc}.compact-num-btn.active{background:#48bb78;border-color:#48bb78;color:#fff}.mode-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.mode-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:1.25rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.practice-btn:hover{border-color:#3b82f6;background:#eff6ff}.quiz-btn:hover{border-color:#f59e0b;background:#fffbeb}.chart-btn:hover{border-color:#8b5cf6;background:#f5f3ff}.mode-desc{font-size:.85rem;font-weight:400;color:#6b7280}.times-table-chart{background:#fff;border-radius:12px;padding:1.5rem;margin-top:1.5rem;overflow-x:auto}.times-table-chart h3{text-align:center;margin-bottom:1rem;color:#374151;font-size:1.3rem}.chart-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;max-width:100%;font-size:.85rem}.chart-header{background:#f59e0b;color:#fff;padding:.5rem;font-weight:600;text-align:center}.chart-row{display:contents}.chart-cell{background:#fff;padding:.5rem;text-align:center;font-weight:500;transition:all .2s}.chart-cell:hover{background:#fef3c7;transform:scale(1.05);z-index:10}.chart-cell.highlighted{background:#fef3c7;font-weight:700;color:#92400e}.session-active{max-width:800px;margin:0 auto}.session-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:2rem}.stat{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0000001a;text-align:center}.stat-label{display:block;font-size:.8rem;color:#6b7280;margin-bottom:.4rem;font-weight:600}.stat-value{display:block;font-size:1.6rem;font-weight:700;color:#f59e0b}.question-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.question-display{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-weight:700;color:#1f2937}.question-number-large{font-size:4rem;color:#f59e0b}.question-operator-small{font-size:2.5rem;color:#6b7280}.question-mark-small{font-size:2.5rem;color:#3b82f6}.answer-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.numpad-display{width:100%;max-width:340px;background:#1f2937;border-radius:14px;padding:1rem 1.5rem;text-align:right;min-height:72px;display:flex;align-items:center;justify-content:flex-end;box-shadow:inset 0 2px 8px #00000059;transition:background .25s,box-shadow .25s}.numpad-display--correct{background:#064e3b;box-shadow:inset 0 2px 8px #00000059,0 0 0 3px #10b981}.numpad-display--incorrect{background:#7f1d1d;box-shadow:inset 0 2px 8px #00000059,0 0 0 3px #ef4444}.numpad-display-value{font-size:2.8rem;font-weight:700;color:#f9fafb;font-variant-numeric:tabular-nums;letter-spacing:2px}.numpad-placeholder{font-size:2.8rem;color:#4b5563;font-weight:400}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px}.numpad-key{aspect-ratio:1 / .85;border:none;border-radius:14px;font-size:1.7rem;font-weight:700;cursor:pointer;background:#fff;color:#1f2937;box-shadow:0 5px #c7d0db,0 2px 6px #0000001f;transition:transform .07s ease,box-shadow .07s ease,background .1s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;top:0}.numpad-key:hover:not(:disabled){background:#f0f4ff}.numpad-key:disabled{opacity:.35;cursor:not-allowed}.numpad-key--pressed,.numpad-key:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #c7d0db,0 1px 2px #0000001a;background:#e8f0fe;top:4px}.numpad-back{background:#fff7ed;color:#c2410c;box-shadow:0 5px #f4c09a,0 2px 6px #0000001a}.numpad-back:hover:not(:disabled){background:#ffedd5}.numpad-back.numpad-key--pressed,.numpad-back:active:not(:disabled){box-shadow:0 1px #f4c09a,0 1px 2px #00000014;background:#fdba74}.numpad-enter{background:#f59e0b;color:#fff;box-shadow:0 5px #b45309,0 2px 6px #f59e0b4d;font-size:2rem}.numpad-enter:hover:not(:disabled){background:#fbbf24}.numpad-enter.numpad-key--pressed,.numpad-enter:active:not(:disabled){box-shadow:0 1px #b45309,0 1px 2px #0000001a;background:#d97706}.back-link-btn{background:none;border:none;padding:0;font-size:.9rem;color:#3182ce;cursor:pointer;font-family:inherit;margin-bottom:.5rem;transition:color .2s}.back-link-btn:hover{color:#2c5282}.feedback{margin-top:1.25rem;padding:1rem;border-radius:8px;font-size:1.1rem;font-weight:600;text-align:center;animation:slideIn .3s ease-out}.feedback.correct{background:#d1fae5;color:#065f46;border:2px solid #10b981}.feedback.incorrect{background:#fee2e2;color:#991b1b;border:2px solid #ef4444}.end-session-btn{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;display:block;margin:0 auto;transition:all .2s}.end-session-btn:hover{background:#4b5563;transform:translateY(-1px)}.results-screen{max-width:900px;margin:0 auto;text-align:center}.results-screen h2{font-size:2rem;color:#1f2937;margin-bottom:2rem}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.result-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 8px #0000001a}.result-icon{font-size:2.5rem;margin-bottom:.75rem}.result-label{font-size:.85rem;color:#6b7280;margin-bottom:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-value{font-size:2.5rem;font-weight:700;color:#f59e0b;margin-bottom:.4rem}.result-percent{font-size:1.2rem;color:#374151;font-weight:600}.result-stat{font-size:.85rem;color:#6b7280;margin-top:.4rem}.performance-message{background:#fff;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.performance-message .perfect{color:#059669}.performance-message .excellent{color:#3b82f6}.performance-message .good{color:#f59e0b}.performance-message .keep-trying{color:#8b5cf6}.results-buttons{display:flex;gap:1rem;justify-content:center}.restart-btn,.back-btn{padding:1rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.restart-btn{background:#f59e0b;color:#fff}.restart-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b4d}.back-btn{background:#fff;color:#374151;border:2px solid #d1d5db}.back-btn:hover{background:#f3f4f6;transform:translateY(-1px)}@media (max-width: 768px){.times-tables-trainer{padding:1rem}.trainer-header h1{font-size:1.6rem}.config-row{flex-direction:column;gap:1.25rem}.config-section{min-width:100%}.compact-table-buttons{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.question-number-large{font-size:3rem}.question-operator-small,.question-mark-small{font-size:2rem}.numpad-grid{max-width:100%;gap:8px}.numpad-display{max-width:100%}.numpad-key{font-size:1.5rem;border-radius:10px}.chart-grid{font-size:.75rem}.chart-header,.chart-cell{padding:.4rem}.results-buttons{flex-direction:column}.restart-btn,.back-btn{width:100%}.mode-buttons{grid-template-columns:1fr}}.spq-page{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 4rem}.spq-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.spq-back{color:#6366f1;text-decoration:none;font-weight:600;font-size:.95rem}.spq-back:hover{text-decoration:underline}.spq-score-row{display:flex;gap:.75rem;font-weight:700;font-size:.95rem}.spq-score-c{color:#10b981}.spq-score-w{color:#ef4444}.spq-heading{margin-bottom:1rem}.spq-heading h1{font-size:1.6rem;font-weight:800;color:#1e293b;margin:0 0 .3rem}.spq-heading p{color:#64748b;font-size:.95rem;margin:0}.spq-filterbar{display:flex;flex-direction:column;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;margin-bottom:1.25rem}.spq-filter-row{display:flex;align-items:flex-start;gap:.75rem}.spq-fb-lbl{font-size:.78rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;min-width:44px;padding-top:.35rem;flex-shrink:0}.spq-pills-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.spq-pill{padding:.28rem .75rem;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:.82rem;font-weight:500;color:#475569;cursor:pointer;transition:all .15s}.spq-pill:hover{border-color:#94a3b8;color:#1e293b}.spq-pill-on{color:#fff!important;border-color:transparent!important}.spq-empty{text-align:center;padding:3rem;color:#94a3b8}.spq-empty-icon{font-size:3rem;margin:0 0 .5rem}.spq-empty p{font-size:1rem}.spq-progress-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.spq-progress-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.spq-progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.spq-progress-txt{font-size:.85rem;font-weight:600;color:#64748b;white-space:nowrap}.spq-layout{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}@media (max-width: 820px){.spq-layout{grid-template-columns:1fr}}.spq-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000f;padding:1.5rem}.spq-card-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.spq-topic-tag{font-size:.82rem;font-weight:600;padding:.28rem .75rem;border-radius:12px;border:1px solid}.spq-diff-tag{font-size:.75rem;font-weight:700;padding:.22rem .65rem;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.spq-diff-easy{background:#dcfce7;color:#16a34a}.spq-diff-medium{background:#fef9c3;color:#ca8a04}.spq-diff-advanced{background:#fee2e2;color:#dc2626}.spq-feedback-bar{border-radius:10px;padding:.6rem 1rem;font-weight:600;font-size:.95rem;margin-bottom:1rem}.spq-fb-ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.spq-fb-fail{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.spq-q{font-size:1.08rem;font-weight:600;line-height:1.6;color:#1e293b;margin:0 0 1.25rem}.spq-opts-section{margin-bottom:1.25rem}.spq-opts-lbl{font-size:.82rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem}.spq-opts-list{display:flex;flex-direction:column;gap:.55rem}.spq-opt{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-radius:12px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;text-align:left;transition:all .15s;font-size:.95rem;color:#374151;position:relative}.spq-opt:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc;transform:translate(2px)}.spq-opt-key{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.spq-opt-text{flex:1;line-height:1.45}.spq-opt-correct{border-color:#10b981!important;background:#ecfdf5!important}.spq-opt-correct .spq-opt-key{background:#10b981!important}.spq-opt-wrong{border-color:#ef4444!important;background:#fef2f2!important}.spq-opt-wrong .spq-opt-key{background:#ef4444!important}.spq-opt-answer{border-color:#10b981!important;background:#ecfdf5!important;opacity:.85}.spq-opt-answer .spq-opt-key{background:#10b981!important}.spq-opt-dim{opacity:.42}.spq-opt-badge{font-size:.9rem;font-weight:700;margin-left:auto;flex-shrink:0}.spq-badge-ok{color:#10b981}.spq-badge-wrong{color:#ef4444}.spq-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.spq-nav-count{font-size:.85rem;color:#94a3b8;font-weight:500}.spq-nav-btn{padding:.5rem 1.1rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#374151;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .15s}.spq-nav-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.spq-nav-btn:disabled{opacity:.4;cursor:not-allowed}.spq-nav-next{color:#fff!important;border-color:transparent!important}.spq-side{position:sticky;top:1rem}.spq-hints-panel{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000f;padding:1.25rem;min-height:200px}.spq-hp-hd{margin-bottom:1rem}.spq-hp-title{display:block;font-weight:700;font-size:1rem;color:#1e293b;margin-bottom:.2rem}.spq-hp-sub{font-size:.82rem;color:#94a3b8}.spq-hp-empty{color:#94a3b8;font-size:.9rem;line-height:1.5}.spq-hint-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.spq-hbtn{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.spq-hbtn-done{background:#dcfce7;border-color:#10b981;color:#166534;cursor:default}.spq-hbtn-avail{background:#eff6ff;border-color:#6366f1;color:#4f46e5}.spq-hbtn-avail:hover{background:#e0e7ff}.spq-hbtn-locked{opacity:.45;cursor:not-allowed}.spq-hbtn-icon{font-size:.9rem}.spq-bubbles{display:flex;flex-direction:column;gap:.7rem}.spq-bubble{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:.75rem 1rem}.spq-bubble-step{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0ea5e9;margin-bottom:.3rem}.spq-bubble-text{font-size:.9rem;line-height:1.55;color:#1e293b;margin:0}.spq-solution-panel{border-radius:12px;padding:1rem}.spq-sol-ok{background:#f0fdf4;border:1px solid #bbf7d0}.spq-sol-fail{background:#fef2f2;border:1px solid #fecaca}.spq-sol-verdict{font-size:1.05rem;font-weight:700;margin-bottom:.85rem}.spq-sol-lbl{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.5rem}.spq-sol-steps{display:flex;flex-direction:column;gap:.35rem}.spq-sol-line{font-size:.88rem;line-height:1.55;color:#374151;margin:0;font-family:Menlo,Consolas,monospace;white-space:pre-wrap}.maths-hub,.english-hub,.verbal-reasoning-hub,.non-verbal-reasoning-hub{animation:fadeIn .5s ease-in}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.module-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);transition:all .3s;border-top:4px solid var(--primary);display:block;color:inherit;text-decoration:none}.module-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.module-icon{font-size:3rem;margin-bottom:1rem}.module-card h3{color:var(--text-dark);margin-bottom:.75rem}.module-card p{color:var(--text-gray);margin-bottom:1rem}.module-card ul{list-style:none;padding:0;margin:1rem 0}.module-card li{padding:.5rem 0;color:var(--text-gray);font-size:.9rem}.module-card li:before{content:"✓ ";color:var(--success);font-weight:700;margin-right:.5rem}.module-button{width:100%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.875rem;border-radius:var(--radius);font-weight:600;margin-top:1rem;transition:all .2s}.module-button:hover{transform:translateY(0);box-shadow:var(--shadow)}.coming-soon{background:var(--bg-light);padding:.75rem;border-radius:var(--radius);text-align:center;color:var(--text-gray);font-style:italic;margin-top:1rem}.tips-section{margin:3rem 0;padding:2rem;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:2rem}.tip-card{text-align:center;padding:1.5rem;background:var(--bg-light);border-radius:var(--radius-lg);transition:transform .3s}.tip-card:hover{transform:scale(1.05)}.tip-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.tip-card h4{color:var(--primary);margin-bottom:.5rem}.tip-card p{font-size:.9rem;color:var(--text-gray)}@media (max-width: 768px){.modules-grid,.tips-grid{grid-template-columns:1fr;gap:1.5rem}}.subject-home{max-width:1400px;margin:0 auto;padding:1rem}.subject-header{border-left:4px solid;padding-left:1rem;margin-bottom:2rem}.subject-header .back-link{display:inline-flex;align-items:center;color:#6366f1;text-decoration:none;font-size:.9rem;margin-bottom:.75rem;transition:all .2s;font-weight:500}.subject-header .back-link:hover{color:#4f46e5;transform:translate(-2px)}.subject-header h1{font-size:1.75rem;margin:.5rem 0;display:flex;align-items:center;gap:.5rem;color:#1f2937;flex-wrap:wrap}.subject-emoji{font-size:1.75rem}.subject-intro{font-size:.95rem;color:#6b7280;line-height:1.6;margin-top:.75rem}.feature-section,.word-bank-card,.special-features{margin-bottom:2rem}.word-bank-card,.feature-card.interactive-feature{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;text-decoration:none;color:inherit;display:block;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid transparent;border-top:4px solid}.word-bank-card:hover,.feature-card.interactive-feature:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.feature-icon{font-size:2.5rem;margin-bottom:.75rem}.feature-content h2,.feature-card h2{font-size:1.35rem;color:#1f2937;margin-bottom:.75rem;font-weight:700}.feature-content p,.feature-card p{font-size:.95rem;color:#6b7280;line-height:1.6;margin-bottom:1rem}.feature-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.feature-badge{display:inline-block;padding:.4rem .875rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.feature-action{color:#6366f1;font-weight:600;font-size:.9rem}.feature-highlights{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:1rem}.feature-highlights span{background:#fef3c7;color:#92400e;padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600}.difficulty-section{margin-bottom:2rem}.difficulty-title{font-size:1.35rem;color:#1f2937;margin-bottom:1rem;padding-bottom:.625rem;border-bottom:2px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;font-weight:700}.difficulty-title:before{content:"";width:6px;height:24px;background:linear-gradient(to bottom,#6366f1,#8b5cf6);border-radius:3px}.problems-grid{display:grid;grid-template-columns:1fr;gap:1rem}.problem-card{background:#fff;border-radius:10px;padding:1.25rem;border-top:4px solid;box-shadow:0 1px 4px #00000014;text-decoration:none;color:inherit;transition:all .3s ease;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:0 1rem;animation:fadeIn .4s ease forwards}.problem-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.problem-card .problem-icon{font-size:2.5rem;grid-row:1 / 3;display:flex;align-items:flex-start;padding-top:.25rem}.problem-card h3{font-size:1.15rem;color:#1f2937;margin:0;font-weight:700;grid-column:2;grid-row:1}.problem-card p{color:#64748b;line-height:1.5;margin:.5rem 0 0;font-size:.9rem;grid-column:2;grid-row:2}.problem-meta{display:flex;gap:.875rem;padding-top:.875rem;border-top:2px solid #f3f4f6;font-size:.85rem;color:#6b7280;flex-wrap:wrap;grid-column:1 / -1;grid-row:3;margin-top:.875rem}.method-count,.question-count{display:flex;align-items:center;gap:.35rem;font-weight:600}.method-count:before{content:"📚"}.question-count:before{content:"🎯"}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.problem-card:nth-child(1){animation-delay:.05s}.problem-card:nth-child(2){animation-delay:.1s}.problem-card:nth-child(3){animation-delay:.15s}.problem-card:nth-child(4){animation-delay:.2s}.problem-card:nth-child(5){animation-delay:.25s}.problem-card:nth-child(6){animation-delay:.3s}@media (min-width: 600px){.problems-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@media (min-width: 768px){.subject-home{padding:1.5rem}.subject-header{border-left:5px solid;padding-left:1.5rem;margin-bottom:2.5rem}.subject-header h1,.subject-emoji{font-size:2.25rem}.subject-intro{font-size:1rem}.word-bank-card,.feature-card.interactive-feature{padding:2rem}.feature-icon{font-size:3rem}.feature-content h2,.feature-card h2{font-size:1.65rem}.feature-content p,.feature-card p{font-size:1.05rem}.difficulty-title{font-size:1.5rem}.problems-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.problem-card{padding:1.5rem}.problem-card .problem-icon{font-size:2.75rem}.problem-card h3{font-size:1.25rem}.problem-card p{font-size:1rem}}@media (min-width: 1024px){.subject-home{padding:2rem}.subject-header{padding-left:2rem;margin-bottom:3rem}.subject-header h1,.subject-emoji{font-size:2.75rem}.subject-intro{font-size:1.1rem;max-width:800px}.word-bank-card,.feature-card.interactive-feature{padding:2.5rem}.feature-icon{font-size:3.5rem}.feature-content h2,.feature-card h2{font-size:1.85rem}.difficulty-title{font-size:1.75rem}.problems-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.problem-card{padding:1.75rem}.problem-card .problem-icon{font-size:3rem}.problem-card h3{font-size:1.35rem}}@media (min-width: 1400px){.subject-header h1,.subject-emoji{font-size:3rem}.subject-intro{font-size:1.15rem}.feature-card h2{font-size:2rem}}.word-bank{max-width:1400px;margin:0 auto;padding:2rem}.word-bank-header{margin-bottom:2rem}.word-bank-header h1{font-size:2.5rem;color:#1f2937;margin-bottom:.5rem}.subject-emoji{font-size:3rem;margin-right:1rem}.word-bank-intro{font-size:1.1rem;color:#6b7280;margin-top:.5rem}.word-bank-controls{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filters{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;min-width:200px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;font-size:1.2rem;transition:all .2s}.clear-search:hover{background:#ec4899;color:#fff}.filter-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:#ec4899}.filter-select:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.action-buttons{display:flex;gap:.75rem}.btn-filter,.btn-reset{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-filter{background:#f3f4f6;color:#374151;border:2px solid transparent}.btn-filter:hover{background:#e5e7eb;transform:translateY(-2px)}.btn-filter.active{background:#fef3c7;color:#92400e;border-color:#fbbf24}.btn-reset{background:#f3f4f6;color:#374151}.btn-reset:hover{background:#e5e7eb;transform:translateY(-2px)}.word-count{text-align:center;color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}.flagged-count{color:#d97706;font-weight:600}.word-bank-content{display:grid;grid-template-columns:1fr 1.5fr;gap:1.5rem;min-height:600px}.word-list{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a;overflow-y:auto;max-height:700px}.word-item{padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent;margin-bottom:.5rem}.word-item:hover{background:#fdf2f8;border-color:#ec4899;transform:translate(5px)}.word-item.selected{background:#fce7f3;border-color:#ec4899;box-shadow:0 2px 8px #ec489933}.word-item.flagged{border-left:3px solid #fbbf24}.word-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.word-text{font-size:1.2rem;font-weight:700;color:#1f2937;text-transform:capitalize;display:flex;align-items:center;gap:.5rem}.flag-indicator{font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.word-category{font-size:.85rem;color:#6b7280}.difficulty-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.foundation{background:#dbeafe;color:#1e40af}.difficulty-badge.intermediate{background:#fef3c7;color:#92400e}.difficulty-badge.advanced{background:#fce7f3;color:#9d174d}.no-words{text-align:center;padding:3rem 2rem;color:#6b7280}.word-details{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;overflow-y:auto;max-height:700px}.word-details-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.details-header h2{font-size:2rem;color:#1f2937;margin:0;text-transform:capitalize}.btn-flag-main{background:#fef3c7;color:#92400e;border:2px solid #fbbf24;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s}.btn-flag-main:hover{background:#fde68a;transform:scale(1.05);box-shadow:0 2px 8px #fbbf244d}.details-badge{display:flex;gap:.75rem;margin-bottom:1.5rem}.category-badge{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border-radius:8px;font-size:.9rem;font-weight:600}.details-section{margin-bottom:2rem}.details-section h3{font-size:1.2rem;color:#374151;margin-bottom:.75rem}.details-section p{font-size:1.1rem;color:#1f2937;line-height:1.6}.example-section{background:#f0f9ff;border-left:4px solid #3b82f6;padding:1rem;border-radius:8px}.example-sentence{font-style:italic;color:#1e40af;font-weight:500}.word-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.5rem 1rem;border-radius:20px;font-size:.95rem;font-weight:500;transition:all .2s}.tag-synonym{background:#d1fae5;color:#065f46}.tag-synonym:hover{background:#a7f3d0;transform:scale(1.05)}.tag-antonym{background:#fee2e2;color:#991b1b}.tag-antonym:hover{background:#fecaca;transform:scale(1.05)}.usage-tip{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;border-radius:8px;margin-top:1.5rem}.usage-tip strong{color:#92400e}.no-selection{text-align:center;padding:4rem 2rem;color:#9ca3af}.no-selection p{font-size:1.2rem;margin-bottom:.5rem}.no-selection .hint{font-size:1rem;color:#d1d5db}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{margin-top:0;color:#1f2937;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.btn-submit,.btn-cancel{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit{background:#ec4899;color:#fff}.btn-submit:hover{background:#db2777;transform:translateY(-2px);box-shadow:0 4px 12px #ec48994d}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}@media (max-width: 1024px){.word-bank-content{grid-template-columns:1fr}.word-list{max-height:400px}.word-details{max-height:500px}}@media (max-width: 768px){.word-bank{padding:1rem}.word-bank-controls{flex-direction:column;align-items:stretch}.filters,.action-buttons{flex-direction:column}.btn-add,.btn-reset{width:100%}.form-row{grid-template-columns:1fr}.word-bank-header h1{font-size:2rem}.modal-content{width:95%;padding:1.5rem}}.feature-section{margin-bottom:3rem}.word-bank-card{display:flex;align-items:center;gap:2rem;background:#fff;border-radius:12px;padding:2rem;border-top:4px solid #ec4899;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;text-decoration:none;color:inherit}.word-bank-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #ec489933}.feature-icon{font-size:4rem;flex-shrink:0}.feature-content{flex:1}.feature-content h2{font-size:1.8rem;color:#1f2937;margin-bottom:.5rem}.feature-content p{color:#6b7280;font-size:1.1rem;margin-bottom:1rem}.feature-meta{display:flex;align-items:center;gap:1rem}.feature-badge{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.feature-action{color:#ec4899;font-weight:600;font-size:1rem}@media (max-width: 768px){.word-bank-card{flex-direction:column;text-align:center}.feature-meta{flex-direction:column}}.english-hub,.verbal-reasoning-hub,.non-verbal-reasoning-hub{animation:fadeIn .5s ease-in}.grammar-visual,.vocabulary-visual{margin:3rem 0}.examples-box{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);margin:2rem 0}.examples-box h3{color:var(--primary);margin-bottom:1.5rem;text-align:center}.example-card{background:var(--bg-light);border-left:4px solid var(--accent);border-radius:var(--radius);padding:1.5rem;margin:1rem 0}.example-card p{margin:.5rem 0}.explanation{color:var(--text-gray);font-style:italic;font-size:.95rem}.answer{color:var(--success);font-weight:600;font-size:1.05rem}.question-types{margin:3rem 0}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.type-category{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);border-top:4px solid var(--primary)}.type-category h3{color:var(--primary);margin-bottom:1rem}.type-category ul{list-style:none;padding:0}.type-category li{padding:.625rem 0;color:var(--text-gray);border-bottom:1px solid var(--border-color)}.type-category li:last-child{border-bottom:none}.transformations-guide,.spatial-types{margin:3rem 0}.transformation-grid,.spatial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.transform-card,.spatial-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:transform .3s}.transform-card:hover,.spatial-card:hover{transform:scale(1.02)}.transform-card h4,.spatial-card h4{color:var(--primary);margin-bottom:1rem}.visual-example{background:var(--bg-light);padding:1rem;border-radius:var(--radius);margin-top:1rem;text-align:center;font-size:1.25rem}.tip{background:#fef3c7;border-left:3px solid var(--warning);padding:.75rem;border-radius:var(--radius-sm);margin:1rem 0;font-size:.9rem}.tip strong{color:var(--warning)}.challenge-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.challenge-card{background:#fff;border:2px solid var(--primary);border-radius:var(--radius-lg);padding:1.5rem}.challenge-card h4{color:var(--primary);margin-bottom:1rem}.problem-text{background:var(--bg-light);padding:1rem;border-radius:var(--radius);margin:1rem 0;border-left:3px solid var(--primary)}@media (max-width: 768px){.types-grid,.transformation-grid,.spatial-grid,.challenge-cards{grid-template-columns:1fr;gap:1.5rem}}.verbal-reasoning-hub{animation:fadeIn .5s ease-in}.visual-shape-explorer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 4px 20px #06b6d426}.visual-shape-explorer .back-link{display:inline-flex;align-items:center;color:#06b6d4;text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:all .2s;font-weight:500}.visual-shape-explorer .back-link:hover{color:#0891b2;transform:translate(-3px)}.explorer-header{text-align:center;margin-bottom:2rem}.explorer-header h2{font-size:2rem;color:#0c4a6e;margin-bottom:.5rem}.explorer-header p{font-size:1.1rem;color:#0369a1;font-weight:500}.mode-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.mode-tab{padding:.8rem 1.5rem;background:#fff;border:2px solid #cbd5e1;border-radius:12px;font-size:1rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000000d}.mode-tab:hover{border-color:#06b6d4;color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 8px #06b6d433}.mode-tab.active{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4;color:#fff;box-shadow:0 4px 12px #06b6d466}.workspace{background:#fff;border-radius:12px;padding:2rem;min-height:400px;box-shadow:0 2px 8px #00000014}.rotation-mode{display:flex;flex-direction:column;gap:2rem}.shape-controls{display:flex;flex-direction:column;gap:1.5rem}.shape-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.shape-btn{width:60px;height:60px;padding:.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.shape-btn:hover{border-color:#06b6d4;background:#f0f9ff;transform:scale(1.1)}.shape-btn.selected{border-color:#06b6d4;background:linear-gradient(135deg,#cffafe,#e0f2fe);box-shadow:0 0 0 3px #06b6d433}.rotation-slider{display:flex;flex-direction:column;gap:1rem;align-items:center}.rotation-slider label{font-size:1.1rem;font-weight:600;color:#0c4a6e}.slider{width:100%;max-width:400px;height:8px;border-radius:4px;background:linear-gradient(to right,#06b6d4,#0891b2);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#06b6d4;cursor:pointer;box-shadow:0 2px 8px #06b6d480;border:3px solid white}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#06b6d4;cursor:pointer;box-shadow:0 2px 8px #06b6d480;border:3px solid white}.quick-rotations{display:flex;gap:.5rem}.quick-rotations button{padding:.5rem 1rem;background:#f0f9ff;border:2px solid #06b6d4;border-radius:8px;color:#06b6d4;font-weight:600;cursor:pointer;transition:all .2s}.quick-rotations button:hover{background:#06b6d4;color:#fff;transform:scale(1.05)}.shape-display{flex:1}.before-after{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.shape-box{display:flex;flex-direction:column;align-items:center;gap:1rem}.box-label{font-weight:600;color:#0c4a6e;font-size:1.1rem;padding:.5rem 1rem;background:#f0f9ff;border-radius:8px}.arrow-between{font-size:3rem;color:#06b6d4;font-weight:700}.reflection-mode{display:flex;flex-direction:column;gap:2rem}.reflection-controls{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.flip-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.flip-btn{padding:.8rem 1.5rem;background:#fff;border:2px solid #cbd5e1;border-radius:10px;font-size:1rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s}.flip-btn:hover{border-color:#06b6d4;color:#06b6d4;transform:translateY(-2px)}.flip-btn.active{background:#06b6d4;border-color:#06b6d4;color:#fff;box-shadow:0 4px 12px #06b6d44d}.reset-btn{padding:.8rem 1.5rem;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:10px;font-size:1rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s}.reset-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.mirror-setup{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.mirror-line{width:3px;height:200px;background:linear-gradient(to bottom,transparent,#06b6d4,transparent);font-size:3rem;display:flex;align-items:center;justify-content:center;color:#06b6d4;font-weight:700}.patterns-mode{padding:1rem}.pattern-examples{display:flex;flex-direction:column;gap:2rem}.pattern-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1.5rem;border:2px solid #e2e8f0}.pattern-card h4{font-size:1.2rem;color:#0c4a6e;margin-bottom:1rem;text-align:center}.pattern-shapes{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.pattern-item{display:flex;align-items:center;gap:.5rem}.pattern-arrow{font-size:2rem;color:#06b6d4;font-weight:700}.mystery{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.mystery-box{width:80px;height:80px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px dashed #f59e0b;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#f59e0b;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pattern-hint{text-align:center;font-size:.95rem;color:#0369a1;font-weight:500;padding:.5rem;background:#e0f2fe;border-radius:8px}.matching-mode{display:flex;justify-content:center}.matching-challenge{display:flex;flex-direction:column;gap:2rem;align-items:center}.target-shape{text-align:center}.target-shape h4{font-size:1.3rem;color:#0c4a6e;margin-bottom:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;display:inline-block}.matching-options h4{font-size:1.2rem;color:#0c4a6e;margin-bottom:1rem;text-align:center}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;max-width:600px}.option-btn{padding:1rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s}.option-btn:hover{border-color:#06b6d4;background:#f0f9ff;transform:scale(1.05);box-shadow:0 4px 12px #06b6d44d}.option-btn.correct{border-color:#10b981;background:#d1fae5}.option-btn.incorrect{border-color:#ef4444;background:#fee2e2}.visual-hint{margin-top:2rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:2px solid #fbbf24}.hint-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.hint-icons span{font-size:1rem;font-weight:600;color:#92400e;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.visual-shape-explorer{padding:1.5rem}.workspace{padding:1rem}.before-after,.mirror-setup{flex-direction:column}.arrow-between{transform:rotate(90deg)}.mirror-line{width:200px;height:3px}.mode-tabs{gap:.5rem}.mode-tab{padding:.6rem 1rem;font-size:.9rem}.options-grid{grid-template-columns:repeat(2,1fr)}}svg{transition:all .5s ease-in-out}svg g{transition:transform .5s ease-in-out}.shape-box svg{filter:drop-shadow(0 4px 8px rgba(6,182,212,.2))}.shape-box:hover svg{filter:drop-shadow(0 8px 16px rgba(6,182,212,.3))}.visual-question-card{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 16px #0000001a;margin:1rem 0;border:1px solid #e2e8f0}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;gap:1rem;flex-wrap:wrap}.question-type{font-size:1.1rem;font-weight:700;color:#0c4a6e;padding:.6rem 1rem;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:12px;flex:1;min-width:200px}.question-progress{display:flex;gap:1rem;align-items:center;font-weight:600;color:#0c4a6e;font-size:.875rem}.question-number{color:#0369a1}.question-score{color:#059669;padding:.3rem .6rem;background:#d1fae5;border-radius:8px}.matching-question{display:flex;flex-direction:column;gap:1.25rem}.target-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:3px solid #fbbf24}.target-label{font-size:1rem;font-weight:700;color:#92400e}.target-shape{padding:1rem;background:#fff;border-radius:12px;border:3px solid #fbbf24}.options-section{display:flex;flex-direction:column;gap:.75rem}.options-label{font-size:1rem;font-weight:600;color:#0c4a6e;text-align:center;padding:.5rem;background:#f0f9ff;border-radius:8px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;padding:1rem}.option-box{position:relative;padding:1.5rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;min-height:120px}.option-box:hover:not(:disabled){border-color:#06b6d4;background:#f0f9ff;transform:scale(1.05);box-shadow:0 8px 16px #06b6d44d}.option-box:disabled{cursor:not-allowed}.option-box.correct{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);animation:correctPulse .5s ease}.option-box.incorrect{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fecaca);animation:shake .5s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.feedback-icon{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 8px #10b98166;animation:popIn .3s ease}.feedback-icon.wrong{background:#ef4444;box-shadow:0 4px 8px #ef444466}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.sequence-question{display:flex;flex-direction:column;gap:1rem}.sequence-display{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:3px solid #06b6d4;flex-wrap:wrap}.sequence-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.sequence-item>svg{display:block;margin:0 auto}.sequence-arrow{font-size:2rem;color:#06b6d4;font-weight:700;margin:0 .5rem;align-self:center}.mystery{display:flex;flex-direction:column;align-items:center;justify-content:center}.mystery-placeholder{width:80px;height:80px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px dashed #f59e0b;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#f59e0b;font-weight:700;animation:pulse 2s ease-in-out infinite}.mystery-placeholder.large{width:100px;height:100px;font-size:3.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.rotation-question{display:flex;flex-direction:column;gap:2rem}.comparison-display{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:3px solid #06b6d4;flex-wrap:wrap}.compare-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.compare-label{font-weight:700;color:#0c4a6e;font-size:1.1rem;padding:.5rem 1rem;background:#fff;border-radius:8px;border:2px solid #06b6d4}.compare-arrow{font-size:3rem;color:#06b6d4;font-weight:700}.reflection-question{display:flex;flex-direction:column;gap:2rem}.mirror-display{display:flex;align-items:center;justify-content:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:3px solid #06b6d4;flex-wrap:wrap}.mirror-side{display:flex;align-items:center;justify-content:center;min-width:100px}.mirror-line-vertical{width:4px;height:150px;background:linear-gradient(to bottom,transparent,#06b6d4,transparent);font-size:3rem;color:#06b6d4;font-weight:700;display:flex;align-items:center;justify-content:center}.visual-hint-minimal{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;border:2px solid #fbbf24;text-align:center;font-size:1rem;font-weight:600;color:#92400e}@media (max-width: 768px){.visual-question-card{padding:1.5rem}.question-header{flex-direction:column;align-items:flex-start}.question-type{font-size:1.1rem;width:100%}.question-progress{width:100%;justify-content:space-between;gap:1rem;font-size:.9rem}.options-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.sequence-display,.comparison-display,.mirror-display{flex-direction:column;gap:1rem}.sequence-arrow,.compare-arrow{transform:rotate(90deg)}.mirror-line-vertical{width:150px;height:4px}}.mystery-revealed{display:flex;align-items:center;justify-content:center;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.vqc-explanation-panel{border-radius:14px;padding:1rem 1.25rem;margin-top:1rem;animation:vqcSlide .3s ease}@keyframes vqcSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vqc-exp-correct{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:2px solid #86efac}.vqc-exp-wrong{background:linear-gradient(135deg,#ffe4e6,#fff1f2);border:2px solid #fda4af}.vqc-exp-status{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#111827;margin-bottom:.5rem}.vqc-exp-icon{font-size:1.3rem}.vqc-exp-text{font-size:.875rem;color:#374151;line-height:1.6;margin:.4rem 0}.vqc-exp-hint{font-size:.85rem;color:#374151;background:#fff9;border-radius:8px;padding:.4rem .75rem;margin:.4rem 0}.vqc-exp-label{font-weight:700;color:#0c4a6e}.vqc-next-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.6rem 1.4rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 10px #06b6d459}.vqc-next-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #06b6d473}.option-box:focus{outline:3px solid #06b6d4;outline-offset:2px}@media print{.visual-question-card{page-break-inside:avoid}}.cubenet-question{display:flex;flex-direction:column;gap:1.25rem}.cubenet-instruction{font-size:1rem;font-weight:600;color:#0c4a6e;text-align:center;padding:.6rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;border:2px solid #bae6fd}.cubenet-display{display:flex;justify-content:center}.cube3d-section{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;border:3px solid #fbbf24}.cube3d-label{font-size:.9rem;font-weight:700;color:#92400e;letter-spacing:.05em;text-transform:uppercase}.iso-cube-svg{filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}.cube3d-faces-legend{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.cube-face-tag{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;white-space:nowrap}.cubenet-options-label{font-size:1rem;font-weight:600;color:#0c4a6e;text-align:center;padding:.5rem;background:#f0f9ff;border-radius:8px}.cubenet-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:.5rem}@media (min-width: 600px){.cubenet-options-grid{grid-template-columns:repeat(4,1fr)}}.cubenet-option{flex-direction:column;gap:.4rem;padding:.75rem .5rem;min-height:unset}.net-option-label{font-size:1rem;font-weight:700;color:#374151;background:#e2e8f0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.codematrix-question{display:flex;flex-direction:column;gap:1.25rem}.codematrix-instruction{font-size:1rem;font-weight:600;color:#4c1d95;text-align:center;padding:.6rem 1rem;background:linear-gradient(135deg,#faf5ff,#ede9fe);border-radius:10px;border:2px solid #c4b5fd}.codematrix-ref-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fefce8,#fef9c3);border-radius:12px;border:3px solid #fbbf24}.codematrix-ref-label{font-size:.85rem;font-weight:700;color:#78350f;text-transform:uppercase;letter-spacing:.06em}.codematrix-ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.6rem;width:100%;max-width:520px}.codematrix-ref-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem .3rem;background:#fff;border-radius:10px;border:2px solid #fde68a}.codematrix-cell-code{font-family:Courier New,monospace;font-size:1rem;font-weight:800;color:#1e40af;letter-spacing:.1em;background:#eff6ff;padding:.15rem .45rem;border-radius:6px;border:1.5px solid #bfdbfe}.codematrix-target-section{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:3px solid #06b6d4}.codematrix-target-label{font-size:1rem;font-weight:700;color:#0c4a6e}.codematrix-options-label{font-size:1rem;font-weight:600;color:#0c4a6e;text-align:center;padding:.4rem;background:#f0f9ff;border-radius:8px}.codematrix-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.75rem;padding:.25rem}.code-option-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem .5rem;background:#f8fafc;border:3px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s;min-height:72px}.code-option-btn:hover:not(:disabled){border-color:#7c3aed;background:#f5f3ff;transform:scale(1.06);box-shadow:0 8px 16px #7c3aed47}.code-option-btn:disabled{cursor:not-allowed}.code-option-btn.correct{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);animation:correctPulse .5s ease}.code-option-btn.incorrect{border-color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fecaca);animation:shake .5s ease}.code-option-letter{font-size:.78rem;font-weight:700;color:#6b7280;background:#e5e7eb;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.code-option-value{font-family:Courier New,monospace;font-size:1.3rem;font-weight:800;color:#1e40af;letter-spacing:.18em}.visual-practice{max-width:1400px;margin:0 auto;padding:1rem;background:#f8fafc;min-height:100vh}.practice-header{background:#fff;border-left:4px solid #06b6d4;border-radius:12px;padding:1rem 1rem 1rem 1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.practice-header .back-link{display:block;color:#06b6d4;text-decoration:none;font-size:.875rem;margin-bottom:.5rem;transition:all .2s;font-weight:500;width:fit-content}.practice-header .back-link:hover{color:#0891b2;transform:translate(-3px)}.practice-header h1{font-size:1.5rem;color:#0c4a6e;margin:.25rem 0;font-weight:700;display:block}.practice-intro{font-size:.95rem;color:#64748b;margin:.25rem 0 0;line-height:1.4;display:block}.practice-filters{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.filter-group{margin-bottom:.75rem}.filter-group:last-of-type{margin-bottom:1rem}.filter-group label{display:block;font-weight:700;color:#0c4a6e;margin-bottom:.4rem;font-size:.9rem}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-buttons button{padding:.5rem .875rem;background:#fff;border:2px solid #cbd5e1;border-radius:8px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s;font-size:.85rem}.filter-buttons button:hover{border-color:#06b6d4;color:#06b6d4;transform:translateY(-1px)}.filter-buttons button.active{background:#06b6d4;border-color:#06b6d4;color:#fff;box-shadow:0 2px 8px #06b6d44d}.btn-reset-filters{width:100%;padding:.65rem;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #06b6d44d}.btn-reset-filters:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06b6d466}.visual-navigation{margin-top:1rem;display:flex;justify-content:center}.nav-dots{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.nav-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;transition:all .3s;border:3px solid #e2e8f0;background:#fff}.nav-dot.completed{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b9814d}.nav-dot.current{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4;color:#fff;box-shadow:0 4px 12px #06b6d466;transform:scale(1.2);animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{box-shadow:0 4px 12px #06b6d466}50%{box-shadow:0 4px 20px #06b6d499}}.nav-dot.upcoming{background:#f8fafc;color:#cbd5e1}.completion-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 8px 32px #0000001f;max-width:600px;margin:1rem auto;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.completion-emoji{font-size:3.5rem;margin-bottom:.75rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.completion-card h2{font-size:1.5rem;color:#0c4a6e;margin-bottom:1rem}.score-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.75rem}.score-number{font-size:3rem;font-weight:800;color:#06b6d4;line-height:1}.score-total{font-size:1.5rem;color:#64748b;font-weight:600}.score-percentage{font-size:1.25rem;font-weight:700;color:#0369a1;margin-bottom:1rem}.completion-message{font-size:1rem;color:#475569;margin-bottom:1.25rem;padding:.75rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:10px;font-weight:500}.completion-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn-retry,.btn-home{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0000001a}.btn-retry{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06b6d44d}.btn-home{background:#f1f5f9;color:#475569}.btn-home:hover{background:#e2e8f0;transform:translateY(-2px)}@media (max-width: 768px){.visual-practice{padding:1rem}.practice-header{padding:1rem 1rem 1rem 1.5rem}.practice-header h1{font-size:1.5rem}.practice-intro{font-size:.95rem}.practice-filters{padding:1rem}.filter-buttons{gap:.5rem}.filter-buttons button{padding:.5rem .8rem;font-size:.85rem}.nav-dots{gap:.5rem}.nav-dot{width:40px;height:40px;font-size:.9rem}.completion-card{padding:2rem}.completion-emoji{font-size:3.5rem}.score-number{font-size:3rem}.score-total{font-size:1.5rem}.completion-actions{flex-direction:column}.btn-retry,.btn-home{width:100%}}@media print{.practice-filters,.visual-navigation,.completion-actions{display:none}}.pq-page{max-width:1400px;margin:0 auto;padding:1.25rem 1rem 4rem;min-height:100vh}@media (min-width: 768px){.pq-page{padding:1.75rem 1.5rem 4rem}}@media (min-width: 1024px){.pq-page{padding:2rem 2rem 4rem}}.pq-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.pq-back{display:inline-flex;align-items:center;color:#6366f1;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .18s,transform .18s}.pq-back:hover{color:#4f46e5;transform:translate(-2px)}.pq-score-row{display:flex;gap:.5rem;align-items:center}.pq-score-c,.pq-score-w{display:inline-flex;align-items:center;gap:.2rem;font-size:.85rem;font-weight:700;padding:.3rem .7rem;border-radius:20px}.pq-score-c{background:#d1fae5;color:#065f46}.pq-score-w{background:#fee2e2;color:#991b1b}.pq-heading{margin-bottom:1.5rem}.pq-heading h1{font-size:1.8rem;font-weight:800;color:#111827;margin:0 0 .35rem}.pq-heading p{color:#6b7280;font-size:.95rem;margin:0}.pq-filterbar{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 1px 4px #0000000a}.pq-filter-row{display:flex;align-items:flex-start;gap:.5rem}.pq-fb-lbl{font-size:.68rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;min-width:46px;padding-top:.28rem}.pq-pills-wrap{display:flex;gap:.35rem;flex-wrap:wrap}.pq-pill{padding:.25rem .65rem;border-radius:20px;font-size:.78rem;font-weight:600;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap}.pq-pill:hover{border-color:#06b6d4;color:#0891b2}.pq-pill-on{background:#06b6d4;border-color:#06b6d4;color:#fff}.pq-layout{display:grid;grid-template-columns:1fr 300px;gap:1.25rem;align-items:start}@media (max-width: 900px){.pq-layout{grid-template-columns:1fr}}.pq-side{position:sticky;top:80px}.pq-progress-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.pq-progress-track{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.pq-progress-bar{height:100%;background:linear-gradient(90deg,#06b6d4,#7c3aed);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.pq-progress-txt{font-size:.78rem;font-weight:700;color:#9ca3af;white-space:nowrap}.pq-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;padding:1.5rem;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;gap:1.1rem;animation:pqFadeUp .3s ease}@keyframes pqFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pq-card-hd{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.pq-topic-tag{font-size:.8rem;font-weight:600;color:#4b5563;background:#f3f4f6;border:1.5px solid #e5e7eb;padding:.3rem .75rem;border-radius:8px}.pq-diff-tag{font-size:.72rem;font-weight:700;color:#fff;padding:.28rem .65rem;border-radius:8px}.pq-diff-easy{background:#10b981}.pq-diff-medium{background:#f59e0b}.pq-diff-advanced{background:#ef4444}.pq-feedback-bar{padding:.6rem .875rem;border-radius:10px;font-size:.88rem;font-weight:700;animation:pqFadeUp .2s ease}.pq-fb-ok{background:#f0fdf4;color:#065f46;border:1.5px solid #6ee7b7}.pq-fb-fail{background:#fff7ed;color:#92400e;border:1.5px solid #fcd34d}.pq-q{font-size:1.05rem;font-weight:600;color:#111827;line-height:1.6;margin:0}.pq-target-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pq-target-lbl{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af}.pq-target-box{width:136px;height:136px;background:#f8fafc;border:2px solid #e5e7eb;border-radius:14px;display:flex;align-items:center;justify-content:center}.pq-opts-section{display:flex;flex-direction:column;gap:.75rem}.pq-opts-lbl{font-size:.82rem;font-weight:600;color:#6b7280}.pq-opts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width: 500px){.pq-opts-grid{grid-template-columns:repeat(2,1fr)}}.pq-opt{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem .6rem;background:#f9fafb;border:2.5px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s,transform .18s,box-shadow .18s}.pq-opt:not(:disabled):hover{border-color:#06b6d4;background:#f0fdfe;transform:translateY(-4px);box-shadow:0 6px 18px #06b6d42e}.pq-opt:disabled{cursor:default}.pq-opt-svg{display:flex;align-items:center;justify-content:center;width:78px;height:78px}.pq-opt-key{font-size:.82rem;font-weight:800;color:#9ca3af;letter-spacing:.04em}.pq-opt-correct{border-color:#10b981!important;background:#f0fdf4!important;box-shadow:0 0 0 3px #10b9812e!important}.pq-opt-correct .pq-opt-key{color:#065f46}.pq-opt-wrong{border-color:#ef4444!important;background:#fef2f2!important}.pq-opt-wrong .pq-opt-key{color:#991b1b}.pq-opt-answer{border-color:#10b981!important;background:#d1fae5!important}.pq-opt-dim{opacity:.45}.pq-hints-panel{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;padding:1.25rem;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;gap:.875rem;animation:pqFadeUp .3s ease}.pq-hp-hd{display:flex;flex-direction:column;gap:.2rem;padding-bottom:.75rem;border-bottom:1.5px solid #f3f4f6}.pq-hp-title{font-size:.95rem;font-weight:800;color:#111827}.pq-hp-sub{font-size:.75rem;color:#9ca3af}.pq-hp-empty{font-size:.85rem;color:#9ca3af;margin:0;font-style:italic}.pq-hint-btns{display:flex;gap:.4rem;flex-wrap:wrap}.pq-hbtn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .875rem;border-radius:20px;font-size:.78rem;font-weight:600;border:1.5px solid;cursor:pointer;transition:all .18s;white-space:nowrap}.pq-hbtn-locked{border-color:#e5e7eb;background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.7}.pq-hbtn-avail{border-color:#7c3aed;background:#faf5ff;color:#6d28d9}.pq-hbtn-avail:hover{background:#7c3aed;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #7c3aed40}.pq-hbtn-done{border-color:#bbf7d0;background:#f0fdf4;color:#059669;cursor:default}.pq-hbtn-icon{font-size:.85rem}.pq-bubbles{display:flex;flex-direction:column;gap:.5rem}.pq-bubble{background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;padding:.7rem .875rem;animation:bubbleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes bubbleIn{0%{opacity:0;transform:scale(.93) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.pq-bubble-step{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;margin-bottom:.2rem}.pq-bubble-text{font-size:.84rem;color:#1e40af;line-height:1.55;margin:0;font-weight:500}.pq-solution-panel{display:flex;flex-direction:column;gap:.875rem;border-radius:12px;padding:1rem;animation:pqFadeUp .25s ease}.pq-sol-ok{background:#f0fdf4;border:1.5px solid #6ee7b7}.pq-sol-fail{background:#fff7ed;border:1.5px solid #fcd34d}.pq-sol-verdict{font-size:1rem;font-weight:800;color:#111827}.pq-sol-lbl{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.pq-sol-steps{display:flex;flex-direction:column;gap:.3rem}.pq-sol-line{font-size:.83rem;color:#374151;line-height:1.6;margin:0;padding-left:.5rem;border-left:3px solid #e5e7eb}.pq-nav{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1.5px solid #f3f4f6}.pq-nav-count{font-size:.8rem;font-weight:700;color:#9ca3af}.pq-nav-ghost{width:90px}.pq-nav-btn{padding:.5rem 1.125rem;border-radius:10px;border:1.5px solid #e5e7eb;background:#f9fafb;color:#374151;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .18s;min-width:90px}.pq-nav-btn:hover:not(:disabled){border-color:#06b6d4;color:#0891b2}.pq-nav-btn:disabled{opacity:.3;cursor:not-allowed}.pq-nav-next{background:#06b6d4;border-color:#06b6d4;color:#fff}.pq-nav-next:hover:not(:disabled){background:#0891b2;border-color:#0891b2;color:#fff!important}.pq-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;color:#9ca3af;font-size:.95rem;text-align:center}.non-verbal-reasoning-hub{animation:fadeIn .5s ease-in}.shapes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:2rem}.shape-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);border-top:4px solid var(--non-verbal-color)}.shape-card h4{color:var(--non-verbal-color);margin-bottom:1rem}.shape-card ul{list-style:none;padding:0}.shape-card li{padding:.5rem 0;color:var(--text-gray)}@media (max-width: 768px){.shapes-grid{grid-template-columns:1fr;gap:1.5rem}}.legal-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px 60px}.legal-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #0003}.legal-container h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px;border-bottom:3px solid #667eea;padding-bottom:15px}.last-updated{color:#718096;font-size:.9rem;font-style:italic;margin-bottom:30px}.legal-container section{margin-bottom:35px}.legal-container h2{color:#667eea;font-size:1.6rem;margin-top:30px;margin-bottom:15px}.legal-container h3{color:#4a5568;font-size:1.2rem;margin-top:20px;margin-bottom:10px}.legal-container p{color:#4a5568;line-height:1.8;margin-bottom:15px}.legal-container ul{margin-left:20px;margin-bottom:15px}.legal-container li{color:#4a5568;line-height:1.8;margin-bottom:8px}.legal-container a{color:#667eea;text-decoration:none;border-bottom:1px solid #667eea;transition:color .3s ease}.legal-container a:hover{color:#764ba2;border-bottom-color:#764ba2}.legal-container strong{color:#2d3748;font-weight:600}.cookie-table{overflow-x:auto;margin:20px 0}.cookie-table table{width:100%;border-collapse:collapse;background:#f7fafc;border-radius:8px;overflow:hidden}.cookie-table th{background:#667eea;color:#fff;padding:12px;text-align:left;font-weight:600}.cookie-table td{padding:12px;border-bottom:1px solid #e2e8f0;color:#4a5568}.cookie-table tr:last-child td{border-bottom:none}.cookie-table tbody tr:hover{background:#edf2f7}@media (max-width: 768px){.legal-page{padding:80px 15px 40px}.legal-container{padding:25px}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.4rem}.legal-container h3{font-size:1.1rem}.cookie-table{font-size:.85rem}.cookie-table th,.cookie-table td{padding:8px}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px 60px}.contact-container{max-width:700px;margin:0 auto}.contact-header{text-align:center;margin-bottom:40px}.contact-header h1{font-size:2.5rem;margin-bottom:10px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.contact-header p{font-size:1.1rem;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);font-weight:400}.contact-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #0003}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#2d3748;font-weight:600;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#fc8181}.form-group textarea{resize:vertical;min-height:120px}.error-message{color:#e53e3e;font-size:.85rem;margin-top:5px;font-weight:500}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-message{padding:15px 20px;border-radius:8px;font-weight:500;text-align:center;animation:slideIn .3s ease;margin:-10px 0 10px}.status-message.success{background:#f0fff4;color:#22543d;border:2px solid #48bb78}.status-message.error{background:#fff5f5;color:#742a2a;border:2px solid #f56565}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-note{color:#718096;font-size:.9rem;text-align:center;margin-top:-10px;line-height:1.5}@media (max-width: 640px){.contact-page{padding:80px 15px 40px}.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.contact-content{padding:25px}.form-row{grid-template-columns:1fr}}.resource-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px 60px}.resource-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #0003}.resource-container h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px;text-align:center}.page-subtitle{color:#718096;font-size:1.1rem;text-align:center;margin-bottom:40px}.resource-container section{margin-bottom:40px}.resource-container h2{color:#667eea;font-size:1.75rem;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.resource-container h3{color:#2d3748;font-size:1.2rem;margin-bottom:10px}.resource-container p{color:#4a5568;line-height:1.7;margin-bottom:15px}.feature-grid-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.feature-box{background:#f7fafc;padding:20px;border-radius:8px;border-top:3px solid #667eea;transition:transform .3s ease}.feature-box:hover{transform:translateY(-5px)}.feature-box h3{font-size:1.1rem;margin-bottom:8px}.feature-box p{font-size:.95rem;margin-bottom:0}.steps-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.step-simple{text-align:center;background:#f7fafc;padding:20px;border-radius:8px}.step-num{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;font-weight:700;line-height:40px;margin-bottom:10px}.step-simple p{margin:0;font-size:.95rem;color:#2d3748}.subject-grid-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.subject-box{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:20px;border-radius:8px;border-left:4px solid #667eea;text-decoration:none;display:block;transition:transform .3s ease}.subject-box:hover{transform:translateY(-5px)}.subject-box h3{color:#667eea;font-size:1.15rem;margin-bottom:8px}.subject-box p{color:#4a5568;font-size:.9rem;margin-bottom:0}.stats-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:30px 0}.stat-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px 20px;border-radius:8px;text-align:center}.stat-num{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{display:block;font-size:.9rem;opacity:.9}.difficulty-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.diff-box{padding:20px;border-radius:8px;border-left:4px solid}.diff-box.easy{background:#f0fff4;border-left-color:#48bb78}.diff-box.medium{background:#fffbeb;border-left-color:#f6ad55}.diff-box.advanced{background:#fff5f5;border-left-color:#f56565}.diff-box h3{margin-bottom:8px;font-size:1.1rem}.diff-box p{margin:0;font-size:.9rem;color:#4a5568}.topic-list-simple{list-style:none;margin:15px 0;padding:0}.topic-list-simple li{padding:10px 0;border-bottom:1px solid #e2e8f0;color:#2d3748}.topic-list-simple li:last-child{border-bottom:none}.topic-list-simple em{color:#718096;font-size:.9rem}.intro-simple{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:25px;border-radius:8px;margin-bottom:30px;border-left:4px solid #667eea;font-size:1.05rem;line-height:1.7;color:#2d3748}.method-simple{background:#f7fafc;padding:20px;border-radius:8px;margin-bottom:20px;border-left:3px solid #667eea}.method-simple h3{color:#667eea;font-size:1.15rem;margin-bottom:8px}.method-simple p{margin-bottom:5px;font-size:.95rem}.method-simple p strong{color:#2d3748}.universal-method{margin-top:40px}.method-highlight{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:30px;border-radius:8px}.method-highlight p{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:15px}.method-highlight ol{margin:0;padding-left:20px}.method-highlight li{color:#fff;font-size:1rem;margin-bottom:10px;line-height:1.6}.cta-simple{text-align:center;margin-top:50px;padding-top:30px;border-top:2px solid #e2e8f0}.btn-primary{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;margin:5px;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}@media (max-width: 768px){.resource-container{padding:30px 25px}.resource-container h1{font-size:2rem}.resource-container h2{font-size:1.5rem}.feature-grid-simple,.subject-grid-simple,.steps-simple{grid-template-columns:1fr}.stats-simple{grid-template-columns:repeat(2,1fr)}.difficulty-boxes{grid-template-columns:1fr}}@media (max-width: 480px){.resource-page{padding:80px 15px 40px}.resource-container{padding:25px 20px}.resource-container h1{font-size:1.75rem}.page-subtitle{font-size:1rem}.stats-simple{grid-template-columns:1fr}}.mock-test-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px 40px}.mock-test-container,.setup-container,.results-container,.history-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 30px #0003}.timer-container{background:#fff;border-radius:10px;padding:15px 20px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.timer-container.timer-green{border-left:4px solid #48bb78}.timer-container.timer-yellow{border-left:4px solid #f6ad55;background:#fffbeb}.timer-container.timer-red{border-left:4px solid #f56565;background:#fff5f5;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.timer-main{display:flex;align-items:center;gap:15px}.timer-icon{font-size:1.5rem}.timer-display{flex:1}.timer-remaining{display:flex;align-items:baseline;gap:8px}.timer-label{font-size:.8rem;color:#718096;font-weight:600}.timer-value{font-size:1.5rem;font-weight:700;color:#2d3748}.timer-elapsed{display:flex;align-items:baseline;gap:6px;margin-top:2px}.timer-label-small{font-size:.7rem;color:#a0aec0}.timer-value-small{font-size:.9rem;color:#718096}.timer-progress{height:6px;background:#e2e8f0;border-radius:3px;margin-top:10px;overflow:hidden}.timer-progress-bar{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);transition:width 1s linear,background .3s ease}.timer-red .timer-progress-bar{background:linear-gradient(90deg,#f56565,#e53e3e)}.timer-yellow .timer-progress-bar{background:linear-gradient(90deg,#f6ad55,#ed8936)}.timer-paused-badge{position:absolute;top:-10px;right:20px;background:#4299e1;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #4299e14d}.question-navigator{background:#f7fafc;border-radius:10px;padding:20px}.nav-title{font-size:1.1rem;color:#2d3748;margin-bottom:15px}.nav-legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;font-size:.85rem}.legend-item{display:flex;align-items:center;gap:6px;color:#4a5568}.legend-box{width:20px;height:20px;border-radius:4px;border:2px solid #cbd5e0;background:#fff}.legend-box.current{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.legend-box.answered{background:#48bb78;border-color:#48bb78}.legend-box.flagged:after{content:"🚩";font-size:12px}.nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:8px;margin-bottom:20px}.nav-question{padding:10px;border:2px solid #cbd5e0;background:#fff;border-radius:6px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease;position:relative}.nav-question:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.nav-question.current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.nav-question.answered{background:#f0fff4;border-color:#48bb78;color:#22543d}.nav-question.flagged:after{content:"🚩";position:absolute;top:2px;right:2px;font-size:10px}.nav-stats{display:flex;justify-content:space-around;padding-top:15px;border-top:2px solid #e2e8f0}.nav-stats .stat{text-align:center}.nav-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#2d3748}.nav-stats .stat-label{display:block;font-size:.75rem;color:#718096;margin-top:4px}.setup-header{text-align:center;margin-bottom:40px;position:relative}.setup-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px}.setup-header p{color:#718096;font-size:1.1rem}.btn-history{position:absolute;top:0;right:0;background:#fff;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-history:hover{background:#667eea;color:#fff}.setup-form{max-width:700px;margin:0 auto}.form-section{margin-bottom:30px}.form-label{display:block;font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:12px}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.option-btn{padding:15px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.option-btn:hover{border-color:#667eea;transform:translateY(-2px)}.option-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.slider{width:100%;height:8px;border-radius:4px;background:#e2e8f0;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.9rem;color:#718096}.select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:600;color:#2d3748;background:#fff;cursor:pointer}.test-summary{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:25px;border-radius:10px;margin:30px 0}.test-summary h3{color:#2d3748;margin-bottom:15px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.summary-item{display:flex;justify-content:space-between;padding:10px;background:#fff;border-radius:6px}.summary-label{color:#718096;font-weight:600}.summary-value{color:#2d3748;font-weight:700}.btn-start{width:100%;padding:18px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.btn-start:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #48bb7866}.btn-start:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{color:#f56565;text-align:center;margin-top:10px;font-weight:600}.quick-links{text-align:center;margin-top:30px}.test-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.test-info h2{color:#2d3748;font-size:1.5rem;margin-bottom:5px}.test-info p{color:#718096;font-size:.95rem}.test-controls{display:flex;gap:10px}.btn-control{padding:10px 18px;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-control:hover{background:#667eea;color:#fff}.test-progress{background:#e2e8f0;height:10px;border-radius:5px;overflow:hidden;position:relative;margin-bottom:30px}.progress-bar{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#2d3748}.test-content{display:grid;grid-template-columns:1fr;gap:20px}.question-panel{background:#f7fafc;padding:30px;border-radius:10px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.question-number{font-size:1.1rem;font-weight:700;color:#667eea}.btn-flag{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#718096;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-flag:hover{border-color:#f6ad55}.btn-flag.flagged{background:#fff5f5;border-color:#f56565;color:#f56565}.question-text{font-size:1.3rem;color:#2d3748;line-height:1.7;margin-bottom:25px;font-weight:500}.options{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.option{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease}.option:hover{border-color:#667eea;transform:translate(5px)}.option.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.option-letter{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#edf2f7;border-radius:50%;font-weight:700;color:#2d3748;flex-shrink:0}.option.selected .option-letter{background:#fff3;color:#fff}.option-text{flex:1;font-size:1.05rem;font-weight:500}.question-navigation{display:flex;justify-content:space-between;gap:15px}.btn-nav{flex:1;padding:12px 24px;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-nav:hover:not(:disabled){background:#667eea;color:#fff}.btn-nav:disabled{opacity:.4;cursor:not-allowed}.btn-submit{flex:1;padding:12px 24px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 15px #48bb7866}.navigator-panel{position:sticky;top:100px}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.pause-message{background:#fff;padding:50px;border-radius:12px;text-align:center;max-width:400px}.pause-message h2{color:#2d3748;margin-bottom:15px}.pause-message p{color:#718096;margin-bottom:25px}.results-header{text-align:center;margin-bottom:30px}.results-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px}.results-subtitle{color:#718096;font-size:1.1rem}.score-display{text-align:center;padding:40px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;margin-bottom:40px}.score-circle{display:inline-block;padding:30px}.score-number{font-size:4rem;font-weight:700;display:block}.score-label{font-size:1.1rem;color:#718096;display:block;margin-top:10px}.score-feedback{font-size:1.2rem;font-weight:600;margin-top:20px}.score-excellent .score-number{color:#48bb78}.score-good .score-number{color:#4299e1}.score-average .score-number{color:#f6ad55}.score-poor .score-number{color:#f56565}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:25px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-value{font-size:2rem;font-weight:700;color:#2d3748;display:block;margin-bottom:5px}.stat-label{color:#718096;font-size:.95rem}.flagged-info{background:#fff5f5;border-left:4px solid #f56565;padding:15px 20px;border-radius:8px;margin-bottom:30px;display:flex;align-items:center;gap:10px}.flag-icon{font-size:1.5rem}.results-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.review-header h2{color:#2d3748}.btn-close{padding:10px 20px;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:8px;font-weight:600;cursor:pointer}.review-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.review-counter{font-size:1.1rem;font-weight:600;color:#2d3748}.review-nav-buttons{display:flex;gap:10px}.review-question{background:#f7fafc;padding:30px;border-radius:10px;margin-bottom:25px;border-left:4px solid #e2e8f0}.review-question.correct{background:#f0fff4;border-left-color:#48bb78}.review-question.incorrect{background:#fff5f5;border-left-color:#f56565}.review-status{display:flex;gap:10px;margin-bottom:20px}.status-badge{padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:600}.status-badge.correct{background:#48bb78;color:#fff}.status-badge.incorrect{background:#f56565;color:#fff}.status-badge.flagged{background:#f6ad55;color:#fff}.review-options{margin:25px 0}.review-option{display:flex;align-items:center;gap:15px;padding:18px;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:12px;background:#fff}.review-option.correct-answer{background:#f0fff4;border-color:#48bb78}.review-option.user-wrong-answer{background:#fff5f5;border-color:#f56565}.answer-label{margin-left:auto;font-size:.85rem;font-weight:700;padding:4px 10px;border-radius:12px}.review-option.correct-answer .answer-label{background:#48bb78;color:#fff}.review-option.user-wrong-answer .answer-label{background:#f56565;color:#fff}.unanswered-notice{background:#fff7ed;border:2px solid #f6ad55;padding:15px;border-radius:8px;color:#7c2d12;font-weight:600;text-align:center}.working-out{background:#edf2f7;padding:20px;border-radius:8px;margin-top:20px}.working-out h4{color:#2d3748;margin-bottom:10px}.working-out p{color:#4a5568;line-height:1.7}.review-progress{margin-top:30px}.progress-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid #cbd5e0;background:#fff;cursor:pointer;transition:all .2s ease}.progress-dot:hover{transform:scale(1.3)}.progress-dot.current{background:#667eea;border-color:#667eea;transform:scale(1.4)}.progress-dot.correct{background:#48bb78;border-color:#48bb78}.progress-dot.incorrect{background:#f56565;border-color:#f56565}.progress-dot.unanswered{background:#f6ad55;border-color:#f6ad55}.history-header{text-align:center;margin-bottom:40px}.history-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px}.history-header p{color:#718096;font-size:1.1rem}.overall-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.history-filters{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.filter-btn{padding:10px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.history-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.history-item{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.history-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.history-item-header h3{color:#2d3748;font-size:1.2rem}.test-date{color:#a0aec0;font-size:.85rem;display:block;margin-top:5px}.test-score{font-size:2rem;font-weight:700;padding:10px 20px;border-radius:8px}.history-item-body{display:flex;justify-content:space-between;align-items:center;gap:20px}.test-details{display:flex;flex-wrap:wrap;gap:15px}.detail-item{display:flex;align-items:center;gap:6px;color:#4a5568;font-size:.9rem}.detail-icon{font-size:1.1rem}.btn-view{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.btn-view:hover{background:#764ba2;transform:translate(5px)}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:5rem;margin-bottom:20px;opacity:.5}.empty-state h3{color:#2d3748;font-size:1.5rem;margin-bottom:10px}.empty-state p{color:#718096;margin-bottom:30px}.history-actions{text-align:center;margin-top:30px}.btn-danger{background:#f56565;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:hover{background:#e53e3e}.history-footer{display:flex;justify-content:center;gap:15px;margin-top:30px}.btn-primary{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.btn-secondary{padding:12px 30px;background:#fff;border:2px solid #667eea;color:#667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff}.multi-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.subject-checkbox{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#fff;border:3px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.subject-checkbox:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.subject-checkbox.checked{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#e8ecff);box-shadow:0 4px 15px #667eea4d}.checkbox-icon{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;background:#fff;transition:all .3s ease}.subject-checkbox.checked .checkbox-icon{background:#667eea;border-color:#667eea;color:#fff}.subject-icon{font-size:2.5rem}.subject-name{font-size:1.1rem;font-weight:600;color:#1e293b;text-align:center}.topic-count{font-size:.85rem;color:#64748b;padding:.25rem .75rem;background:#f1f5f9;border-radius:12px}.selected-topics-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #38bdf8;border-radius:12px;padding:1.5rem;margin-top:1rem}.selected-topics-info strong{display:block;margin-bottom:1rem;color:#0c4a6e;font-size:1.05rem}.topics-list{display:flex;flex-direction:column;gap:.75rem}.subject-topics{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.subject-label{font-weight:600;color:#0369a1;min-width:120px}.topics{color:#475569;font-size:.95rem}.summary-section{margin-top:2rem}.test-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #fbbf24;border-radius:16px;padding:2rem;margin-bottom:1.5rem}.test-summary h3{font-size:1.5rem;color:#78350f;margin-bottom:1.5rem;text-align:center}.summary-details{display:grid;gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffffb3;border-radius:8px}.summary-label{font-weight:600;color:#92400e}.summary-value{font-weight:700;color:#1e293b}.btn-start{width:100%;padding:1.25rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-start:disabled{opacity:.5;cursor:not-allowed}.warning-text{text-align:center;color:#dc2626;font-weight:600;margin-top:1rem}@media (max-width: 968px){.test-header{flex-direction:column;align-items:stretch}.test-controls{width:100%;justify-content:space-between}.navigator-panel{position:static}.summary-grid{grid-template-columns:1fr}}@media (max-width: 640px){.mock-test-page{padding:80px 15px 30px}.mock-test-container,.setup-container,.results-container,.history-container{padding:25px 20px}.setup-header h1,.results-header h1,.history-header h1{font-size:2rem}.option-grid{grid-template-columns:1fr}.score-number{font-size:3rem}.results-stats{grid-template-columns:repeat(2,1fr)}.question-navigation,.results-actions,.history-footer{flex-direction:column}.btn-history{position:static;margin-top:15px;width:100%}.history-item-body{flex-direction:column;align-items:stretch}.test-details{flex-direction:column}.btn-view{width:100%}}@media (max-width: 480px){.results-stats{grid-template-columns:1fr}.nav-grid{grid-template-columns:repeat(5,1fr)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--success: #10b981;--warning: #f59e0b;--info: #06b6d4;--maths-color: #f59e0b;--english-color: #ec4899;--verbal-color: #8b5cf6;--non-verbal-color: #06b6d4;--bg-light: #f8fafc;--bg-white: #ffffff;--text-dark: #1e293b;--text-gray: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}body{font-family:var(--font-sans);background:var(--bg-light);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 1rem;max-width:1400px;width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-dark)}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:.875rem}h3{font-size:1.5rem;margin-bottom:.75rem}h4{font-size:1.25rem;margin-bottom:.625rem}p{margin-bottom:1rem;color:var(--text-gray)}button{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:var(--radius);padding:.625rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0)}a{text-decoration:none;color:var(--primary);transition:color .2s}a:hover{color:var(--primary-dark)}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-xl)}.page-header h1{color:#fff;margin-bottom:.5rem}.page-subtitle{font-size:1.125rem;color:#ffffffe6;max-width:600px;margin:0 auto}.section{margin-bottom:4rem}.section-title{text-align:center;margin-bottom:2rem;color:var(--text-dark);position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(to right,var(--primary),var(--accent));border-radius:2px}.card{background:var(--bg-white);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:all .3s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.main-content{padding:1rem .75rem}.page-header{padding:1.5rem 1rem;margin-bottom:2rem}.section{margin-bottom:2.5rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}