:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#059669;--accent:#dc2626;--background:#fff;--surface:#f8fafc;--surface-elevated:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--success:#059669;--warning:#d97706;--error:#dc2626;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius:6px;--radius-lg:8px;--max-width:1000px;--shadow:0 1px 3px #0000001a;--shadow-lg:0 4px 6px #0000001a}[data-theme=dark]{--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#10b981;--accent:#ef4444;--background:#0f172a;--surface:#1e293b;--surface-elevated:#334155;--border:#475569;--border-light:#64748b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow:0 1px 3px #0000004d;--shadow-lg:0 4px 6px #0006}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s}body{color:var(--text-primary);background-color:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.main-container{flex-direction:column;min-height:100vh;display:flex}.content{max-width:var(--max-width);padding:var(--space-lg);flex:1;width:100%;margin:0 auto}.site-header{background:var(--surface-elevated);border-bottom:1px solid var(--border);z-index:100;position:sticky;top:0}.header-content{max-width:var(--max-width);padding:1rem var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.home-link{color:inherit;text-decoration:none}.brand-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.main-nav{align-items:center;gap:var(--space-md);display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.downloads-counter{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;font-size:.9rem;font-weight:600}.downloads-count{color:var(--primary);font-weight:700}.main-content-area{max-width:var(--max-width);padding:var(--space-lg);margin:0 auto}.worksheet-generator{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden}.worksheet-generator .hero{background:var(--surface);padding:var(--space-xl);text-align:center;border-bottom:1px solid var(--border)}.worksheet-generator .hero h1{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:2rem;font-weight:700}.worksheet-generator .hero p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1.1rem}.downloads-info{justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-lg)0;display:flex}.downloads-remaining{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.5rem;font-size:.95rem;font-weight:600}.bonus-button{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s}.bonus-button:hover{background:var(--primary-hover)}.settings-panel{padding:var(--space-xl);background:var(--background)}.settings-panel h3{color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center;font-size:1.3rem;font-weight:600}.settings-options{gap:var(--space-xl);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.form-group{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.form-group input,.form-group select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);color:var(--text-primary);padding:.75rem;font-size:.95rem}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.checkbox-group{gap:var(--space-sm);margin:var(--space-sm)0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.checkbox-label{align-items:center;gap:var(--space-xs);cursor:pointer;border-radius:var(--radius);color:var(--text-primary);padding:.5rem;font-weight:500;transition:background-color .2s;display:flex}.checkbox-label:hover{background:var(--surface)}.checkbox-label input{width:16px;height:16px;accent-color:var(--primary)}.include-word-problems{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.include-word-problems .checkbox-label{margin-bottom:1rem;font-weight:600;line-height:1.4;display:block}.include-word-problems .checkbox-label input{vertical-align:top;width:18px;height:18px;margin-top:.2rem;margin-right:.75rem}.include-word-problems .checkbox-text{vertical-align:top;width:calc(100% - 30px);display:inline-block}.word-problems-options{background:var(--surface-elevated);border:1px solid var(--border);border-radius:6px;margin-top:1rem;padding:1rem}.percentage-slider{width:100%;margin:.5rem 0}.percentage-value{text-align:center;color:var(--primary);margin-top:.5rem;font-weight:600}.generate-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border);justify-content:center;display:flex}.generate-button{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;min-width:200px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:background-color .2s}.generate-button:hover:not(:disabled){background:var(--primary-hover)}.generate-button:disabled{background:var(--border);cursor:not-allowed}.worksheet-panel{padding:var(--space-xl);border-top:1px solid var(--border);background:var(--background)}.panel-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.panel-header h3{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:600}.problems-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.problem-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md)}.problem-number{color:var(--primary);margin-bottom:var(--space-xs);font-weight:700}.problem-question{color:var(--text-primary);margin-bottom:var(--space-sm);line-height:1.4}.problem-answer{color:var(--text-muted);padding-top:var(--space-xs);border-top:1px dashed var(--border);font-size:.9rem}.download-section{padding:var(--space-xl);border-top:1px solid var(--border);text-align:center;background:var(--background)}.download-button{background:var(--secondary);color:#fff;border-radius:var(--radius);cursor:pointer;margin-bottom:var(--space-lg);border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:background-color .2s}.download-button:hover:not(:disabled){background:#047857}.download-button:disabled{background:var(--border);cursor:not-allowed}.download-info{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:400px;margin:0 auto;display:grid}.info-item{text-align:center;padding:var(--space-md);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.info-title{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.info-desc{color:var(--text-secondary);font-size:.9rem}.operation-symbol{color:var(--primary);margin:0 6px;font-size:18px;font-weight:700}.shape-with-cross{text-align:center;min-width:18px;font-size:16px;display:inline-block;position:relative}.cross{color:var(--error);font-family:Arial,sans-serif;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subtraction-explanation,.multiplication-explanation{color:var(--text-muted);text-align:center;margin-top:4px;font-size:11px;font-style:italic}.multiplication-groups{flex-direction:column;align-items:center;gap:10px;display:flex}.multiplication-group{background:var(--surface-elevated);border:1px dashed var(--border);border-radius:4px;flex-direction:column;align-items:center;min-width:85px;padding:8px;display:flex}.multiplication-label{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:12px;font-weight:600}.shape{text-align:center;min-width:18px;font-family:Arial,sans-serif;font-size:16px;line-height:1;display:inline-block}.shapes-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:140px;min-height:28px;padding:2px;display:flex}.main-content{flex-direction:column;min-height:calc(100vh - 64px);display:flex}.page-container{flex:1}@media (max-width:768px){.header-content,.main-content-area{padding:1rem}.settings-options{grid-template-columns:1fr}.downloads-info{flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.downloads-remaining{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:.75rem 1.5rem;font-weight:600}.bonus-button{background:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s}.bonus-button:hover{background:#047857}.problems-grid,.download-info{grid-template-columns:1fr}.footer-links{gap:var(--space-sm);flex-direction:column}.main-nav{gap:1rem}.nav-link{font-size:.9rem}}.footer-container a,.footer-container a:visited{color:#fff;text-decoration:none}.dark-mode-toggle{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.dark-mode-toggle:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.dark-mode-toggle:active{transform:scale(.95)}.contact-page-container{background:var(--background);min-height:100vh;padding:2rem 1rem}.contact-content-wrapper{max-width:1200px;margin:0 auto}.contact-content-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:2rem}.contact-page-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2rem,5vw,2.5rem);font-weight:700}.contact-section{margin-bottom:2rem}.contact-section-title{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:600}.contact-description{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.1rem);line-height:1.6}.contact-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.contact-grid{grid-template-columns:1fr 1fr;gap:3rem}.contact-page-container{padding:3rem 1.5rem}.contact-content-card{padding:3rem}}.contact-subsection-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.contact-success-message{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.contact-error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-textarea{border:1px solid var(--border);background:var(--background);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:120px;padding:.875rem;font-family:inherit;font-size:1rem}.contact-submit-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-weight:600;transition:background-color .2s}.contact-submit-button:hover:not(:disabled){background:var(--primary-hover)}.contact-submit-button:disabled{background:var(--border);cursor:not-allowed}.contact-resources-stack{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.contact-resource-card{border-radius:8px;padding:1.5rem;transition:transform .2s}.contact-resource-card:hover{transform:translateY(-2px)}.contact-resource-blue{background:#dbeafe}[data-theme=dark] .contact-resource-blue{background:#1e3a5f}.contact-resource-purple{background:#f3e8ff}[data-theme=dark] .contact-resource-purple{background:#3d2d5f}.contact-resource-orange{background:#ffedd5}[data-theme=dark] .Left-resource-orange{background:#5f3d1e}.contact-resource-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.contact-resource-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.contact-resource-link{color:var(--primary);font-weight:500;text-decoration:none}.contact-resource-link:hover{text-decoration:underline}.contact-response-info{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.contact-info-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.contact-info-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.contact-info-note{color:var(--text-muted);font-size:.875rem;font-style:italic;line-height:1.5}.about-page{background:var(--background);min-height:100vh;padding:2rem 0}.about-container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.about-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:2rem}.about-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.about-section{margin-bottom:2rem}.about-section-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.75rem;font-weight:600}.about-text{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.about-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.about-feature-card{border-radius:6px;padding:1.5rem}.about-feature-blue{background:#dbeafe}[data-theme=dark] .about-feature-blue{background:#1e3a5f}.about-feature-green{background:#dcfce7}[data-theme=dark] .about-feature-green{background:#1e5f3a}.about-feature-purple{background:#f3e8ff}[data-theme=dark] .about-feature-purple{background:#3d2d5f}.about-feature-orange{background:#ffedd5}[data-theme=dark] .about-feature-orange{background:#5f3d1e}.about-feature-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.about-feature-text{color:var(--text-secondary);line-height:1.5}.about-list{color:var(--text-secondary);padding-left:1.5rem;line-height:1.6;list-style:outside}.about-list-item{margin-bottom:.5rem}.about-cta-section{text-align:center;border-top:1px solid var(--border);padding-top:2rem}.about-cta-button{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.about-cta-button:hover{background:var(--primary-hover)}.container{max-width:900px;font-family:var(--font-family);margin:0 auto;padding:30px 16px}.title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:32px;font-weight:800}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:30px;font-size:16px}.section-title{color:var(--text-primary);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-top:40px;margin-bottom:20px;padding-bottom:8px;font-size:24px;font-weight:700;display:flex}.preview-controls{gap:20px;display:flex}.toggle-answers{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}.card{background:var(--surface-elevated);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:16px;padding:24px}.controls-card{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;display:flex}.control-group{flex-direction:column;gap:8px;min-width:200px;display:flex}.label{color:var(--text-primary);font-size:14px;font-weight:600}.helper-text{color:var(--text-muted);font-size:12px;font-style:italic}.input-field{border:2px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:16px;transition:border-color .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.checkbox-group{flex-direction:column;gap:8px;display:flex}.checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-input{width:16px;height:16px;accent-color:var(--primary)}.checkbox-text{color:var(--text-primary)}.generate-button{background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.generate-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.generate-button:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preview-card{min-height:200px}.preview-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:8px;font-size:18px;font-weight:700}.problem-grid{grid-template-columns:1fr;gap:20px;display:grid}.problem-item{color:var(--text-primary);border-left:3px solid var(--primary);background:var(--surface);border-radius:6px;flex-direction:column;gap:8px;padding:16px;font-size:15px;display:flex}.problem-number{color:var(--primary);font-weight:600}.problem-text{color:var(--text-primary);line-height:1.4}.answer-line{color:var(--text-secondary);border-top:1px dashed var(--border);align-items:center;gap:8px;margin-top:4px;padding-top:8px;font-size:12px;display:flex}.answer-label{color:var(--text-primary);font-weight:600}.answer-value{color:var(--error);font-weight:700}.answer-underline{border-bottom:1px solid var(--text-primary);flex:1;min-width:60px;height:16px;margin-left:5px}.visual-container{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:12px 0;padding:12px;display:flex}.visual-group{background:var(--background);border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;min-width:80px;padding:8px;display:flex}.shapes-row{flex-wrap:wrap;justify-content:center;gap:4px;max-width:150px;min-height:24px;display:flex}.shape{color:var(--text-primary);font-size:20px;line-height:1;display:inline-block}.shape-with-cross{color:var(--text-primary);font-size:20px;line-height:1;display:inline-block;position:relative}.cross{color:var(--error);font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.group-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600}.operation-symbol{color:var(--primary);font-size:20px;font-weight:700}.count-hint{color:var(--text-muted);font-size:11px;font-style:italic}.subtraction-explanation{color:var(--text-muted);margin-top:6px;font-size:11px;font-style:italic}.limit-card{text-align:center;background:var(--surface);border:2px solid var(--primary);max-width:600px;margin:0 auto;padding:40px 32px}.limit-title{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:700}.limit-description{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.6}.limit-button{background:var(--primary);box-shadow:var(--shadow-md);margin:0 auto}.limit-button:hover{background:var(--primary-hover)}.limit-note{color:var(--text-muted);margin-top:12px;font-size:13px;font-style:italic}.download-wrapper{justify-content:center;width:100%;display:flex}.toggle-answers input[type=checkbox]{accent-color:var(--primary)}.helper-text,.count-hint,.subtraction-explanation,.limit-note,.generate-button:disabled{color:var(--text-muted)}@media (max-width:640px){.controls-card{flex-direction:column;align-items:stretch}.title{font-size:28px}.subtitle{font-size:14px}.control-group{min-width:100%}.section-title{flex-direction:column;align-items:flex-start;gap:10px}.preview-controls{flex-direction:column;gap:10px}.limit-card{padding:32px 20px}.limit-title{font-size:20px}.visual-container{gap:8px}.visual-group{min-width:60px}}.home-page{background:var(--background);min-height:100vh}.main-content-area{background:var(--background);max-width:1000px;margin:0 auto;padding:2rem 1.5rem}@media (max-width:768px){.main-content-area{padding:1rem}}html,body{background:var(--background);min-height:100vh}.download-card{background:var(--surface-elevated);box-shadow:var(--shadow-lg);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;max-width:500px;margin:0 auto;padding:32px 24px;display:flex;position:relative}.download-title{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.download-description{color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:1.5}.bonus-prompt{background:linear-gradient(135deg,#fef3c7,#fef7cd);border:2px solid #f59e0b;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:16px;animation:2s infinite pulse;display:flex}[data-theme=dark] .bonus-prompt{background:linear-gradient(135deg,#78350f,#92400e);border-color:#d97706}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.prompt-text{color:#92400e;text-align:left;flex:1;font-size:14px}[data-theme=dark] .prompt-text{color:#fef3c7}.bonus-button{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.bonus-button:hover{background:#d97706;transform:translateY(-1px)}.download-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:280px;min-height:48px;margin-bottom:12px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #10b9814d}.download-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #10b98166}.download-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}[data-theme=dark] .download-button:disabled{background:var(--border);color:var(--text-muted)}.download-note{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4}@media (max-width:640px){.download-card{padding:24px 16px}.bonus-prompt{text-align:center;flex-direction:column;gap:8px}.prompt-text{text-align:center}}.practice-badge{color:#fff;border-radius:25px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-block}.practice-badge-purple{background:#7c3aed}.practice-badge-red{background:#dc2626}.practice-badge-orange{background:#d97706}.practice-badge-blue{background:#2563eb}.practice-badge-green{background:#047857}.practice-badge-light-green{background:#059669}.practice-title{color:var(--text-primary);margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.practice-subtitle{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.practice-subtitle-purple{color:#7c3aed}.practice-subtitle-red{color:#dc2626}.practice-subtitle-orange{color:#d97706}.practice-subtitle-blue{color:#2563eb}.practice-subtitle-green{color:#047857}.practice-subtitle-light-green{color:#059669}.practice-description{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.practice-features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.practice-card-center{text-align:center;box-shadow:0 2px 8px #0000000d}.practice-card-icon{margin-bottom:.5rem;font-size:2rem}.practice-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.practice-card-text{color:var(--text-secondary);font-size:.875rem}.practice-cta-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.practice-button{color:#fff;border:none;border-radius:8px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.practice-button-purple{background:#7c3aed}.practice-button-purple:hover{background:#6d28d9}.practice-button-red{background:#dc2626}.practice-button-red:hover{background:#b91c1c}.practice-button-orange{background:#d97706}.practice-button-orange:hover{background:#b45309}.practice-button-blue{background:#2563eb}.practice-button-blue:hover{background:#1d4ed8}.practice-button-green{background:#047857}.practice-button-green:hover{background:#065f46}.practice-button-light-green{background:#059669}.practice-button-light-green:hover{background:#047857}.practice-info-box{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.practice-section{margin-bottom:4rem}.practice-section-title{color:var(--text-primary);text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.practice-section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.practice-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.practice-card-heading{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.practice-bullet{align-items:flex-start;margin-bottom:.75rem;display:flex}.practice-bullet-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.5rem;margin-right:.75rem}.practice-bullet-dot-purple{background:#7c3aed}.practice-bullet-dot-red{background:#dc2626}.practice-bullet-dot-orange{background:#d97706}.practice-bullet-dot-blue{background:#2563eb}.practice-bullet-dot-green{background:#047857}.practice-bullet-dot-light-green{background:#059669}.practice-bullet-text{color:var(--text-secondary)}.practice-grade-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.practice-grade-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1rem;font-size:1.25rem;font-weight:700;display:flex}.practice-grade-badge-purple{background:#7c3aed}.practice-grade-badge-red{background:#dc2626}.practice-grade-badge-orange{background:#d97706}.practice-grade-badge-blue{background:#2563eb}.practice-grade-badge-green{background:#047857}.practice-grade-badge-light-green{background:#059669}.practice-grade-title{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.practice-grade-focus{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.practice-worksheet-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.practice-worksheet-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.practice-worksheet-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.practice-count-badge{color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.practice-count-badge-purple{background:#7c3aed}.practice-count-badge-red{background:#dc2626}.practice-count-badge-orange{background:#d97706}.practice-count-badge-blue{background:#2563eb}.practice-count-badge-green{background:#047857}.practice-count-badge-light-green{background:#059669}.practice-worksheet-desc{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.practice-worksheet-grades{font-size:.875rem;font-weight:600}.practice-worksheet-grades-purple{color:#7c3aed}.practice-worksheet-grades-red{color:#dc2626}.practice-worksheet-grades-orange{color:#d97706}.practice-worksheet-grades-blue{color:#2563eb}.practice-worksheet-grades-green{color:#047857}.practice-worksheet-grades-light-green{color:#059669}.practice-faq-container{max-width:800px;margin:0 auto}.practice-faq-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:2rem}.practice-faq-question{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.practice-faq-answer{color:var(--text-secondary);margin:0;line-height:1.6}.practice-cta-section{margin-bottom:4rem}.practice-cta-box{color:#fff;text-align:center;border-radius:16px;padding:4rem 2rem}.practice-cta-box-purple{background:#7c3aed}.practice-cta-box-red{background:#dc2626}.practice-cta-box-orange{background:#d97706}.practice-cta-box-blue{background:#2563eb}.practice-cta-box-green{background:#047857}.practice-cta-box-light-green{background:#059669}.practice-cta-title{margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.practice-cta-text{color:#ffffffe6;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.practice-cta-button{background:#fff;border:none;border-radius:8px;padding:1.25rem 3rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-block}.practice-cta-button-purple{color:#7c3aed}.practice-cta-button-red{color:#dc2626}.practice-cta-button-orange{color:#d97706}.practice-cta-button-blue{color:#2563eb}.practice-cta-button-green{color:#047857}.practice-cta-button-light-green{color:#059669}.practice-cta-note{color:#fffc;margin:0;font-size:.875rem}.practice-nav-section{margin-bottom:2rem}.practice-nav-title{color:var(--text-primary);text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.practice-nav-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.practice-nav-card{background:var(--surface-elevated);border:1px solid var(--border);text-align:center;border-radius:12px;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.practice-nav-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.practice-nav-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;display:flex}.practice-nav-icon-purple{background:#7c3aed}.practice-nav-icon-red{background:#dc2626}.practice-nav-icon-orange{background:#d97706}.practice-nav-icon-blue{background:#2563eb}.practice-nav-icon-green{background:#047857}.practice-nav-icon-light-green{background:#059669}.practice-nav-label{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.practice-nav-desc{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.practice-title{font-size:2rem}.practice-subtitle{font-size:1.25rem}.practice-section-title{font-size:2rem}}.main-content-area,.content,.practice-container{max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-lg)!important}.practice-cta-container{flex-direction:column;align-items:center;display:flex;gap:1.5rem!important;margin-top:2rem!important}.practice-hero{text-align:center;margin-bottom:3rem;padding:3rem 0}.practice-features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:800px;margin:0 auto;display:grid;margin-bottom:3rem!important}.practice-section,.practice-cta-section{padding:0 var(--space-md);margin-bottom:4rem}.practice-nav-section{padding:0 var(--space-md);margin-bottom:2rem}.practice-hero .practice-description{margin-bottom:3rem!important}@media (max-width:768px){.practice-cta-container{gap:1.25rem!important;margin-top:1.5rem!important}.practice-features-grid{gap:1.25rem;margin-bottom:2.5rem!important}.practice-hero .practice-description{margin-bottom:2.5rem!important}}@media (max-width:480px){.practice-grid,.practice-features-grid,.practice-grade-grid,.practice-nav-grid,.practice-faq-container{grid-template-columns:1fr!important;gap:1rem!important}.practice-worksheet-card{padding:1.25rem 1rem!important}.practice-worksheet-header{flex-direction:column;align-items:flex-start;gap:.5rem}.practice-count-badge{align-self:flex-start}.about-grid,.contact-grid{grid-template-columns:1fr!important}.about-feature-card,.contact-resource-card{padding:1.25rem 1rem!important}.header-content{flex-direction:column;gap:1rem;padding:.75rem 1rem}.main-nav{flex-wrap:wrap;justify-content:center;gap:.75rem}.nav-link{font-size:.85rem}.practice-title{line-height:1.3;font-size:1.75rem!important}.practice-subtitle{font-size:1.125rem!important}.practice-section-title{font-size:1.5rem!important}.practice-card-heading,.practice-worksheet-title,.practice-faq-question{font-size:1.125rem!important}.practice-button,.practice-cta-button{text-align:center;width:100%;padding:1rem 1.5rem;font-size:1rem}.practice-hero{padding:2rem 0!important}.practice-section,.practice-cta-section{margin-bottom:2.5rem!important;padding:0 .75rem!important}.practice-info-box{text-align:center;padding:.5rem 1rem;font-size:.8rem}.main-content-area,.content,.practice-container{padding:1rem!important}.practice-cta-box{padding:2.5rem 1.5rem!important}.practice-cta-title{font-size:1.75rem!important}.practice-cta-text{font-size:1.125rem!important}.container{padding:15px 12px!important}.title{line-height:1.3;margin-bottom:.5rem!important;font-size:1.5rem!important}.subtitle{margin-bottom:1.5rem!important;font-size:.9rem!important}.section-title{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:2rem!important;margin-bottom:1rem!important;font-size:1.25rem!important}.preview-controls{flex-direction:column;gap:.5rem;width:100%}.toggle-answers{justify-content:space-between;width:100%;font-size:.85rem}.card{padding:1.25rem!important}.controls-card{gap:1rem!important}.control-group{min-width:100%!important;margin-bottom:1.25rem!important}.checkbox-group{grid-template-columns:1fr!important;gap:.5rem!important}.checkbox-label{padding:.375rem;font-size:.85rem}.input-field,.generate-button{font-size:.9rem!important}.generate-button{min-height:44px;padding:.875rem 1.25rem!important;font-size:.95rem!important}.preview-card{padding:1.25rem 1rem!important}.preview-title{margin-bottom:1rem!important;font-size:1.125rem!important}.problem-grid{gap:1rem!important}.problem-item{padding:1rem!important;font-size:.9rem!important}.answer-line{font-size:.8rem!important}.limit-card{padding:1.5rem 1rem!important}.limit-title{font-size:1.25rem!important}.limit-description{font-size:.9rem!important}.visual-container{flex-direction:column;gap:.5rem;padding:.75rem!important}.visual-group{min-width:60px!important;padding:.5rem!important}.shapes-row{max-width:120px!important}.shape,.operation-symbol{font-size:16px!important}}@media (max-width:360px){.practice-title{font-size:1.5rem!important}.practice-subtitle{font-size:1rem!important}.practice-section-title{font-size:1.25rem!important}.practice-card,.practice-worksheet-card,.practice-faq-card{padding:1rem .75rem!important}.practice-badge,.practice-grade-badge,.practice-nav-icon,.practice-count-badge{padding:.375rem .75rem!important;font-size:.75rem!important}.practice-grade-badge,.practice-nav-icon{width:2.5rem!important;height:2.5rem!important;font-size:1rem!important}.practice-features-grid{grid-template-columns:1fr!important;gap:.75rem!important}.practice-card-icon{font-size:1.5rem}.practice-description,.practice-section-subtitle,.practice-faq-answer{line-height:1.5}.container{padding:12px 10px!important}.title{font-size:1.25rem!important}.subtitle{font-size:.8rem!important}.section-title{font-size:1.125rem!important}.card{padding:1rem!important}.input-field,select.input-field{padding:.625rem!important;font-size:.85rem!important}.checkbox-label{font-size:.8rem!important}.generate-button{padding:.75rem 1rem!important;font-size:.9rem!important}.problem-item{padding:.875rem!important;font-size:.85rem!important}.helper-text{font-size:.75rem!important}}