@mathwiz/ui-components 0.1.28 → 0.1.29

package/dist/mathwiz-ui.css

@@ -1 +1 @@
-.mathcard-v2-card{background-color:var(--mc-bg-primary);color:var(--mc-text-primary);border-radius:var(--mc-radius-lg);transition:all var(--mc-transition-normal)}.shadow-card{box-shadow:var(--mc-shadow-card)}.mathcard-v2-text{font-size:var(--mc-text-base);line-height:var(--mc-leading-relaxed);color:var(--mc-text-secondary)}.mathcard-v2-formula{display:flex;align-items:center;justify-content:center;margin:var(--mc-space-sm) 0}.mathcard-v2-graph{margin:var(--mc-space-md) 0;border-radius:var(--mc-radius-sm);overflow:hidden}.mathcard-v2-grid{display:grid;gap:var(--mc-space-md)}.mathcard-v2-flow{display:flex;flex-direction:column;gap:var(--mc-space-sm)}@media(max-width:768px){.mathcard-v2-card{border-radius:var(--mc-radius-md)}.mathcard-v2-text{font-size:var(--mc-text-sm)}}:root{--mc-color-remember: #5bc0de;--mc-color-review: #a5c63b;--mc-color-solve: #f0ad4e;--mc-color-primary: #3b82f6;--mc-color-success: #10b981;--mc-color-warning: #f59e0b;--mc-color-error: #f97316;--mc-color-info: #5bc0de;--mc-text-primary: #1e293b;--mc-text-secondary: #475569;--mc-text-tertiary: #94a3b8;--mc-text-inverse: #ffffff;--mc-bg-primary: #ffffff;--mc-bg-secondary: #f8fafc;--mc-bg-tertiary: #f1f5f9;--mc-bg-warm: #fffbeb;--mc-bg-success: #ecfdf5;--mc-border-default: #e2e8f0;--mc-border-light: #f1f5f9;--mc-border-focus: #3b82f6;--mc-step-color-ident: #3b82f6;--mc-step-color-calc: #f97316;--mc-step-color-res: #10b981;--mc-step-bg-ident: linear-gradient(90deg, rgba(59, 130, 246, .06) 0%, transparent 100%);--mc-step-bg-calc: linear-gradient(90deg, rgba(249, 115, 22, .06) 0%, transparent 100%);--mc-step-bg-res: linear-gradient(90deg, rgba(16, 185, 129, .06) 0%, transparent 100%)}:root{--mc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", "PingFang SC", sans-serif;--mc-font-serif: "Times New Roman", Times, "SimSun", serif;--mc-font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--mc-text-xs: .75rem;--mc-text-sm: .875rem;--mc-text-base: 1rem;--mc-text-lg: 1.125rem;--mc-text-xl: 1.25rem;--mc-text-2xl: 1.5rem;--mc-text-3xl: 1.875rem;--mc-text-4xl: 2.25rem;--mc-leading-tight: 1.25;--mc-leading-normal: 1.5;--mc-leading-relaxed: 1.7;--mc-font-normal: 400;--mc-font-medium: 500;--mc-font-semibold: 600;--mc-font-bold: 700}:root{--mc-space-1: .25rem;--mc-space-2: .5rem;--mc-space-3: .75rem;--mc-space-4: 1rem;--mc-space-5: 1.25rem;--mc-space-6: 1.5rem;--mc-space-8: 2rem;--mc-space-10: 2.5rem;--mc-space-12: 3rem;--mc-step-sidebar-visible: 1;--mc-step-sidebar-width: 1px;--mc-step-sidebar-radius: var(--mc-radius-sm);--mc-step-sidebar-opacity: .8;--mc-step-border-width: var(--mc-step-sidebar-width);--mc-step-padding-y: var(--mc-space-6);--mc-step-gap: var(--mc-space-10);--mc-touch-min: 44px;--mc-touch-comfortable: 48px}:root{--mc-radius-sm: .25rem;--mc-radius-md: .5rem;--mc-radius-lg: .75rem;--mc-radius-xl: 1rem;--mc-radius-full: 9999px}:root{--mc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--mc-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--mc-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--mc-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--mc-shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--mc-shadow-card-hover: 0 8px 20px rgba(0, 0, 0, .12)}:root{--mc-transition-fast: .15s ease;--mc-transition-normal: .25s ease;--mc-transition-slow: .35s ease}:root{--mc-card-padding: 1.5rem;--mc-card-padding-lg: 1.875rem;--mc-content-gap: 1rem;--mc-section-gap: 2rem;--mc-card-min-height: 200px;--mc-max-content-width: 800px}[data-theme=dark],.theme-dark{--mc-bg-primary: #1a1a2e;--mc-bg-secondary: #16213e;--mc-bg-tertiary: #0f3460;--mc-text-primary: #f1f5f9;--mc-text-secondary: #cbd5e1;--mc-border-default: #334155;--mc-shadow-card: 0 4px 12px rgba(0, 0, 0, .3)}:root{--ixl-color-remember: var(--mc-color-remember);--ixl-color-review: var(--mc-color-review);--ixl-color-solve: var(--mc-color-solve);--ixl-card-shadow: var(--mc-shadow-card);--ixl-card-border-radius: var(--mc-radius-lg)}:root{--text-primary: var(--mc-text-primary);--border-color: var(--mc-border-default);--success-color: var(--mc-color-success);--warning-color: var(--mc-color-warning);--accent-color: var(--mc-color-primary)}:root{--mathcard-bg-color: var(--mc-bg-primary);--mathcard-text-color: var(--mc-text-primary);--mathcard-border-color: var(--mc-border-default);--mathcard-shadow: var(--mc-shadow-card)}.mc-heading-scene{font-size:var(--mc-text-4xl);font-weight:var(--mc-font-semibold);line-height:var(--mc-leading-tight);color:var(--mc-color-info);margin-bottom:var(--mc-space-6)}.mc-heading-section{font-size:var(--mc-text-xl);font-weight:var(--mc-font-semibold);color:var(--mc-color-review);margin-bottom:var(--mc-space-4)}.mc-heading-content{font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);color:var(--mc-text-primary);margin-bottom:var(--mc-space-3)}.mc-body{font-size:var(--mc-text-base);line-height:var(--mc-leading-relaxed);color:var(--mc-text-secondary)}.mc-body-lg{font-size:var(--mc-text-lg);line-height:var(--mc-leading-relaxed);color:var(--mc-text-secondary)}.mc-body-sm{font-size:var(--mc-text-sm);line-height:var(--mc-leading-normal);color:var(--mc-text-secondary)}.mc-caption{font-size:var(--mc-text-sm);color:var(--mc-text-tertiary);line-height:var(--mc-leading-normal)}.mc-label{font-size:var(--mc-text-sm);font-weight:var(--mc-font-medium);color:var(--mc-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mc-math-text{font-family:var(--mc-font-serif);font-style:italic}.mc-math-operator{font-family:var(--mc-font-serif);font-weight:var(--mc-font-bold);margin:0 var(--mc-space-2)}.mc-m-1{margin:var(--mc-space-1)}.mc-m-2{margin:var(--mc-space-2)}.mc-m-3{margin:var(--mc-space-3)}.mc-m-4{margin:var(--mc-space-4)}.mc-m-5{margin:var(--mc-space-5)}.mc-m-6{margin:var(--mc-space-6)}.mc-mt-1{margin-top:var(--mc-space-1)}.mc-mt-2{margin-top:var(--mc-space-2)}.mc-mt-3{margin-top:var(--mc-space-3)}.mc-mt-4{margin-top:var(--mc-space-4)}.mc-mt-5{margin-top:var(--mc-space-5)}.mc-mt-6{margin-top:var(--mc-space-6)}.mc-mb-1{margin-bottom:var(--mc-space-1)}.mc-mb-2{margin-bottom:var(--mc-space-2)}.mc-mb-3{margin-bottom:var(--mc-space-3)}.mc-mb-4{margin-bottom:var(--mc-space-4)}.mc-mb-5{margin-bottom:var(--mc-space-5)}.mc-mb-6{margin-bottom:var(--mc-space-6)}.mc-ml-1{margin-left:var(--mc-space-1)}.mc-ml-2{margin-left:var(--mc-space-2)}.mc-ml-3{margin-left:var(--mc-space-3)}.mc-ml-4{margin-left:var(--mc-space-4)}.mc-ml-5{margin-left:var(--mc-space-5)}.mc-ml-6{margin-left:var(--mc-space-6)}.mc-mr-1{margin-right:var(--mc-space-1)}.mc-mr-2{margin-right:var(--mc-space-2)}.mc-mr-3{margin-right:var(--mc-space-3)}.mc-mr-4{margin-right:var(--mc-space-4)}.mc-mr-5{margin-right:var(--mc-space-5)}.mc-mr-6{margin-right:var(--mc-space-6)}.mc-mx-1{margin-left:var(--mc-space-1);margin-right:var(--mc-space-1)}.mc-mx-2{margin-left:var(--mc-space-2);margin-right:var(--mc-space-2)}.mc-mx-3{margin-left:var(--mc-space-3);margin-right:var(--mc-space-3)}.mc-mx-4{margin-left:var(--mc-space-4);margin-right:var(--mc-space-4)}.mc-mx-5{margin-left:var(--mc-space-5);margin-right:var(--mc-space-5)}.mc-mx-6{margin-left:var(--mc-space-6);margin-right:var(--mc-space-6)}.mc-my-1{margin-top:var(--mc-space-1);margin-bottom:var(--mc-space-1)}.mc-my-2{margin-top:var(--mc-space-2);margin-bottom:var(--mc-space-2)}.mc-my-3{margin-top:var(--mc-space-3);margin-bottom:var(--mc-space-3)}.mc-my-4{margin-top:var(--mc-space-4);margin-bottom:var(--mc-space-4)}.mc-my-5{margin-top:var(--mc-space-5);margin-bottom:var(--mc-space-5)}.mc-my-6{margin-top:var(--mc-space-6);margin-bottom:var(--mc-space-6)}.mc-p-1{padding:var(--mc-space-1)}.mc-p-2{padding:var(--mc-space-2)}.mc-p-3{padding:var(--mc-space-3)}.mc-p-4{padding:var(--mc-space-4)}.mc-p-5{padding:var(--mc-space-5)}.mc-p-6{padding:var(--mc-space-6)}.mc-pt-1{padding-top:var(--mc-space-1)}.mc-pt-2{padding-top:var(--mc-space-2)}.mc-pt-3{padding-top:var(--mc-space-3)}.mc-pt-4{padding-top:var(--mc-space-4)}.mc-pt-5{padding-top:var(--mc-space-5)}.mc-pt-6{padding-top:var(--mc-space-6)}.mc-pb-1{padding-bottom:var(--mc-space-1)}.mc-pb-2{padding-bottom:var(--mc-space-2)}.mc-pb-3{padding-bottom:var(--mc-space-3)}.mc-pb-4{padding-bottom:var(--mc-space-4)}.mc-pb-5{padding-bottom:var(--mc-space-5)}.mc-pb-6{padding-bottom:var(--mc-space-6)}.mc-pl-1{padding-left:var(--mc-space-1)}.mc-pl-2{padding-left:var(--mc-space-2)}.mc-pl-3{padding-left:var(--mc-space-3)}.mc-pl-4{padding-left:var(--mc-space-4)}.mc-pl-5{padding-left:var(--mc-space-5)}.mc-pl-6{padding-left:var(--mc-space-6)}.mc-pr-1{padding-right:var(--mc-space-1)}.mc-pr-2{padding-right:var(--mc-space-2)}.mc-pr-3{padding-right:var(--mc-space-3)}.mc-pr-4{padding-right:var(--mc-space-4)}.mc-pr-5{padding-right:var(--mc-space-5)}.mc-pr-6{padding-right:var(--mc-space-6)}.mc-px-1{padding-left:var(--mc-space-1);padding-right:var(--mc-space-1)}.mc-px-2{padding-left:var(--mc-space-2);padding-right:var(--mc-space-2)}.mc-px-3{padding-left:var(--mc-space-3);padding-right:var(--mc-space-3)}.mc-px-4{padding-left:var(--mc-space-4);padding-right:var(--mc-space-4)}.mc-px-5{padding-left:var(--mc-space-5);padding-right:var(--mc-space-5)}.mc-px-6{padding-left:var(--mc-space-6);padding-right:var(--mc-space-6)}.mc-py-1{padding-top:var(--mc-space-1);padding-bottom:var(--mc-space-1)}.mc-py-2{padding-top:var(--mc-space-2);padding-bottom:var(--mc-space-2)}.mc-py-3{padding-top:var(--mc-space-3);padding-bottom:var(--mc-space-3)}.mc-py-4{padding-top:var(--mc-space-4);padding-bottom:var(--mc-space-4)}.mc-py-5{padding-top:var(--mc-space-5);padding-bottom:var(--mc-space-5)}.mc-py-6{padding-top:var(--mc-space-6);padding-bottom:var(--mc-space-6)}.mc-gap-1{gap:var(--mc-space-1)}.mc-gap-2{gap:var(--mc-space-2)}.mc-gap-3{gap:var(--mc-space-3)}.mc-gap-4{gap:var(--mc-space-4)}.mc-gap-5{gap:var(--mc-space-5)}.mc-gap-6{gap:var(--mc-space-6)}.mc-touch-target{min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable);padding:var(--mc-space-3) var(--mc-space-4);display:inline-flex;align-items:center;justify-content:center}.mc-input{min-height:var(--mc-touch-comfortable);padding:var(--mc-space-3) var(--mc-space-4);font-size:var(--mc-text-base);border:2px solid var(--mc-border-default);border-radius:var(--mc-radius-md);transition:border-color var(--mc-transition-normal)}.mc-input:focus{outline:none;border-color:var(--mc-border-focus);box-shadow:0 0 0 3px #3b82f61a}.mc-button{min-height:var(--mc-touch-comfortable);padding:var(--mc-space-3) var(--mc-space-6);font-size:var(--mc-text-base);font-weight:var(--mc-font-semibold);border-radius:var(--mc-radius-md);transition:all var(--mc-transition-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media(max-width:768px){:root{--mc-text-base: .875rem;--mc-text-lg: 1rem;--mc-text-xl: 1.125rem;--mc-text-2xl: 1.25rem;--mc-text-3xl: 1.5rem;--mc-text-4xl: 1.75rem}.mc-heading-scene,.mc-body,.mc-body-lg{line-height:var(--mc-leading-normal)}.mc-heading-scene{margin-bottom:var(--mc-space-4)}.mc-heading-section{margin-bottom:var(--mc-space-3)}.mc-heading-content{margin-bottom:var(--mc-space-2)}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: var(--mc-text-primary);--text-secondary: var(--mc-text-secondary);--text-tertiary: var(--mc-text-tertiary);--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--success-color: var(--mc-color-success);--warning-color: var(--mc-color-warning);--error-color: #ef4444;--info-color: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--header-bg: linear-gradient(to right, #8b5cf6, #ec4899, #ef4444);--sidebar-bg: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%)}.button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease-in-out;line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;position:relative;overflow:hidden}.button--sm{padding:.375rem .75rem;font-size:.75rem;min-height:1.75rem}.button--md{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}.button--lg{padding:.75rem 1.5rem;font-size:1rem;min-height:2.75rem}.button--radius-sm{border-radius:.25rem}.button--radius-md{border-radius:.375rem}.button--radius-lg{border-radius:.5rem}.button--primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.button--primary:hover{background-color:#2563eb;border-color:#2563eb}.button--primary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.button--secondary{background-color:#6b7280;color:#fff;border-color:#6b7280}.button--secondary:hover{background-color:#4b5563;border-color:#4b5563}.button--secondary:focus-visible{outline:2px solid #6b7280;outline-offset:2px}.button--success{background-color:#10b981;color:#fff;border-color:#10b981}.button--success:hover{background-color:#059669;border-color:#059669}.button--success:focus-visible{outline:2px solid #10b981;outline-offset:2px}.button--bordered.button--primary{background-color:transparent;color:#3b82f6;border-color:#3b82f6}.button--bordered.button--primary:hover{background-color:#3b82f6;color:#fff}.button--bordered.button--secondary{background-color:transparent;color:#6b7280;border-color:#6b7280}.button--bordered.button--secondary:hover{background-color:#6b7280;color:#fff}.button--bordered.button--success{background-color:transparent;color:#10b981;border-color:#10b981}.button--bordered.button--success:hover{background-color:#10b981;color:#fff}.button--light.button--primary{background-color:#dbeafe;color:#1e40af;border-color:transparent}.button--light.button--primary:hover{background-color:#bfdbfe}.button--light.button--secondary{background-color:#f3f4f6;color:#374151;border-color:transparent}.button--light.button--secondary:hover{background-color:#e5e7eb}.button--light.button--success{background-color:#d1fae5;color:#065f46;border-color:transparent}.button--light.button--success:hover{background-color:#a7f3d0}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button:focus{outline:none}.button:focus-visible{box-shadow:0 0 0 3px #3b82f680}.button--loading{pointer-events:none;opacity:.8}@media(max-width:768px){.button--sm{padding:.25rem .5rem;font-size:.6875rem;min-height:1.5rem}.button--md{padding:.375rem .75rem;font-size:.8125rem;min-height:2rem}.button--lg{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}}.content-accordion{--accordion-spacing: 1rem;--accordion-border-radius: 12px;--accordion-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);--accordion-border: none;--accordion-transition: all .2s ease-in-out;width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.content-accordion--loading{display:flex;justify-content:center;align-items:center;min-height:200px}.content-accordion__loading{color:#6b7280;font-size:.875rem}.content-accordion--empty{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6b7280}.content-accordion__empty{text-align:center}.content-accordion__header{padding:var(--accordion-spacing);background:#f8fafc;border-radius:var(--accordion-border-radius);margin-bottom:var(--accordion-spacing);border:none}.content-accordion__unit-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.content-accordion__unit-description{color:#6b7280;margin:0 0 .75rem;line-height:1.5}.content-accordion__unit-meta{display:flex;gap:.5rem;align-items:center;color:#9ca3af;font-size:.875rem}.content-accordion__lessons{display:flex;flex-direction:column;gap:.5rem}.content-accordion__lesson-item{border:none;border-radius:var(--accordion-border-radius);background:#fff;box-shadow:var(--accordion-shadow);overflow:hidden;transition:var(--accordion-transition)}.content-accordion__lesson-item--expanded{box-shadow:0 2px 8px #0000001a;border-radius:var(--accordion-border-radius);border:none}.content-accordion__lesson-header{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--accordion-spacing);cursor:pointer;background:#fff;transition:var(--accordion-transition);-webkit-user-select:none;user-select:none}.content-accordion__lesson-header:hover{background:#f9fafb}.content-accordion__lesson-header:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.content-accordion__lesson-header-content{flex:1}.content-accordion__lesson-title{font-size:1rem;font-weight:500;color:#1f2937;margin:0 0 .25rem}.content-accordion__lesson-duration{font-size:.875rem;color:#6b7280}.content-accordion__lesson-actions{display:flex;align-items:center;gap:.75rem}.content-accordion__lesson-progress{font-size:.875rem;font-weight:500;color:#3b82f6;min-width:3rem;text-align:right}.content-accordion__lesson-icon{width:1.25rem;height:1.25rem;color:#6b7280;transition:var(--accordion-transition)}.content-accordion__knowledge-list{padding:0 var(--accordion-spacing) var(--accordion-spacing);display:flex;flex-direction:column;gap:.75rem;background:#f9fafb;border-top:none}.content-accordion__knowledge-card{margin:0;box-shadow:0 1px 2px #0000000a;border:none}.content-accordion__knowledge-title{font-size:.875rem;font-weight:500;color:#1f2937;margin:0 0 .5rem}.content-accordion__knowledge-description{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0}.content-accordion__knowledge-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.content-accordion__progress-container{display:flex;align-items:center;gap:.5rem;flex:1}.content-accordion__progress-bar{flex:1;max-width:120px}.content-accordion__progress-text{font-size:.75rem;color:#6b7280;min-width:2.5rem;text-align:right}.content-accordion__learn-button{white-space:nowrap;min-width:6rem;justify-content:center}@media(max-width:768px){.content-accordion{--accordion-spacing: .75rem}.content-accordion__header{padding:.75rem}.content-accordion__unit-title{font-size:1.25rem}.content-accordion__lesson-header{padding:.75rem}.content-accordion__knowledge-list{padding:0 .75rem .75rem}.content-accordion__knowledge-actions{flex-direction:column;align-items:stretch;gap:.5rem}.content-accordion__progress-container{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.content-accordion,.content-accordion__lesson-header,.content-accordion__lesson-icon{transition:none}}@media(prefers-contrast:high){.content-accordion__lesson-header,.content-accordion__knowledge-card{border:2px solid currentColor}}.sidebar{display:flex;flex-direction:column;width:280px;height:100vh;background-color:var(--sidebar-bg-color, #ffffff);border-right:1px solid var(--sidebar-border-color, #e0e0e0);transition:width var(--transition-normal, .25s ease-in-out),transform var(--transition-normal, .25s ease-in-out);overflow-y:auto;position:relative}.sidebar--collapsed{width:64px}.sidebar--loading .sidebar__unit-list,.sidebar--loading .sidebar__header{opacity:.3;pointer-events:none}.sidebar__header{display:flex;align-items:center;padding:var(--spacing-lg, 24px) var(--spacing-md, 16px) var(--spacing-md, 16px);border-bottom:1px solid var(--sidebar-border-color, #e0e0e0);margin-bottom:var(--spacing-md, 16px)}.sidebar__toggle-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--border-radius-sm, 4px);display:flex;align-items:center;justify-content:center;color:var(--sidebar-text-color, #333333);margin-right:var(--spacing-sm, 8px)}.sidebar__toggle-btn:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .05))}.sidebar__course-info{flex:1}.sidebar__course-title{font-size:var(--font-size-lg, 16px);font-weight:var(--font-weight-bold, 600);color:var(--sidebar-text-color, #333333);margin:0 0 var(--spacing-xs, 4px) 0}.sidebar__course-level{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666)}.sidebar__content{flex:1;padding:0 var(--spacing-md, 16px)}.sidebar__unit-list{list-style:none;padding:0;margin:0}.sidebar__unit-item{margin-bottom:var(--spacing-xs, 4px);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:background-color var(--transition-fast, .15s ease-in-out);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}.sidebar__unit-item:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .03))}.sidebar__unit-item--active{background-color:var(--sidebar-active-bg, #e3f2fd);border-left:3px solid var(--sidebar-active-border, #1865f2);font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--completed{opacity:.8}.sidebar__unit-item--in-progress{font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--not-started{opacity:.6}.sidebar__unit-item__content{display:flex;align-items:center;margin-bottom:var(--spacing-xs, 4px)}.sidebar__unit-item__icon{width:20px;height:20px;margin-right:var(--spacing-sm, 8px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md, 14px)}.sidebar__unit-item__title{flex:1;font-size:var(--font-size-md, 14px);color:var(--sidebar-text-color, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__unit-item__progress{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px)}.progress-percentage{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666);min-width:30px;text-align:right}.sidebar__loading,.sidebar__error,.sidebar__empty{padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);text-align:center;color:var(--sidebar-text-secondary, #666666);font-size:var(--font-size-md, 14px)}.sidebar__error{color:var(--sidebar-error-color, #dc3545)}@media(max-width:600px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%)}.sidebar--expanded{transform:translate(0)}}.sidebar--collapsed .sidebar__course-info,.sidebar--collapsed .sidebar__unit-item__title,.sidebar--collapsed .sidebar__unit-item__progress{display:none}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--spacing-md, 16px)}.sidebar--collapsed .sidebar__toggle-btn{margin-right:0}.sidebar--collapsed .sidebar__unit-item{display:flex;justify-content:center;padding:var(--spacing-sm, 8px)}.sidebar--collapsed .sidebar__unit-item__content{margin-bottom:0}.submenu-container{position:relative;display:inline-block}.submenu-trigger{cursor:pointer}.submenu-panel{position:absolute;z-index:1000;background-color:var(--submenu-background-color, #fff);border:var(--submenu-border, 1px solid #ddd);border-radius:var(--submenu-border-radius, 4px);box-shadow:var(--submenu-shadow, 0 4px 12px rgba(0, 0, 0, .1));padding:var(--submenu-padding, 8px 0);min-width:var(--submenu-min-width, 160px);opacity:0;visibility:hidden;transform:translateY(var(--submenu-transform-y, -10px));transition:opacity var(--submenu-transition-duration, .2s) ease-out,transform var(--submenu-transition-duration, .2s) ease-out,visibility var(--submenu-transition-duration, .2s) ease-out;display:flex;flex-direction:column;gap:var(--submenu-item-gap, 4px)}.submenu-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.submenu-panel.position-bottom{top:100%;left:0;transform:translateY(var(--submenu-transform-y-bottom, 10px))}.submenu-panel.position-bottom.alignment-end{left:auto;right:0}.submenu-panel.position-top{bottom:100%;left:0;transform:translateY(var(--submenu-transform-y-top, -10px))}.submenu-item{display:flex;align-items:center;padding:var(--submenu-item-padding, 8px 16px);color:var(--submenu-item-color, #333);font-size:var(--submenu-item-font-size, 14px);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--submenu-item-transition-duration, .15s) ease-in-out,color var(--submenu-item-transition-duration, .15s) ease-in-out}.submenu-item:hover,.submenu-item.is-active{background-color:var(--submenu-item-hover-bg-color, #f0f0f0);color:var(--submenu-item-hover-color, #000)}.submenu-item.is-disabled{color:var(--submenu-item-disabled-color, #999);cursor:not-allowed;opacity:.6}.submenu-item-icon{margin-right:var(--submenu-item-icon-margin-right, 8px)}.user-profile-container{display:inline-flex;align-items:center;cursor:pointer;position:relative}.user-profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--border-radius-md, 6px);transition:background-color var(--transition-duration-fast, .2s) ease}.user-profile-trigger:hover{background-color:var(--color-background-hover, #f5f5f5)}.user-name{font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #333);font-size:var(--font-size-md, 14px);line-height:1.4}.user-profile-container.is-loading .user-profile-trigger{opacity:.7;pointer-events:none}.user-profile-container.has-error .user-profile-trigger{border:1px solid var(--color-error, #dc3545)}.user-profile-loading,.user-profile-error{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--border-radius-md, 6px);font-size:var(--font-size-sm, 12px);line-height:1.4;text-align:center}.user-profile-loading{background-color:var(--color-background-muted, #f8f9fa);color:var(--color-text-muted, #6c757d);min-width:80px}.user-profile-error{background-color:var(--color-error-bg, #f8d7da);color:var(--color-error, #721c24);border:1px solid var(--color-error-border, #f5c6cb);min-width:120px}@media(max-width:768px){.user-profile-trigger{padding:var(--spacing-xs, 4px);gap:var(--spacing-xs, 4px)}.user-name{font-size:var(--font-size-sm, 12px);display:none}.user-profile-loading,.user-profile-error{font-size:var(--font-size-xs, 10px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px)}}@media(min-width:769px){.user-name{display:inline}}[data-theme=dark] .user-profile-trigger:hover{background-color:var(--color-background-hover-dark, #2d2d2d)}[data-theme=dark] .user-name{color:var(--color-text-primary-dark, #ffffff)}[data-theme=dark] .user-profile-loading{background-color:var(--color-background-muted-dark, #2d2d2d);color:var(--color-text-muted-dark, #a0a0a0)}@media(prefers-contrast:high){.user-profile-trigger:hover{background-color:var(--color-background-hover-high-contrast, #000000);outline:2px solid var(--color-border-high-contrast, #ffffff)}.user-name{font-weight:var(--font-weight-bold, 700)}}@media(prefers-reduced-motion:reduce){.user-profile-trigger,.submenu-panel{transition:none}}.user-profile-trigger:focus-visible{outline:2px solid var(--color-focus-ring, #007bff);outline-offset:2px}.user-profile-container:has(.submenu-item.is-disabled){cursor:not-allowed}.user-profile-container:has(.submenu-item.is-disabled) .user-profile-trigger:hover{background-color:transparent}.mathwiz-header{--header-height: 64px;--header-bg: linear-gradient(to right, #8b5cf6, #ec4899, #ef4444);--header-color: white;--header-shadow: 0 2px 4px rgba(0, 0, 0, .1);height:var(--header-height);background:var(--header-bg);color:var(--header-color);box-shadow:var(--header-shadow);position:sticky;top:0;z-index:1000;width:100%}.mathwiz-header--primary{--header-bg: linear-gradient(to right, #006FEE, #005BC4)}.mathwiz-header--secondary{--header-bg: linear-gradient(to right, #7828C8, #5B21B6)}.mathwiz-header--gradient{--header-bg: linear-gradient(to right, #8b5cf6, #ec4899, #ef4444)}.mathwiz-header--solid{--header-bg: var(--custom-bg, #f4f4f5);--header-color: var(--custom-color, #18181b)}.mathwiz-header--bordered{--header-bg: transparent;--header-color: #18181b;border-bottom:1px solid #e4e4e7;box-shadow:none}.mathwiz-header--color-primary{--header-bg: #006FEE;--header-color: white}.mathwiz-header--color-success{--header-bg: #17C964;--header-color: white}.mathwiz-header--color-warning{--header-bg: #F5A524;--header-color: white}.mathwiz-header--color-danger{--header-bg: #F31260;--header-color: white}.mathwiz-header .header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem;max-width:1280px;margin:0 auto;width:100%}.mathwiz-header .header-section{flex:1;display:flex;align-items:center}.mathwiz-header .header-section.left{justify-content:flex-start}.mathwiz-header .header-section.center{justify-content:center;text-align:center}.mathwiz-header .header-section.right{justify-content:flex-end}.mathwiz-header .logo{font-size:var(--logo-font-size, 1.5rem);font-weight:var(--logo-font-weight, bold);text-decoration:none;transition:opacity .2s ease;color:var(--logo-color, var(--header-color))!important}.mathwiz-header .logo:hover{opacity:.8}.mathwiz-header .logo--sm{--logo-font-size: 1.25rem}.mathwiz-header .logo--md{--logo-font-size: 1.5rem}.mathwiz-header .logo--lg{--logo-font-size: 1.75rem}.mathwiz-header .logo--xl{--logo-font-size: 2rem}.explore-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease;background:var(--explore-bg, transparent);border:var(--explore-border, none);color:var(--explore-color, var(--header-color))!important;cursor:pointer}.explore-button--solid{--explore-bg: var(--explore-color, #006FEE);--explore-color: white}.explore-button--bordered{--explore-bg: transparent;--explore-border: 1px solid var(--explore-color, #006FEE);--explore-color: var(--explore-color, #006FEE)}.explore-button--light{--explore-bg: var(--explore-color-light, rgba(0, 111, 238, .1));--explore-color: var(--explore-color, #006FEE)}.explore-button--flat{--explore-bg: transparent;--explore-color: var(--explore-color, #006FEE)}.explore-button--faded{--explore-bg: var(--explore-color-faded, rgba(0, 111, 238, .05));--explore-color: var(--explore-color, #006FEE)}.explore-button--shadow{--explore-bg: var(--explore-color, #006FEE);--explore-color: white;box-shadow:0 2px 4px #006fee4d}.explore-button--color-primary{--explore-color: #006FEE;--explore-color-light: rgba(0, 111, 238, .1);--explore-color-faded: rgba(0, 111, 238, .05)}.explore-button--color-success{--explore-color: #17C964;--explore-color-light: rgba(23, 201, 100, .1);--explore-color-faded: rgba(23, 201, 100, .05)}.explore-button--color-warning{--explore-color: #F5A524;--explore-color-light: rgba(245, 165, 36, .1);--explore-color-faded: rgba(245, 165, 36, .05)}.explore-button--color-danger{--explore-color: #F31260;--explore-color-light: rgba(243, 18, 96, .1);--explore-color-faded: rgba(243, 18, 96, .05)}.explore-button:hover{background-color:var(--explore-bg-hover, rgba(255, 255, 255, .1));color:var(--explore-color-hover, var(--explore-color))}.explore-icon{font-size:1.25rem}.explore-text{font-weight:500}.explore-menu-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;min-width:200px}.explore-menu-item:hover{background-color:var(--hover-bg, #e9ecef);color:var(--accent-color, #4361ee)}.explore-item-label{font-weight:500;flex:1}.explore-item-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;margin-left:.5rem}.status-new{background-color:var(--success-color, #10b981);color:#fff}.status-progress{color:var(--accent-color, #4361ee)}.status-进行中{background-color:var(--warning-color, #f59e0b);color:#fff}.status-2{background-color:var(--accent-light, #e6f2ff);color:var(--accent-color, #4361ee)}@media(max-width:768px){.mathwiz-header .header-content{padding:0 1rem}.explore-text{display:none}.explore-button{padding:.5rem}.mathwiz-header .logo{font-size:1.25rem}}@media(max-width:480px){.mathwiz-header .header-content{padding:0 .75rem}.explore-button{min-width:auto}}.mathwiz-header:focus-within{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}.explore-button:focus{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}@media(prefers-contrast:high){.mathwiz-header{border-bottom:2px solid white}.explore-button{border:1px solid currentColor}}.mathwiz-header .user-name{color:#fff!important}.mathwiz-header .user-profile-trigger:hover{background-color:#ffffff1a!important;opacity:.8}@media(prefers-reduced-motion:reduce){.mathwiz-header .logo,.explore-button,.explore-menu-item{transition:none}}.equation-render{display:flex;align-items:center;gap:.3em}.equation-render.equation-render--block{justify-content:center;margin:1em 0}.equation-render{font-size:var(--equation-font-size, 1rem);color:var(--equation-color, #333333)}.equation-render .katex{font-size:inherit;color:inherit}.equation-render{flex-wrap:wrap}.equation-render>span{display:inline-block;vertical-align:middle}.geometry-transform{--geometry-primary-color: #67b510;--geometry-secondary-color: #0074d9;--geometry-static-fill: #8ec5fc;--geometry-animated-fill: #6a5acd;--geometry-error-color: #ff5252;--geometry-success-color: #7ed321;--geometry-border-color: #e0e0e0;--geometry-text-color: #333333;--geometry-background-color: #ffffff;--geometry-shadow: 0 4px 12px rgba(0, 0, 0, .1);--geometry-border-radius: 8px;--geometry-spacing-sm: 8px;--geometry-spacing-md: 16px;--geometry-spacing-lg: 24px}.geometry-transform--dark{--geometry-primary-color: #8bc34a;--geometry-secondary-color: #64b5f6;--geometry-static-fill: #1565c0;--geometry-animated-fill: #7b1fa2;--geometry-error-color: #ff6b6b;--geometry-success-color: #4caf50;--geometry-border-color: #424242;--geometry-text-color: #f5f5f5;--geometry-background-color: #1e1e1e;--geometry-shadow: 0 4px 12px rgba(0, 0, 0, .3)}.geometry-transform{background-color:var(--geometry-background-color);color:var(--geometry-text-color);border-radius:var(--geometry-border-radius);box-shadow:var(--geometry-shadow);overflow:hidden;transition:all .3s ease}.geometry-transform__board-container{position:relative;width:100%;border-bottom:1px solid var(--geometry-border-color);background-color:var(--geometry-background-color)}.geometry-transform__board{position:relative;width:100%}.geometry-transform__controls{padding:var(--geometry-spacing-md)}.geometry-transform__slider-group{margin:0 auto var(--geometry-spacing-lg);padding:var(--geometry-spacing-md) 0;max-width:520px}.geometry-transform__slider{width:100%;min-height:40px}.geometry-transform__slider [data-slot=track]{height:6px!important;background-color:#e0e0e0!important}.geometry-transform__slider [data-slot=filler]{background-color:#67b510!important}.geometry-transform__slider [data-slot=thumb]{width:24px!important;height:24px!important;background-color:#67b510!important;border:3px solid white!important;box-shadow:0 2px 8px #0003!important}.geometry-transform__slider [data-slot=thumb]:hover{transform:scale(1.1)}.geometry-transform--dark .geometry-transform__slider [data-slot=track]{background-color:#424242!important}.geometry-transform--dark .geometry-transform__slider [data-slot=filler]{background-color:#8bc34a!important}.geometry-transform--dark .geometry-transform__slider [data-slot=thumb]{background-color:#8bc34a!important;border-color:#1e1e1e!important}.geometry-transform__progress-indicator{margin-bottom:var(--geometry-spacing-md)}.geometry-transform__progress-bar{margin-bottom:var(--geometry-spacing-sm)}.geometry-transform__progress-stages{display:flex;gap:var(--geometry-spacing-sm);margin-top:var(--geometry-spacing-sm)}.geometry-transform__progress-stage{flex:1;height:4px;background-color:var(--geometry-border-color);border-radius:2px;transition:background-color .3s ease}.geometry-transform__progress-stage--active{background-color:var(--geometry-primary-color)}.geometry-transform__keyboard-hint{text-align:center;font-size:12px;color:var(--geometry-text-color);opacity:.7;margin-top:var(--geometry-spacing-sm)}.geometry-transform__error{border:1px solid var(--geometry-error-color)}.geometry-transform__error-message{text-align:center;padding:var(--geometry-spacing-lg)}.geometry-transform__error-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;color:var(--geometry-error-color);margin:0 auto var(--geometry-spacing-md)}.geometry-transform__error-icon svg{width:100%;height:100%}.geometry-transform__error-message h3{margin-bottom:var(--geometry-spacing-sm);color:var(--geometry-error-color);font-size:18px}.geometry-transform__error-message p{margin-bottom:var(--geometry-spacing-md);color:var(--geometry-text-color);font-size:14px}.geometry-transform__error-details{text-align:left;background-color:#ff52521a;border-radius:var(--geometry-border-radius);padding:var(--geometry-spacing-md);font-size:12px;color:var(--geometry-text-color);overflow:auto;max-height:200px}.geometry-transform__error-details-wrapper{margin-top:var(--geometry-spacing-md);margin-bottom:var(--geometry-spacing-md)}.geometry-transform__error-details-wrapper summary{cursor:pointer;color:var(--geometry-secondary-color);font-size:14px;margin-bottom:var(--geometry-spacing-sm)}.geometry-transform__error-details-wrapper summary:hover{text-decoration:underline}.geometry-transform__error-actions{margin-top:var(--geometry-spacing-lg);display:flex;justify-content:center}.geometry-transform__retry-button{background-color:var(--geometry-primary-color);color:#fff;border:none;border-radius:var(--geometry-border-radius);padding:var(--geometry-spacing-sm) var(--geometry-spacing-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.geometry-transform__retry-button:hover{background-color:color-mix(in srgb,var(--geometry-primary-color),black 15%)}.geometry-transform__retry-button:focus{outline:2px solid var(--geometry-primary-color);outline-offset:2px}.geometry-transform__reset-button{background-color:var(--geometry-secondary-color);color:#fff;border:none;border-radius:var(--geometry-border-radius);padding:var(--geometry-spacing-sm) var(--geometry-spacing-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.geometry-transform__reset-button:hover{background-color:color-mix(in srgb,var(--geometry-secondary-color),black 15%)}.geometry-transform__reset-button:focus{outline:2px solid var(--geometry-secondary-color);outline-offset:2px}@media(max-width:768px){.geometry-transform__dimension{flex-direction:column;gap:var(--geometry-spacing-sm)}.geometry-transform__controls{padding:var(--geometry-spacing-sm)}}.geometry-transform__slider:focus{outline:2px solid var(--geometry-primary-color);outline-offset:2px}.geometry-transform__progress-stage:focus{outline:2px solid var(--geometry-secondary-color);outline-offset:2px}@media print{.geometry-transform{box-shadow:none;border:1px solid var(--geometry-border-color)}.geometry-transform__board{height:300px}.geometry-transform__keyboard-hint{display:none}}.geometry-transform--compact .geometry-transform__controls{padding:var(--geometry-spacing-sm)}.geometry-transform--compact .geometry-transform__slider-group{margin:0 auto var(--geometry-spacing-md);padding:var(--geometry-spacing-sm) 0;max-width:420px}.geometry-transform--compact .geometry-transform__slider{min-height:32px}.geometry-transform--compact .geometry-transform__slider [data-slot=track]{height:4px!important}.geometry-transform--compact .geometry-transform__slider [data-slot=thumb]{width:18px!important;height:18px!important;border-width:2px!important}.geometry-transform--compact .geometry-transform__keyboard-hint{display:none}.geometry-transform--compact .geometry-transform__board{height:280px}@media(max-width:768px){.geometry-transform--compact .geometry-transform__board{height:220px}}@media(min-width:769px)and (max-width:1024px){.geometry-transform--compact .geometry-transform__board{height:260px}}.hundred-chart-container{display:inline-block;border-radius:8px;padding:8px;background-color:var(--hundred-chart-background, #ffffff);transition:all .2s ease-in-out}.hundred-chart-container.hundred-chart--has-shadow{box-shadow:var(--hundred-chart-shadow, 0 4px 12px rgba(0, 0, 0, .1))}.hundred-chart-container.hundred-chart--edit{cursor:pointer}.hundred-chart-container.hundred-chart--edit:hover{box-shadow:var(--hundred-chart-hover-shadow, 0 6px 16px rgba(0, 0, 0, .15))}.hundred-chart-container.hundred-chart--readonly{cursor:default}.hundred-chart-svg{border-radius:4px;overflow:visible}.hundred-chart-cell{transition:all .15s ease-in-out;cursor:inherit}.hundred-chart-container.hundred-chart--edit .hundred-chart-cell:hover{transform:scale(1.05);filter:brightness(1.1)}.hundred-chart-container.hundred-chart--edit .hundred-chart-cell:focus{outline:2px solid var(--hundred-chart-focus-color, #3b82f6);outline-offset:1px}@media(prefers-contrast:high){.hundred-chart-cell{stroke-width:2px}}@media(prefers-reduced-motion:reduce){.hundred-chart-container,.hundred-chart-cell{transition:none}}@media(max-width:768px){.hundred-chart-container{padding:4px}}@media print{.hundred-chart-container{box-shadow:none!important;border:1px solid #ccc!important}}.mathcard-v2-card{padding:var(--mc-card-padding, 1.5rem)}.mathcard-v2-card.with-border{border:1px solid var(--mc-border-default)}.mathcard-v2-card.with-shadow{box-shadow:var(--mc-shadow-card)}@media(max-width:768px){.mathcard-v2-card{padding:var(--mc-card-padding-lg)}}.mathcard-v2-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 2),1fr);gap:var(--grid-gap, var(--mc-space-md))}.mathcard-v2-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.mathcard-v2-grid-responsive{grid-template-columns:1fr}}.mathcard-v2-flow{display:flex;flex-direction:var(--flow-direction, column);gap:var(--flow-gap, var(--mc-space-sm));flex-wrap:var(--flow-wrap, nowrap)}.mathcard-v2-flow.horizontal{--flow-direction: row}.mathcard-v2-flow.wrap{--flow-wrap: wrap}.ixl-style-card-container{position:relative;display:flex;flex-direction:column;width:100%;min-height:200px;transition:all .3s ease}.ixl-styled{border-radius:var(--ixl-card-border-radius, 8px);box-shadow:var(--ixl-card-shadow, 0 4px 12px rgba(0, 0, 0, .1));background-color:var(--bg-primary, #ffffff);overflow:hidden}.ixl-tag{font-family:inherit;-webkit-user-select:none;user-select:none;transition:all .3s ease}.ixl-tag-text{display:inline-block;text-transform:uppercase;letter-spacing:.5px}.ixl-desktop-layout{flex-direction:row}.ixl-desktop-layout .ixl-tag{position:absolute;left:0;top:0;bottom:0;z-index:10}.ixl-mobile-layout{flex-direction:column}.ixl-mobile-layout .ixl-tag{position:relative;width:100%;z-index:10}.ixl-type-remember .ixl-tag{background-color:var(--ixl-color-remember, #5bc0de)}.ixl-type-review .ixl-tag{background-color:var(--ixl-color-review, #a5c63b)}.ixl-type-solve .ixl-tag{background-color:var(--ixl-color-solve, #f0ad4e)}.ixl-adjusted{border-left-width:0!important;padding-left:0!important}@media(max-width:768px){.ixl-style-card-container{min-height:180px}.ixl-styled{border-radius:var(--ixl-card-border-radius, 8px)}.ixl-mobile-layout .ixl-tag{height:var(--ixl-mobile-tag-height, 32px);border-radius:var(--ixl-mobile-tag-border-radius, 8px 8px 0 0)}}@media(min-width:1024px){.ixl-style-card-container{max-width:800px;margin:0 auto}}.ixl-styled:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.ixl-styled:hover .ixl-tag{opacity:.95}.ixl-style-card-container:focus-within{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.ixl-style-card-container[data-ixl-enabled=false]{opacity:.7;filter:grayscale(.3)}.ixl-style-card-container[data-ixl-enabled=false]:hover{transform:none;box-shadow:var(--ixl-card-shadow, 0 4px 12px rgba(0, 0, 0, .1))}@media print{.ixl-style-card-container{break-inside:avoid;box-shadow:none!important}.ixl-styled{border:1px solid #ddd!important}.ixl-tag{background-color:#f0f0f0!important;color:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@keyframes ixl-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ixl-style-card-container{animation:ixl-fade-in .3s ease-out}@media(prefers-contrast:high){.ixl-tag{border:2px solid currentColor}.ixl-styled{border:2px solid var(--text-primary, #1e293b)}}@media(prefers-reduced-motion:reduce){.ixl-style-card-container,.ixl-tag,.ixl-styled{transition:none!important;animation:none!important}.ixl-styled:hover{transform:none!important}}.grade-navigation{max-width:800px;margin:0 auto;padding:20px}.grade-navigation__title{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}.grade-navigation__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.grade-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.grade-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.grade-card--selected{border-left-width:6px;background:#f8f9fa;box-shadow:0 4px 12px #0003}.grade-card__level{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.grade-card__name{font-size:20px;font-weight:700;color:#333;margin-bottom:8px}.grade-card__description{font-size:14px;color:#666;line-height:1.4}.side-navigation{width:300px;background:#fff;border-right:1px solid #e0e0e0;height:100vh;overflow-y:auto}.side-navigation__header{padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.side-navigation__header h3{margin:0;font-size:18px;color:#333}.side-navigation__content{padding:0}.unit-section{border-bottom:1px solid #e0e0e0}.unit-header{padding:16px 20px;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.unit-header:hover{background:#e9ecef}.unit-title{font-weight:600;color:#333;font-size:16px}.unit-toggle{transition:transform .3s ease;color:#666}.unit-toggle.expanded{transform:rotate(180deg)}.lesson-list{list-style:none;margin:0;padding:0}.lesson-item{padding:12px 20px 12px 40px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-left:3px solid transparent;transition:all .2s ease;font-size:14px}.lesson-item:hover{background:#f8f9fa}.lesson-item--active{background:#e3f2fd;border-left-color:#2196f3;font-weight:500}.lesson-item--completed{color:#4caf50}.lesson-item--completed .lesson-title:before{content:"✓ ";margin-right:8px;color:#4caf50}.lesson-item--locked{color:#999;cursor:not-allowed}.lesson-item--locked .lesson-title:before{content:"🔒 ";margin-right:8px}.lesson-title{flex:1;color:inherit}.lesson-duration{font-size:12px;color:#666;margin-left:8px}.lesson-status{color:#4caf50;font-weight:700;margin-left:8px}.grade-info{padding:12px 20px;display:flex;flex-direction:column;gap:4px}.grade-level{font-size:14px;color:#666;font-weight:500}.course-title{font-size:16px;color:#333;font-weight:600}@media(max-width:768px){.grade-navigation__grid{grid-template-columns:1fr}.side-navigation{width:100%;height:auto;border-right:none;border-bottom:1px solid #e0e0e0}}._dashboardLayout_10wqn_5{display:flex;flex-direction:column;gap:24px;height:100%}._upperSection_10wqn_19{flex:3;display:grid;grid-template-columns:1fr 1fr;gap:24px}._lowerSection_10wqn_33{flex:2;display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid #e2e8f0}._radarChartArea_10wqn_51{position:relative;height:320px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){._upperSection_10wqn_19{grid-template-columns:1fr;gap:16px}._dashboardLayout_10wqn_5{gap:16px}}._animate-fade-in_10wqn_93{animation:_fadeIn_10wqn_1 .6s ease-out}@keyframes _fadeIn_10wqn_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grade-unit-browser-page{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-rows:auto 1fr;grid-template-columns:300px 1fr;min-height:100vh;background-color:var(--page-background, #f8fafc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.grade-unit-browser-page--sidebar-collapsed{grid-template-columns:60px 1fr}.header-area{grid-area:header;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 3px #0000001a;width:100%}.sidebar-area{grid-area:sidebar;background:#fff;border-right:none;overflow-y:auto;height:100vh;position:sticky;top:0}.content-area{grid-area:content;padding:24px;overflow-y:auto;overflow-x:hidden;background:#fff;min-height:calc(100vh - 80px);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.content-area h1,.content-area h2,.content-area h3,.content-area h4,.content-area h5,.content-area h6,.content-area p,.content-area div,.content-area span{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;box-sizing:border-box}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary, #64748b);font-size:16px}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid var(--border-color, #e2e8f0);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.error-message{text-align:center;padding:40px 20px;color:var(--error-color, #dc2626);background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:8px;margin:20px}.retry-button{display:block;margin:20px auto;padding:10px 20px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button:hover{background:var(--primary-hover, #2563eb)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #64748b)}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}@media(max-width:768px){.grade-unit-browser-page{grid-template-areas:"header" "content";grid-template-columns:1fr}.sidebar-area{display:none}.content-area{padding:16px;min-height:calc(100vh - 60px)}.grade-unit-browser-page.sidebar-open{grid-template-areas:"header" "sidebar" "content"}.grade-unit-browser-page.sidebar-open .sidebar-area{display:block;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color, #e2e8f0)}}@media(max-width:480px){.content-area{padding:12px}.error-message{margin:10px;padding:20px 16px}.retry-button{margin:10px auto;padding:8px 16px;font-size:13px}}@media(prefers-color-scheme:dark){.grade-unit-browser-page{background-color:var(--page-background-dark, #0f172a);color:var(--text-primary-dark, #f1f5f9)}.header-area,.sidebar-area,.content-area{background:var(--surface-dark, #1e293b)}.sidebar-area{border-right-color:var(--border-color-dark, #334155)}.error-message{color:var(--error-color-dark, #f87171);background:var(--error-bg-dark, #7f1d1d);border-color:var(--error-border-dark, #b91c1c)}}.grade-unit-browser-page:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.retry-button:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}@media(prefers-contrast:high){.grade-unit-browser-page{border:1px solid black}.sidebar-area{border-right:2px solid black}.retry-button{border:2px solid black}}.question-scene-container{padding:var(--mc-space-6);max-width:var(--mc-max-content-width);margin:0 auto}@media(min-width:768px){.question-scene-container{padding:var(--mc-space-8)}}.question-scene-card{background-color:var(--mc-bg-primary);border:1px solid var(--mc-border-default);border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow-sm);overflow:hidden}.question-display-area{padding:var(--mc-space-6)}.answer-form-container{padding-left:var(--mc-space-6);padding-right:var(--mc-space-6);padding-bottom:var(--mc-space-6);padding-top:var(--mc-space-3);background-color:var(--mc-bg-warm);border-top:1px solid var(--mc-color-warning)}.answer-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-4)}.answer-label{font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);color:var(--mc-text-secondary)}.answer-input{width:8rem;min-height:var(--mc-touch-comfortable);border-radius:var(--mc-radius-lg);border:2px solid var(--mc-border-default);padding:var(--mc-space-3) var(--mc-space-3);font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);transition:all var(--mc-transition-normal);background-color:var(--mc-bg-primary)}.answer-input:focus{outline:none;border-color:var(--mc-border-focus);box-shadow:0 0 0 4px #3b82f633}.answer-input.error{border-color:var(--mc-color-error);background-color:#f973160d}.answer-input.normal{border-color:var(--mc-border-default);background-color:var(--mc-bg-primary)}.answer-unit{font-size:var(--mc-text-lg);color:var(--mc-text-secondary)}.submit-button{margin-left:auto;flex-shrink:0}.validation-error{margin-top:var(--mc-space-3);color:var(--mc-color-error);font-size:var(--mc-text-sm);font-weight:var(--mc-font-medium);display:flex;align-items:center;gap:var(--mc-space-2)}@media(max-width:768px){.question-scene-container,.question-display-area{padding:var(--mc-space-4)}.answer-form{flex-direction:column;align-items:stretch;gap:var(--mc-space-3)}.answer-input{width:100%}.submit-button{margin-left:0;width:100%}}.remember-module-container{border-left:8px solid var(--mc-color-remember);padding-left:var(--mc-space-6)}.remember-module-title{font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);color:var(--mc-text-primary);text-transform:uppercase;margin-bottom:var(--mc-space-4)}.remember-module-content{color:var(--mc-text-primary);background-color:var(--mc-bg-secondary);padding:var(--mc-space-4);border-radius:var(--mc-radius-md)}.remember-module-empty{color:var(--mc-text-tertiary)}.remember-module-text-block{margin-bottom:var(--mc-space-2)}.remember-module-formula-block{margin-bottom:var(--mc-space-4)}.remember-module-unsupported{color:var(--mc-text-tertiary)}@media(max-width:768px){.remember-module-container{padding-left:var(--mc-space-4);border-left-width:6px}.remember-module-content{padding:var(--mc-space-3)}}.review-module-container{border-left:8px solid var(--mc-color-review);padding-left:var(--mc-space-6)}.review-module-title{font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);color:var(--mc-text-primary);text-transform:uppercase;margin-bottom:var(--mc-space-4)}.review-module-content{color:var(--mc-text-primary)}.review-module-question{font-size:var(--mc-text-xl);margin-bottom:var(--mc-space-4)}.review-module-graph{margin-top:var(--mc-space-6);margin-bottom:var(--mc-space-6)}.review-module-user-answer{margin-top:var(--mc-space-4)}.review-module-user-answer-value{font-weight:var(--mc-font-bold);padding:var(--mc-space-1);background-color:#ef44441a;border-radius:var(--mc-radius-md)}@media(max-width:768px){.review-module-container{padding-left:var(--mc-space-4);border-left-width:6px}.review-module-question{font-size:var(--mc-text-lg)}}.explanation-step-container{position:relative;padding:var(--mc-step-padding-y) 0;margin-bottom:var(--mc-step-gap);padding-left:var(--mc-space-5)}.explanation-step-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--mc-step-sidebar-visible) * var(--mc-step-sidebar-width, var(--mc-step-border-width)));border-radius:var(--mc-step-sidebar-radius, var(--mc-radius-sm));background-color:var(--current-step-color);opacity:var(--mc-step-sidebar-opacity, 1)}.explanation-step-container:after{content:"";position:absolute;inset:0;background:var(--current-step-bg);z-index:-1;border-radius:0 var(--mc-radius-lg) var(--mc-radius-lg) 0}.explanation-step-title{font-family:var(--mc-font-sans);font-size:var(--mc-text-xl);font-weight:var(--mc-font-bold);color:var(--current-step-color);margin-bottom:var(--mc-space-3);display:flex;align-items:baseline;gap:var(--mc-space-2)}.explanation-step-number{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--mc-radius-full);background-color:var(--current-step-color);color:var(--mc-text-inverse);font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);flex-shrink:0}.explanation-step-content{color:var(--mc-text-secondary);line-height:var(--mc-leading-relaxed);font-size:var(--mc-text-base)}.explanation-step-chart-container{display:flex;justify-content:center;margin:var(--mc-space-6) 0}.explanation-step-mathcard{background:transparent!important;border:none!important;box-shadow:none!important}.explanation-step-mathcard .mathcard-v2-card{background:transparent}.explanation-step-mathcard .mathcard-v2-text-content{color:var(--mc-text-secondary);line-height:var(--mc-leading-relaxed)}@media(max-width:768px){.explanation-step-container{padding-left:var(--mc-space-4)}.explanation-step-title{font-size:var(--mc-text-lg);flex-direction:column;align-items:flex-start;gap:var(--mc-space-2)}}.solve-module-container{border-left:8px solid var(--mc-color-solve);padding-left:var(--mc-space-6)}.solve-module-title{font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);color:var(--mc-text-primary);text-transform:uppercase;margin-bottom:var(--mc-space-4)}.solve-module-content{color:var(--mc-text-primary)}.solve-module-content>*+*{margin-top:var(--mc-space-4)}.solve-module-empty{padding:var(--mc-space-4);background-color:var(--mc-bg-secondary);border:1px solid var(--mc-border-default);border-radius:var(--mc-radius-md);color:var(--mc-text-tertiary);font-size:var(--mc-text-sm)}.solve-module-button-container{padding-top:var(--mc-space-1)}.solve-module-button{display:inline-flex;align-items:center;gap:var(--mc-space-2);padding:var(--mc-space-2) var(--mc-space-4);border-radius:var(--mc-radius-md);border:1px solid var(--mc-border-default);color:var(--mc-text-primary);background-color:var(--mc-bg-primary);transition:background-color var(--mc-transition-normal);cursor:pointer;min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable)}.solve-module-button:hover{background-color:var(--mc-bg-secondary)}.solve-module-button:focus{outline:2px solid var(--mc-border-focus);outline-offset:2px}.solve-module-detailed-container{margin-top:var(--mc-space-6)}.solve-module-detailed-title{font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);color:var(--mc-text-primary);margin-bottom:var(--mc-space-4)}@media(max-width:768px){.solve-module-container{padding-left:var(--mc-space-4);border-left-width:6px}.solve-module-button{width:100%;justify-content:center}}.explanation-error-banner{background-color:var(--mc-bg-primary);border-bottom:1px solid var(--mc-color-warning)}.explanation-inner-container{padding:1.5625rem 1.875rem;display:flex;align-items:flex-start;gap:var(--mc-space-4)}.explanation-icon{font-size:var(--mc-text-3xl);line-height:1}.explanation-content{flex:1}.explanation-content-spacing>*+*{margin-top:var(--mc-space-5)}.explanation-title{font-size:2rem;line-height:1.2;font-weight:var(--mc-font-semibold);color:var(--mc-color-info)}.explanation-description{font-size:1.125rem;line-height:1.6;color:var(--mc-text-secondary)}.explanation-description-spacing>*+*{margin-top:var(--mc-space-2)}.correct-answer-label{color:var(--mc-color-review)}.correct-answer-value-container{display:inline-flex;align-items:center;gap:var(--mc-space-2)}.correct-answer-value{font-size:1.25rem;font-weight:var(--mc-font-bold);color:var(--mc-color-error);background-color:#fffc;padding:var(--mc-space-2) var(--mc-space-3);border-radius:var(--mc-radius-md);box-shadow:var(--mc-shadow-sm);font-family:var(--mc-font-serif)}.explanation-button-container{padding-top:var(--mc-space-1)}.explanation-next-button{min-width:120px}.explanation-content-area{padding:var(--mc-space-6);margin-top:var(--mc-space-6)}.explanation-content-area>*+*{margin-top:var(--mc-space-8)}@media(min-width:768px){.explanation-content-area{padding:var(--mc-space-8)}}.explanation-subtitle{font-size:var(--mc-text-xl);font-weight:var(--mc-font-semibold);color:var(--mc-color-review)}.explanation-bottom-area{padding:var(--mc-space-6);text-align:right;border-top:1px solid var(--mc-border-default)}@media(max-width:768px){.explanation-inner-container{flex-direction:column;gap:var(--mc-space-4)}.explanation-button-container{align-self:flex-end;padding-top:0}.explanation-next-button{width:100%}.explanation-title{font-size:var(--mc-text-3xl)}.explanation-description,.correct-answer-value{font-size:var(--mc-text-lg)}.explanation-content-area{padding:var(--mc-space-4);margin-top:var(--mc-space-4)}.explanation-bottom-area{padding:var(--mc-space-4)}}.success-scene-container{padding:var(--mc-space-8);background-color:var(--mc-bg-success);text-align:center}.success-message-title{font-size:var(--mc-text-2xl);font-weight:var(--mc-font-bold);color:var(--mc-color-success)}.success-message-description{font-size:var(--mc-text-lg);color:var(--mc-text-secondary);margin-top:var(--mc-space-2)}.concept-review-container{margin-top:var(--mc-space-6);max-width:var(--mc-max-content-width);margin-left:auto;margin-right:auto}.next-button{margin-top:var(--mc-space-6)}@media(max-width:768px){.success-scene-container{padding:var(--mc-space-6)}.success-message-title{font-size:var(--mc-text-xl)}.success-message-description{font-size:var(--mc-text-base)}.concept-review-container,.next-button{margin-top:var(--mc-space-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.math-session-page{min-height:100vh;background-color:#f8fafc;display:flex;flex-direction:column}.math-session-page.loading{display:flex;align-items:center;justify-content:center}.page-loading-container{text-align:center;padding:3rem}.loading-spinner .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#64748b;font-size:1rem;margin:0}.math-session-page.error{display:flex;align-items:center;justify-content:center}.error-container{text-align:center;padding:3rem;max-width:400px}.error-icon{font-size:3rem;margin-bottom:1rem}.error-title{font-size:1.5rem;font-weight:600;color:#dc2626;margin:0 0 .5rem}.error-message{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.retry-button{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#2563eb}.retry-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.page-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.page-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.session-info{display:flex;gap:1rem;font-size:.875rem;color:#64748b}.session-id,.grade-info{background-color:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem}.page-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.page-footer{background-color:#f1f5f9;border-top:1px solid #e2e8f0;padding:1rem 2rem}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-text{color:#64748b;font-size:.875rem;margin:0}@media(max-width:768px){.page-header{padding:1rem}.header-content{flex-direction:column;gap:.5rem;align-items:flex-start}.session-info{flex-direction:column;gap:.25rem}.page-main,.page-footer{padding:1rem}}@media(prefers-color-scheme:dark){.math-session-page{background-color:#0f172a;color:#f8fafc}.page-header{background-color:#1e293b;border-bottom-color:#334155}.page-title{color:#f8fafc}.session-id,.grade-info{background-color:#334155;color:#cbd5e1}.page-footer{background-color:#1e293b;border-top-color:#334155}.footer-text{color:#94a3b8}}.decimal-error-banner{padding:var(--mc-space-6);background-color:#ef44440d;border-bottom:1px solid rgba(239,68,68,.2);display:flex;align-items:center}.decimal-error-title{font-size:var(--mc-text-xl);font-weight:var(--mc-font-bold);color:#991b1b}.decimal-error-description{color:var(--mc-text-secondary);margin-top:var(--mc-space-1)}.decimal-error-description strong{font-weight:var(--mc-font-bold)}.decimal-understand-button{margin-left:auto;background-color:#059669;color:var(--mc-text-inverse);font-weight:var(--mc-font-bold);padding:var(--mc-space-2) var(--mc-space-6);border-radius:var(--mc-radius-md);transition:background-color var(--mc-transition-normal);border:none;cursor:pointer;min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable)}.decimal-understand-button:hover{background-color:#047857}.decimal-content-area{padding:var(--mc-space-6)}.decimal-content-area>*+*{margin-top:var(--mc-space-8)}@media(min-width:768px){.decimal-content-area{padding:var(--mc-space-8)}}.decimal-bottom-area{padding:var(--mc-space-6);text-align:right;border-top:1px solid var(--mc-border-default)}.decimal-bottom-button{background-color:#059669;color:var(--mc-text-inverse);font-weight:var(--mc-font-bold);padding:var(--mc-space-2) var(--mc-space-6);border-radius:var(--mc-radius-md);transition:background-color var(--mc-transition-normal);border:none;cursor:pointer;min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable)}.decimal-bottom-button:hover{background-color:#047857}@media(max-width:768px){.decimal-error-banner{flex-direction:column;align-items:stretch;gap:var(--mc-space-4)}.decimal-understand-button{margin-left:0;width:100%}.decimal-content-area,.decimal-bottom-area{padding:var(--mc-space-4)}.decimal-bottom-button{width:100%}}
+.mathcard-v2-card{background-color:var(--mc-bg-primary);color:var(--mc-text-primary);border-radius:var(--mc-radius-lg);transition:all var(--mc-transition-normal)}.shadow-card{box-shadow:var(--mc-shadow-card)}.mathcard-v2-text{font-size:var(--mc-text-base);line-height:var(--mc-leading-relaxed);color:var(--mc-text-secondary)}.mathcard-v2-formula{display:flex;align-items:center;justify-content:center;margin:var(--mc-space-sm) 0}.mathcard-v2-graph{margin:var(--mc-space-md) 0;border-radius:var(--mc-radius-sm);overflow:hidden}.mathcard-v2-grid{display:grid;gap:var(--mc-space-md)}.mathcard-v2-flow{display:flex;flex-direction:column;gap:var(--mc-space-sm)}@media(max-width:768px){.mathcard-v2-card{border-radius:var(--mc-radius-md)}.mathcard-v2-text{font-size:var(--mc-text-sm)}}.mathwiz-statblock{--statblock-current-theme-color: var(--mathwiz-statblock-theme-green, #90c842);--statblock-bg: var(--mathwiz-statblock-bg-base, #f4f4f4);--statblock-header-bg: var(--statblock-current-theme-color);--statblock-border: var(--mathwiz-statblock-border-light, #e6e6e6);--statblock-shadow: none;--statblock-text-inverse: var(--mathwiz-statblock-text-inverse, #ffffff);--statblock-text-main: var(--mathwiz-statblock-text-main, #737068);--statblock-text-muted: var(--mathwiz-statblock-text-muted, #c1c1c1);--statblock-label: var(--statblock-text-inverse);--statblock-value: var(--statblock-text-main);--statblock-unit: var(--statblock-text-muted);--statblock-font-family-header: var(--mathwiz-statblock-font-family-header, "Zilla Slab", serif);--statblock-font-family-number: var(--mathwiz-statblock-font-family-number, "Open Sans", sans-serif);--statblock-font-size-title-main: var(--mathwiz-statblock-font-size-title-main, 18px);--statblock-font-size-title-sub: var(--mathwiz-statblock-font-size-title-sub, 14px);--statblock-font-size-value-large: var(--mathwiz-statblock-font-size-value-large, 48px);--statblock-font-size-time-value: var(--mathwiz-statblock-font-size-time-value, 16px);--statblock-font-size-time-label: var(--mathwiz-statblock-font-size-time-label, 11px);--statblock-sidebar-width: var(--mathwiz-statblock-sidebar-width, 140px);--statblock-spacing-xs: var(--mathwiz-statblock-spacing-xs, 4px);--statblock-spacing-sm: var(--mathwiz-statblock-spacing-sm, 8px);--statblock-spacing-md: var(--mathwiz-statblock-spacing-md, 16px);--statblock-spacing-lg: var(--mathwiz-statblock-spacing-lg, 24px);--statblock-spacing-xl: var(--mathwiz-statblock-spacing-xl, 32px);--statblock-padding: var(--statblock-spacing-sm) var(--statblock-spacing-xs);--statblock-gap: var(--statblock-spacing-md);--statblock-icon-gap: var(--statblock-spacing-sm);--statblock-radius: 0;--statblock-hover-bg: rgba(255, 255, 255, .1);--statblock-active-bg: rgba(255, 255, 255, .2);--statblock-focus-ring: #3b82f6;--statblock-time-bg: var(--mathwiz-statblock-bg-white, #ffffff);--statblock-time-border: var(--statblock-border);--statblock-time-value-color: var(--mathwiz-statblock-theme-blue, #4cb2d4)}:root{--mathwiz-statblock-theme-green: #90c842;--mathwiz-statblock-theme-blue: #4cb2d4;--mathwiz-statblock-theme-orange: #d96338;--mathwiz-statblock-bg-base: #f4f4f4;--mathwiz-statblock-bg-white: #ffffff;--mathwiz-statblock-text-inverse: #ffffff;--mathwiz-statblock-text-main: #737068;--mathwiz-statblock-text-muted: #c1c1c1;--mathwiz-statblock-border-light: #e6e6e6;--mathwiz-statblock-font-family-header: "Zilla Slab", serif;--mathwiz-statblock-font-family-number: "Open Sans", sans-serif;--mathwiz-statblock-font-size-title-main: 18px;--mathwiz-statblock-font-size-title-sub: 14px;--mathwiz-statblock-font-size-value-large: 48px;--mathwiz-statblock-font-size-time-value: 16px;--mathwiz-statblock-font-size-time-label: 11px;--mathwiz-statblock-sidebar-width: 140px;--mathwiz-statblock-spacing-xs: 4px;--mathwiz-statblock-spacing-sm: 8px;--mathwiz-statblock-spacing-md: 16px;--mathwiz-statblock-spacing-lg: 24px;--mathwiz-statblock-spacing-xl: 32px}.mathwiz-statblock{width:var(--statblock-sidebar-width);display:flex;flex-direction:column;background-color:var(--statblock-bg);position:relative;box-sizing:border-box}.mathwiz-statblock-header{background-color:var(--statblock-header-bg);padding:var(--statblock-padding);text-align:center;color:var(--statblock-label);font-family:var(--statblock-font-family-header);display:flex;flex-direction:column;justify-content:center;min-height:60px}.mathwiz-statblock-title{font-size:var(--statblock-font-size-title-main);font-weight:700;line-height:1.1}.mathwiz-statblock-subtitle{font-size:var(--statblock-font-size-title-sub);font-weight:600;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:4px}.mathwiz-statblock-help-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background-color:var(--statblock-text-inverse);color:var(--statblock-current-theme-color);border-radius:50%;font-family:var(--statblock-font-family-number);font-size:10px;font-weight:700;cursor:help}.mathwiz-statblock-body{padding:var(--statblock-spacing-xl) 0;display:flex;justify-content:center;align-items:center;min-height:100px}.mathwiz-statblock-value-large{font-family:var(--statblock-font-family-number);font-size:var(--statblock-font-size-value-large);font-weight:700;color:var(--statblock-value);line-height:1}.mathwiz-statblock-time-display{display:flex;gap:var(--statblock-spacing-xs);padding:0 var(--statblock-spacing-xs)}.mathwiz-statblock-time-unit{display:flex;flex-direction:column;align-items:center;gap:2px}.mathwiz-statblock-time-unit-box{background:var(--statblock-time-bg);border:1px solid var(--statblock-time-border);width:38px;height:38px;display:flex;justify-content:center;align-items:center;font-family:var(--statblock-font-family-number);font-size:var(--statblock-font-size-time-value);color:var(--statblock-time-value-color);font-weight:700}.mathwiz-statblock-time-unit-label{font-family:var(--statblock-font-family-header);font-size:var(--statblock-font-size-time-label);color:var(--statblock-text-muted);font-weight:700}.mathwiz-statblock-progress-panel{display:flex;flex-direction:column}.mathwiz-statblock-progress-panel .mathwiz-statblock+.mathwiz-statblock .mathwiz-statblock-header{border-top:1px solid rgba(255,255,255,.2)}.mathwiz-statblock-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.mathwiz-statblock-interactive:hover .mathwiz-statblock-header{background-color:color-mix(in srgb,var(--statblock-header-bg) 90%,black)}.mathwiz-statblock-interactive:active .mathwiz-statblock-header{background-color:color-mix(in srgb,var(--statblock-header-bg) 80%,black)}.mathwiz-statblock-interactive:focus-visible{outline:2px solid var(--statblock-focus-ring);outline-offset:2px}@media(max-width:768px){.mathwiz-statblock{width:100%;max-width:var(--statblock-sidebar-width)}.mathwiz-statblock-title{font-size:calc(var(--statblock-font-size-title-main) * .9)}.mathwiz-statblock-value-large{font-size:calc(var(--statblock-font-size-value-large) * .8)}}.mathwiz-statblock-content{composes:mathwiz-statblock-body}.mathwiz-statblock-text{display:flex;flex-direction:column;flex:1}.mathwiz-statblock-label{composes:mathwiz-statblock-title}.mathwiz-statblock-value-container{display:flex;align-items:baseline;gap:.25em}.mathwiz-statblock-value{composes:mathwiz-statblock-value-large}.mathwiz-statblock-unit{font-size:var(--statblock-font-size-title-sub);color:var(--statblock-unit)}.mathwiz-statblock-icon-top{display:flex;justify-content:center;margin-bottom:var(--statblock-icon-gap, .5rem)}.mathwiz-statblock-icon-left{display:flex;align-items:center;margin-right:var(--statblock-icon-gap, .75rem)}.mathwiz-statblock-icon-right{display:flex;align-items:center;margin-left:var(--statblock-icon-gap, .75rem)}.mathwiz-statblock-icon-bottom{display:flex;justify-content:center;margin-top:var(--statblock-icon-gap, .5rem)}:root{--mc-color-remember: #5bc0de;--mc-color-review: #a5c63b;--mc-color-solve: #f0ad4e;--mc-color-primary: #3b82f6;--mc-color-success: #10b981;--mc-color-warning: #f59e0b;--mc-color-error: #f97316;--mc-color-info: #5bc0de;--mc-text-primary: #1e293b;--mc-text-secondary: #475569;--mc-text-tertiary: #94a3b8;--mc-text-inverse: #ffffff;--mc-bg-primary: #ffffff;--mc-bg-secondary: #f8fafc;--mc-bg-tertiary: #f1f5f9;--mc-bg-warm: #fffbeb;--mc-bg-success: #ecfdf5;--mc-border-default: #e2e8f0;--mc-border-light: #f1f5f9;--mc-border-focus: #3b82f6;--mc-step-color-ident: #3b82f6;--mc-step-color-calc: #f97316;--mc-step-color-res: #10b981;--mc-step-bg-ident: linear-gradient(90deg, rgba(59, 130, 246, .06) 0%, transparent 100%);--mc-step-bg-calc: linear-gradient(90deg, rgba(249, 115, 22, .06) 0%, transparent 100%);--mc-step-bg-res: linear-gradient(90deg, rgba(16, 185, 129, .06) 0%, transparent 100%)}:root{--mc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", "PingFang SC", sans-serif;--mc-font-serif: "Times New Roman", Times, "SimSun", serif;--mc-font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--mc-text-xs: .75rem;--mc-text-sm: .875rem;--mc-text-base: 1rem;--mc-text-lg: 1.125rem;--mc-text-xl: 1.25rem;--mc-text-2xl: 1.5rem;--mc-text-3xl: 1.875rem;--mc-text-4xl: 2.25rem;--mc-leading-tight: 1.25;--mc-leading-normal: 1.5;--mc-leading-relaxed: 1.7;--mc-font-normal: 400;--mc-font-medium: 500;--mc-font-semibold: 600;--mc-font-bold: 700}:root{--mc-space-1: .25rem;--mc-space-2: .5rem;--mc-space-3: .75rem;--mc-space-4: 1rem;--mc-space-5: 1.25rem;--mc-space-6: 1.5rem;--mc-space-8: 2rem;--mc-space-10: 2.5rem;--mc-space-12: 3rem;--mc-step-sidebar-visible: 1;--mc-step-sidebar-width: 1px;--mc-step-sidebar-radius: var(--mc-radius-sm);--mc-step-sidebar-opacity: .8;--mc-step-border-width: var(--mc-step-sidebar-width);--mc-step-padding-y: var(--mc-space-6);--mc-step-gap: var(--mc-space-10);--mc-touch-min: 44px;--mc-touch-comfortable: 48px}:root{--mc-radius-sm: .25rem;--mc-radius-md: .5rem;--mc-radius-lg: .75rem;--mc-radius-xl: 1rem;--mc-radius-full: 9999px}:root{--mc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--mc-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--mc-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--mc-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--mc-shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--mc-shadow-card-hover: 0 8px 20px rgba(0, 0, 0, .12)}:root{--mc-transition-fast: .15s ease;--mc-transition-normal: .25s ease;--mc-transition-slow: .35s ease}:root{--mc-card-padding: 1.5rem;--mc-card-padding-lg: 1.875rem;--mc-content-gap: 1rem;--mc-section-gap: 2rem;--mc-card-min-height: 200px;--mc-max-content-width: 800px}[data-theme=dark],.theme-dark{--mc-bg-primary: #1a1a2e;--mc-bg-secondary: #16213e;--mc-bg-tertiary: #0f3460;--mc-text-primary: #f1f5f9;--mc-text-secondary: #cbd5e1;--mc-border-default: #334155;--mc-shadow-card: 0 4px 12px rgba(0, 0, 0, .3)}:root{--ixl-color-remember: var(--mc-color-remember);--ixl-color-review: var(--mc-color-review);--ixl-color-solve: var(--mc-color-solve);--ixl-card-shadow: var(--mc-shadow-card);--ixl-card-border-radius: var(--mc-radius-lg)}:root{--text-primary: var(--mc-text-primary);--border-color: var(--mc-border-default);--success-color: var(--mc-color-success);--warning-color: var(--mc-color-warning);--accent-color: var(--mc-color-primary)}:root{--mathcard-bg-color: var(--mc-bg-primary);--mathcard-text-color: var(--mc-text-primary);--mathcard-border-color: var(--mc-border-default);--mathcard-shadow: var(--mc-shadow-card)}.mc-heading-scene{font-size:var(--mc-text-4xl);font-weight:var(--mc-font-semibold);line-height:var(--mc-leading-tight);color:var(--mc-color-info);margin-bottom:var(--mc-space-6)}.mc-heading-section{font-size:var(--mc-text-xl);font-weight:var(--mc-font-semibold);color:var(--mc-color-review);margin-bottom:var(--mc-space-4)}.mc-heading-content{font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);color:var(--mc-text-primary);margin-bottom:var(--mc-space-3)}.mc-body{font-size:var(--mc-text-base);line-height:var(--mc-leading-relaxed);color:var(--mc-text-secondary)}.mc-body-lg{font-size:var(--mc-text-lg);line-height:var(--mc-leading-relaxed);color:var(--mc-text-secondary)}.mc-body-sm{font-size:var(--mc-text-sm);line-height:var(--mc-leading-normal);color:var(--mc-text-secondary)}.mc-caption{font-size:var(--mc-text-sm);color:var(--mc-text-tertiary);line-height:var(--mc-leading-normal)}.mc-label{font-size:var(--mc-text-sm);font-weight:var(--mc-font-medium);color:var(--mc-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.mc-math-text{font-family:var(--mc-font-serif);font-style:italic}.mc-math-operator{font-family:var(--mc-font-serif);font-weight:var(--mc-font-bold);margin:0 var(--mc-space-2)}.mc-m-1{margin:var(--mc-space-1)}.mc-m-2{margin:var(--mc-space-2)}.mc-m-3{margin:var(--mc-space-3)}.mc-m-4{margin:var(--mc-space-4)}.mc-m-5{margin:var(--mc-space-5)}.mc-m-6{margin:var(--mc-space-6)}.mc-mt-1{margin-top:var(--mc-space-1)}.mc-mt-2{margin-top:var(--mc-space-2)}.mc-mt-3{margin-top:var(--mc-space-3)}.mc-mt-4{margin-top:var(--mc-space-4)}.mc-mt-5{margin-top:var(--mc-space-5)}.mc-mt-6{margin-top:var(--mc-space-6)}.mc-mb-1{margin-bottom:var(--mc-space-1)}.mc-mb-2{margin-bottom:var(--mc-space-2)}.mc-mb-3{margin-bottom:var(--mc-space-3)}.mc-mb-4{margin-bottom:var(--mc-space-4)}.mc-mb-5{margin-bottom:var(--mc-space-5)}.mc-mb-6{margin-bottom:var(--mc-space-6)}.mc-ml-1{margin-left:var(--mc-space-1)}.mc-ml-2{margin-left:var(--mc-space-2)}.mc-ml-3{margin-left:var(--mc-space-3)}.mc-ml-4{margin-left:var(--mc-space-4)}.mc-ml-5{margin-left:var(--mc-space-5)}.mc-ml-6{margin-left:var(--mc-space-6)}.mc-mr-1{margin-right:var(--mc-space-1)}.mc-mr-2{margin-right:var(--mc-space-2)}.mc-mr-3{margin-right:var(--mc-space-3)}.mc-mr-4{margin-right:var(--mc-space-4)}.mc-mr-5{margin-right:var(--mc-space-5)}.mc-mr-6{margin-right:var(--mc-space-6)}.mc-mx-1{margin-left:var(--mc-space-1);margin-right:var(--mc-space-1)}.mc-mx-2{margin-left:var(--mc-space-2);margin-right:var(--mc-space-2)}.mc-mx-3{margin-left:var(--mc-space-3);margin-right:var(--mc-space-3)}.mc-mx-4{margin-left:var(--mc-space-4);margin-right:var(--mc-space-4)}.mc-mx-5{margin-left:var(--mc-space-5);margin-right:var(--mc-space-5)}.mc-mx-6{margin-left:var(--mc-space-6);margin-right:var(--mc-space-6)}.mc-my-1{margin-top:var(--mc-space-1);margin-bottom:var(--mc-space-1)}.mc-my-2{margin-top:var(--mc-space-2);margin-bottom:var(--mc-space-2)}.mc-my-3{margin-top:var(--mc-space-3);margin-bottom:var(--mc-space-3)}.mc-my-4{margin-top:var(--mc-space-4);margin-bottom:var(--mc-space-4)}.mc-my-5{margin-top:var(--mc-space-5);margin-bottom:var(--mc-space-5)}.mc-my-6{margin-top:var(--mc-space-6);margin-bottom:var(--mc-space-6)}.mc-p-1{padding:var(--mc-space-1)}.mc-p-2{padding:var(--mc-space-2)}.mc-p-3{padding:var(--mc-space-3)}.mc-p-4{padding:var(--mc-space-4)}.mc-p-5{padding:var(--mc-space-5)}.mc-p-6{padding:var(--mc-space-6)}.mc-pt-1{padding-top:var(--mc-space-1)}.mc-pt-2{padding-top:var(--mc-space-2)}.mc-pt-3{padding-top:var(--mc-space-3)}.mc-pt-4{padding-top:var(--mc-space-4)}.mc-pt-5{padding-top:var(--mc-space-5)}.mc-pt-6{padding-top:var(--mc-space-6)}.mc-pb-1{padding-bottom:var(--mc-space-1)}.mc-pb-2{padding-bottom:var(--mc-space-2)}.mc-pb-3{padding-bottom:var(--mc-space-3)}.mc-pb-4{padding-bottom:var(--mc-space-4)}.mc-pb-5{padding-bottom:var(--mc-space-5)}.mc-pb-6{padding-bottom:var(--mc-space-6)}.mc-pl-1{padding-left:var(--mc-space-1)}.mc-pl-2{padding-left:var(--mc-space-2)}.mc-pl-3{padding-left:var(--mc-space-3)}.mc-pl-4{padding-left:var(--mc-space-4)}.mc-pl-5{padding-left:var(--mc-space-5)}.mc-pl-6{padding-left:var(--mc-space-6)}.mc-pr-1{padding-right:var(--mc-space-1)}.mc-pr-2{padding-right:var(--mc-space-2)}.mc-pr-3{padding-right:var(--mc-space-3)}.mc-pr-4{padding-right:var(--mc-space-4)}.mc-pr-5{padding-right:var(--mc-space-5)}.mc-pr-6{padding-right:var(--mc-space-6)}.mc-px-1{padding-left:var(--mc-space-1);padding-right:var(--mc-space-1)}.mc-px-2{padding-left:var(--mc-space-2);padding-right:var(--mc-space-2)}.mc-px-3{padding-left:var(--mc-space-3);padding-right:var(--mc-space-3)}.mc-px-4{padding-left:var(--mc-space-4);padding-right:var(--mc-space-4)}.mc-px-5{padding-left:var(--mc-space-5);padding-right:var(--mc-space-5)}.mc-px-6{padding-left:var(--mc-space-6);padding-right:var(--mc-space-6)}.mc-py-1{padding-top:var(--mc-space-1);padding-bottom:var(--mc-space-1)}.mc-py-2{padding-top:var(--mc-space-2);padding-bottom:var(--mc-space-2)}.mc-py-3{padding-top:var(--mc-space-3);padding-bottom:var(--mc-space-3)}.mc-py-4{padding-top:var(--mc-space-4);padding-bottom:var(--mc-space-4)}.mc-py-5{padding-top:var(--mc-space-5);padding-bottom:var(--mc-space-5)}.mc-py-6{padding-top:var(--mc-space-6);padding-bottom:var(--mc-space-6)}.mc-gap-1{gap:var(--mc-space-1)}.mc-gap-2{gap:var(--mc-space-2)}.mc-gap-3{gap:var(--mc-space-3)}.mc-gap-4{gap:var(--mc-space-4)}.mc-gap-5{gap:var(--mc-space-5)}.mc-gap-6{gap:var(--mc-space-6)}.mc-touch-target{min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable);padding:var(--mc-space-3) var(--mc-space-4);display:inline-flex;align-items:center;justify-content:center}.mc-input{min-height:var(--mc-touch-comfortable);padding:var(--mc-space-3) var(--mc-space-4);font-size:var(--mc-text-base);border:2px solid var(--mc-border-default);border-radius:var(--mc-radius-md);transition:border-color var(--mc-transition-normal)}.mc-input:focus{outline:none;border-color:var(--mc-border-focus);box-shadow:0 0 0 3px #3b82f61a}.mc-button{min-height:var(--mc-touch-comfortable);padding:var(--mc-space-3) var(--mc-space-6);font-size:var(--mc-text-base);font-weight:var(--mc-font-semibold);border-radius:var(--mc-radius-md);transition:all var(--mc-transition-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media(max-width:768px){:root{--mc-text-base: .875rem;--mc-text-lg: 1rem;--mc-text-xl: 1.125rem;--mc-text-2xl: 1.25rem;--mc-text-3xl: 1.5rem;--mc-text-4xl: 1.75rem}.mc-heading-scene,.mc-body,.mc-body-lg{line-height:var(--mc-leading-normal)}.mc-heading-scene{margin-bottom:var(--mc-space-4)}.mc-heading-section{margin-bottom:var(--mc-space-3)}.mc-heading-content{margin-bottom:var(--mc-space-2)}}:root{--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-active: #1d4ed8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: var(--mc-text-primary);--text-secondary: var(--mc-text-secondary);--text-tertiary: var(--mc-text-tertiary);--border-light: #e2e8f0;--border-medium: #cbd5e1;--border-dark: #94a3b8;--success-color: var(--mc-color-success);--warning-color: var(--mc-color-warning);--error-color: #ef4444;--info-color: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--header-bg: linear-gradient(to right, #8b5cf6, #ec4899, #ef4444);--sidebar-bg: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);--mathwiz-statblock-theme-green: #90c842;--mathwiz-statblock-theme-blue: #4cb2d4;--mathwiz-statblock-theme-orange: #d96338;--mathwiz-statblock-bg-base: #f4f4f4;--mathwiz-statblock-bg-white: #ffffff;--mathwiz-statblock-text-inverse: #ffffff;--mathwiz-statblock-text-main: #737068;--mathwiz-statblock-text-muted: #c1c1c1;--mathwiz-statblock-border-light: #e6e6e6;--mathwiz-statblock-font-family-header: "Zilla Slab", serif;--mathwiz-statblock-font-family-number: "Open Sans", sans-serif;--mathwiz-statblock-font-size-title-main: 18px;--mathwiz-statblock-font-size-title-sub: 14px;--mathwiz-statblock-font-size-value-large: 48px;--mathwiz-statblock-font-size-time-value: 16px;--mathwiz-statblock-font-size-time-label: 11px;--mathwiz-statblock-sidebar-width: 140px;--mathwiz-statblock-spacing-xs: 4px;--mathwiz-statblock-spacing-sm: 8px;--mathwiz-statblock-spacing-md: 16px;--mathwiz-statblock-spacing-lg: 24px;--mathwiz-statblock-spacing-xl: 32px}.button,.mathwiz-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .2s ease-in-out;line-height:1.5;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;position:relative;overflow:hidden}.button--sm,.mathwiz-btn--sm{padding:.375rem .75rem;font-size:.75rem;min-height:1.75rem}.button--md,.mathwiz-btn--md{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}.button--lg,.mathwiz-btn--lg{padding:.75rem 1.5rem;font-size:1rem;min-height:2.75rem}.button--radius-sm,.mathwiz-btn--radius-sm{border-radius:.25rem}.button--radius-md,.mathwiz-btn--radius-md{border-radius:.375rem}.button--radius-lg,.mathwiz-btn--radius-lg{border-radius:.5rem}.button--primary,.mathwiz-btn--primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.button--primary:hover,.mathwiz-btn--primary:hover{background-color:#2563eb;border-color:#2563eb}.button--primary:focus-visible,.mathwiz-btn--primary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.button--secondary,.mathwiz-btn--secondary{background-color:#6b7280;color:#fff;border-color:#6b7280}.button--secondary:hover,.mathwiz-btn--secondary:hover{background-color:#4b5563;border-color:#4b5563}.button--secondary:focus-visible,.mathwiz-btn--secondary:focus-visible{outline:2px solid #6b7280;outline-offset:2px}.button--success,.mathwiz-btn--success{background-color:#10b981;color:#fff;border-color:#10b981}.button--success:hover,.mathwiz-btn--success:hover{background-color:#059669;border-color:#059669}.button--success:focus-visible,.mathwiz-btn--success:focus-visible{outline:2px solid #10b981;outline-offset:2px}.mathwiz-btn--submit{background-color:#10b981;color:#fff;border-color:#10b981}.mathwiz-btn--submit:hover{background-color:#059669;border-color:#059669}.mathwiz-btn--submit:focus-visible{outline:2px solid #10b981;outline-offset:2px}.mathwiz-btn--next{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.mathwiz-btn--next:hover{background-color:#2563eb;border-color:#2563eb}.mathwiz-btn--next:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.mathwiz-btn--retry{background-color:#f59e0b;color:#fff;border-color:#f59e0b}.mathwiz-btn--retry:hover{background-color:#d97706;border-color:#d97706}.mathwiz-btn--retry:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.mathwiz-btn--solve{background-color:#6b7280;color:#fff;border-color:#6b7280}.mathwiz-btn--solve:hover{background-color:#4b5563;border-color:#4b5563}.mathwiz-btn--solve:focus-visible{outline:2px solid #6b7280;outline-offset:2px}.button--bordered.button--primary,.mathwiz-btn--bordered.mathwiz-btn--primary{background-color:transparent;color:#3b82f6;border-color:#3b82f6}.button--bordered.button--primary:hover,.mathwiz-btn--bordered.mathwiz-btn--primary:hover{background-color:#3b82f6;color:#fff}.button--bordered.button--secondary,.mathwiz-btn--bordered.mathwiz-btn--secondary{background-color:transparent;color:#6b7280;border-color:#6b7280}.button--bordered.button--secondary:hover,.mathwiz-btn--bordered.mathwiz-btn--secondary:hover{background-color:#6b7280;color:#fff}.button--bordered.button--success,.mathwiz-btn--bordered.mathwiz-btn--success{background-color:transparent;color:#10b981;border-color:#10b981}.button--bordered.button--success:hover,.mathwiz-btn--bordered.mathwiz-btn--success:hover{background-color:#10b981;color:#fff}.button--light.button--primary,.mathwiz-btn--light.mathwiz-btn--primary{background-color:#dbeafe;color:#1e40af;border-color:transparent}.button--light.button--primary:hover,.mathwiz-btn--light.mathwiz-btn--primary:hover{background-color:#bfdbfe}.button--light.button--secondary,.mathwiz-btn--light.mathwiz-btn--secondary{background-color:#f3f4f6;color:#374151;border-color:transparent}.button--light.button--secondary:hover,.mathwiz-btn--light.mathwiz-btn--secondary:hover{background-color:#e5e7eb}.button--light.button--success,.mathwiz-btn--light.mathwiz-btn--success{background-color:#d1fae5;color:#065f46;border-color:transparent}.button--light.button--success:hover,.mathwiz-btn--light.mathwiz-btn--success:hover{background-color:#a7f3d0}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.button:focus{outline:none}.button:focus-visible{box-shadow:0 0 0 3px #3b82f680}.button--loading,.mathwiz-btn--loading{pointer-events:none;opacity:.8}@media(max-width:768px){.button--sm,.mathwiz-btn--sm{padding:.25rem .5rem;font-size:.6875rem;min-height:1.5rem}.button--md,.mathwiz-btn--md{padding:.375rem .75rem;font-size:.8125rem;min-height:2rem}.button--lg,.mathwiz-btn--lg{padding:.5rem 1rem;font-size:.875rem;min-height:2.25rem}}.content-accordion{--accordion-spacing: 1rem;--accordion-border-radius: 12px;--accordion-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);--accordion-border: none;--accordion-transition: all .2s ease-in-out;width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.content-accordion--loading{display:flex;justify-content:center;align-items:center;min-height:200px}.content-accordion__loading{color:#6b7280;font-size:.875rem}.content-accordion--empty{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6b7280}.content-accordion__empty{text-align:center}.content-accordion__header{padding:var(--accordion-spacing);background:#f8fafc;border-radius:var(--accordion-border-radius);margin-bottom:var(--accordion-spacing);border:none}.content-accordion__unit-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.content-accordion__unit-description{color:#6b7280;margin:0 0 .75rem;line-height:1.5}.content-accordion__unit-meta{display:flex;gap:.5rem;align-items:center;color:#9ca3af;font-size:.875rem}.content-accordion__lessons{display:flex;flex-direction:column;gap:.5rem}.content-accordion__lesson-item{border:none;border-radius:var(--accordion-border-radius);background:#fff;box-shadow:var(--accordion-shadow);overflow:hidden;transition:var(--accordion-transition)}.content-accordion__lesson-item--expanded{box-shadow:0 2px 8px #0000001a;border-radius:var(--accordion-border-radius);border:none}.content-accordion__lesson-header{display:flex;justify-content:space-between;align-items:center;padding:1rem var(--accordion-spacing);cursor:pointer;background:#fff;transition:var(--accordion-transition);-webkit-user-select:none;user-select:none}.content-accordion__lesson-header:hover{background:#f9fafb}.content-accordion__lesson-header:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.content-accordion__lesson-header-content{flex:1}.content-accordion__lesson-title{font-size:1rem;font-weight:500;color:#1f2937;margin:0 0 .25rem}.content-accordion__lesson-duration{font-size:.875rem;color:#6b7280}.content-accordion__lesson-actions{display:flex;align-items:center;gap:.75rem}.content-accordion__lesson-progress{font-size:.875rem;font-weight:500;color:#3b82f6;min-width:3rem;text-align:right}.content-accordion__lesson-icon{width:1.25rem;height:1.25rem;color:#6b7280;transition:var(--accordion-transition)}.content-accordion__knowledge-list{padding:0 var(--accordion-spacing) var(--accordion-spacing);display:flex;flex-direction:column;gap:.75rem;background:#f9fafb;border-top:none}.content-accordion__knowledge-card{margin:0;box-shadow:0 1px 2px #0000000a;border:none}.content-accordion__knowledge-title{font-size:.875rem;font-weight:500;color:#1f2937;margin:0 0 .5rem}.content-accordion__knowledge-description{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0}.content-accordion__knowledge-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.content-accordion__progress-container{display:flex;align-items:center;gap:.5rem;flex:1}.content-accordion__progress-bar{flex:1;max-width:120px}.content-accordion__progress-text{font-size:.75rem;color:#6b7280;min-width:2.5rem;text-align:right}.content-accordion__learn-button{white-space:nowrap;min-width:6rem;justify-content:center}@media(max-width:768px){.content-accordion{--accordion-spacing: .75rem}.content-accordion__header{padding:.75rem}.content-accordion__unit-title{font-size:1.25rem}.content-accordion__lesson-header{padding:.75rem}.content-accordion__knowledge-list{padding:0 .75rem .75rem}.content-accordion__knowledge-actions{flex-direction:column;align-items:stretch;gap:.5rem}.content-accordion__progress-container{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.content-accordion,.content-accordion__lesson-header,.content-accordion__lesson-icon{transition:none}}@media(prefers-contrast:high){.content-accordion__lesson-header,.content-accordion__knowledge-card{border:2px solid currentColor}}.sidebar{display:flex;flex-direction:column;width:280px;height:100vh;background-color:var(--sidebar-bg-color, #ffffff);border-right:1px solid var(--sidebar-border-color, #e0e0e0);transition:width var(--transition-normal, .25s ease-in-out),transform var(--transition-normal, .25s ease-in-out);overflow-y:auto;position:relative}.sidebar--collapsed{width:64px}.sidebar--loading .sidebar__unit-list,.sidebar--loading .sidebar__header{opacity:.3;pointer-events:none}.sidebar__header{display:flex;align-items:center;padding:var(--spacing-lg, 24px) var(--spacing-md, 16px) var(--spacing-md, 16px);border-bottom:1px solid var(--sidebar-border-color, #e0e0e0);margin-bottom:var(--spacing-md, 16px)}.sidebar__toggle-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;border-radius:var(--border-radius-sm, 4px);display:flex;align-items:center;justify-content:center;color:var(--sidebar-text-color, #333333);margin-right:var(--spacing-sm, 8px)}.sidebar__toggle-btn:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .05))}.sidebar__course-info{flex:1}.sidebar__course-title{font-size:var(--font-size-lg, 16px);font-weight:var(--font-weight-bold, 600);color:var(--sidebar-text-color, #333333);margin:0 0 var(--spacing-xs, 4px) 0}.sidebar__course-level{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666)}.sidebar__content{flex:1;padding:0 var(--spacing-md, 16px)}.sidebar__unit-list{list-style:none;padding:0;margin:0}.sidebar__unit-item{margin-bottom:var(--spacing-xs, 4px);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:background-color var(--transition-fast, .15s ease-in-out);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}.sidebar__unit-item:hover{background-color:var(--sidebar-hover-bg, rgba(0, 0, 0, .03))}.sidebar__unit-item--active{background-color:var(--sidebar-active-bg, #e3f2fd);border-left:3px solid var(--sidebar-active-border, #1865f2);font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--completed{opacity:.8}.sidebar__unit-item--in-progress{font-weight:var(--font-weight-medium, 500)}.sidebar__unit-item--not-started{opacity:.6}.sidebar__unit-item__content{display:flex;align-items:center;margin-bottom:var(--spacing-xs, 4px)}.sidebar__unit-item__icon{width:20px;height:20px;margin-right:var(--spacing-sm, 8px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md, 14px)}.sidebar__unit-item__title{flex:1;font-size:var(--font-size-md, 14px);color:var(--sidebar-text-color, #333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__unit-item__progress{display:flex;align-items:center;gap:var(--spacing-sm, 8px);margin-top:var(--spacing-xs, 4px)}.progress-percentage{font-size:var(--font-size-sm, 12px);color:var(--sidebar-text-secondary, #666666);min-width:30px;text-align:right}.sidebar__loading,.sidebar__error,.sidebar__empty{padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);text-align:center;color:var(--sidebar-text-secondary, #666666);font-size:var(--font-size-md, 14px)}.sidebar__error{color:var(--sidebar-error-color, #dc3545)}@media(max-width:600px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%)}.sidebar--expanded{transform:translate(0)}}.sidebar--collapsed .sidebar__course-info,.sidebar--collapsed .sidebar__unit-item__title,.sidebar--collapsed .sidebar__unit-item__progress{display:none}.sidebar--collapsed .sidebar__header{justify-content:center;padding:var(--spacing-md, 16px)}.sidebar--collapsed .sidebar__toggle-btn{margin-right:0}.sidebar--collapsed .sidebar__unit-item{display:flex;justify-content:center;padding:var(--spacing-sm, 8px)}.sidebar--collapsed .sidebar__unit-item__content{margin-bottom:0}.submenu-container{position:relative;display:inline-block}.submenu-trigger{cursor:pointer}.submenu-panel{position:absolute;z-index:1000;background-color:var(--submenu-background-color, #fff);border:var(--submenu-border, 1px solid #ddd);border-radius:var(--submenu-border-radius, 4px);box-shadow:var(--submenu-shadow, 0 4px 12px rgba(0, 0, 0, .1));padding:var(--submenu-padding, 8px 0);min-width:var(--submenu-min-width, 160px);opacity:0;visibility:hidden;transform:translateY(var(--submenu-transform-y, -10px));transition:opacity var(--submenu-transition-duration, .2s) ease-out,transform var(--submenu-transition-duration, .2s) ease-out,visibility var(--submenu-transition-duration, .2s) ease-out;display:flex;flex-direction:column;gap:var(--submenu-item-gap, 4px)}.submenu-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.submenu-panel.position-bottom{top:100%;left:0;transform:translateY(var(--submenu-transform-y-bottom, 10px))}.submenu-panel.position-bottom.alignment-end{left:auto;right:0}.submenu-panel.position-top{bottom:100%;left:0;transform:translateY(var(--submenu-transform-y-top, -10px))}.submenu-item{display:flex;align-items:center;padding:var(--submenu-item-padding, 8px 16px);color:var(--submenu-item-color, #333);font-size:var(--submenu-item-font-size, 14px);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--submenu-item-transition-duration, .15s) ease-in-out,color var(--submenu-item-transition-duration, .15s) ease-in-out}.submenu-item:hover,.submenu-item.is-active{background-color:var(--submenu-item-hover-bg-color, #f0f0f0);color:var(--submenu-item-hover-color, #000)}.submenu-item.is-disabled{color:var(--submenu-item-disabled-color, #999);cursor:not-allowed;opacity:.6}.submenu-item-icon{margin-right:var(--submenu-item-icon-margin-right, 8px)}.user-profile-container{display:inline-flex;align-items:center;cursor:pointer;position:relative}.user-profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:var(--border-radius-md, 6px);transition:background-color var(--transition-duration-fast, .2s) ease}.user-profile-trigger:hover{background-color:var(--color-background-hover, #f5f5f5)}.user-name{font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary, #333);font-size:var(--font-size-md, 14px);line-height:1.4}.user-profile-container.is-loading .user-profile-trigger{opacity:.7;pointer-events:none}.user-profile-container.has-error .user-profile-trigger{border:1px solid var(--color-error, #dc3545)}.user-profile-loading,.user-profile-error{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);border-radius:var(--border-radius-md, 6px);font-size:var(--font-size-sm, 12px);line-height:1.4;text-align:center}.user-profile-loading{background-color:var(--color-background-muted, #f8f9fa);color:var(--color-text-muted, #6c757d);min-width:80px}.user-profile-error{background-color:var(--color-error-bg, #f8d7da);color:var(--color-error, #721c24);border:1px solid var(--color-error-border, #f5c6cb);min-width:120px}@media(max-width:768px){.user-profile-trigger{padding:var(--spacing-xs, 4px);gap:var(--spacing-xs, 4px)}.user-name{font-size:var(--font-size-sm, 12px);display:none}.user-profile-loading,.user-profile-error{font-size:var(--font-size-xs, 10px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px)}}@media(min-width:769px){.user-name{display:inline}}[data-theme=dark] .user-profile-trigger:hover{background-color:var(--color-background-hover-dark, #2d2d2d)}[data-theme=dark] .user-name{color:var(--color-text-primary-dark, #ffffff)}[data-theme=dark] .user-profile-loading{background-color:var(--color-background-muted-dark, #2d2d2d);color:var(--color-text-muted-dark, #a0a0a0)}@media(prefers-contrast:high){.user-profile-trigger:hover{background-color:var(--color-background-hover-high-contrast, #000000);outline:2px solid var(--color-border-high-contrast, #ffffff)}.user-name{font-weight:var(--font-weight-bold, 700)}}@media(prefers-reduced-motion:reduce){.user-profile-trigger,.submenu-panel{transition:none}}.user-profile-trigger:focus-visible{outline:2px solid var(--color-focus-ring, #007bff);outline-offset:2px}.user-profile-container:has(.submenu-item.is-disabled){cursor:not-allowed}.user-profile-container:has(.submenu-item.is-disabled) .user-profile-trigger:hover{background-color:transparent}.mathwiz-header{--header-height: 64px;--header-bg: linear-gradient(to right, #8b5cf6, #ec4899, #ef4444);--header-color: white;--header-shadow: 0 2px 4px rgba(0, 0, 0, .1);height:var(--header-height);background:var(--header-bg);color:var(--header-color);box-shadow:var(--header-shadow);position:sticky;top:0;z-index:1000;width:100%}.mathwiz-header--primary{--header-bg: linear-gradient(to right, #006FEE, #005BC4)}.mathwiz-header--secondary{--header-bg: linear-gradient(to right, #7828C8, #5B21B6)}.mathwiz-header--gradient{--header-bg: linear-gradient(to right, #8b5cf6, #ec4899, #ef4444)}.mathwiz-header--solid{--header-bg: var(--custom-bg, #f4f4f5);--header-color: var(--custom-color, #18181b)}.mathwiz-header--bordered{--header-bg: transparent;--header-color: #18181b;border-bottom:1px solid #e4e4e7;box-shadow:none}.mathwiz-header--color-primary{--header-bg: #006FEE;--header-color: white}.mathwiz-header--color-success{--header-bg: #17C964;--header-color: white}.mathwiz-header--color-warning{--header-bg: #F5A524;--header-color: white}.mathwiz-header--color-danger{--header-bg: #F31260;--header-color: white}.mathwiz-header .header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem;max-width:1280px;margin:0 auto;width:100%}.mathwiz-header .header-section{flex:1;display:flex;align-items:center}.mathwiz-header .header-section.left{justify-content:flex-start}.mathwiz-header .header-section.center{justify-content:center;text-align:center}.mathwiz-header .header-section.right{justify-content:flex-end}.mathwiz-header .logo{font-size:var(--logo-font-size, 1.5rem);font-weight:var(--logo-font-weight, bold);text-decoration:none;transition:opacity .2s ease;color:var(--logo-color, var(--header-color))!important}.mathwiz-header .logo:hover{opacity:.8}.mathwiz-header .logo--sm{--logo-font-size: 1.25rem}.mathwiz-header .logo--md{--logo-font-size: 1.5rem}.mathwiz-header .logo--lg{--logo-font-size: 1.75rem}.mathwiz-header .logo--xl{--logo-font-size: 2rem}.explore-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease;background:var(--explore-bg, transparent);border:var(--explore-border, none);color:var(--explore-color, var(--header-color))!important;cursor:pointer}.explore-button--solid{--explore-bg: var(--explore-color, #006FEE);--explore-color: white}.explore-button--bordered{--explore-bg: transparent;--explore-border: 1px solid var(--explore-color, #006FEE);--explore-color: var(--explore-color, #006FEE)}.explore-button--light{--explore-bg: var(--explore-color-light, rgba(0, 111, 238, .1));--explore-color: var(--explore-color, #006FEE)}.explore-button--flat{--explore-bg: transparent;--explore-color: var(--explore-color, #006FEE)}.explore-button--faded{--explore-bg: var(--explore-color-faded, rgba(0, 111, 238, .05));--explore-color: var(--explore-color, #006FEE)}.explore-button--shadow{--explore-bg: var(--explore-color, #006FEE);--explore-color: white;box-shadow:0 2px 4px #006fee4d}.explore-button--color-primary{--explore-color: #006FEE;--explore-color-light: rgba(0, 111, 238, .1);--explore-color-faded: rgba(0, 111, 238, .05)}.explore-button--color-success{--explore-color: #17C964;--explore-color-light: rgba(23, 201, 100, .1);--explore-color-faded: rgba(23, 201, 100, .05)}.explore-button--color-warning{--explore-color: #F5A524;--explore-color-light: rgba(245, 165, 36, .1);--explore-color-faded: rgba(245, 165, 36, .05)}.explore-button--color-danger{--explore-color: #F31260;--explore-color-light: rgba(243, 18, 96, .1);--explore-color-faded: rgba(243, 18, 96, .05)}.explore-button:hover{background-color:var(--explore-bg-hover, rgba(255, 255, 255, .1));color:var(--explore-color-hover, var(--explore-color))}.explore-icon{font-size:1.25rem}.explore-text{font-weight:500}.explore-menu-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;min-width:200px}.explore-menu-item:hover{background-color:var(--hover-bg, #e9ecef);color:var(--accent-color, #4361ee)}.explore-item-label{font-weight:500;flex:1}.explore-item-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;margin-left:.5rem}.status-new{background-color:var(--success-color, #10b981);color:#fff}.status-progress{color:var(--accent-color, #4361ee)}.status-进行中{background-color:var(--warning-color, #f59e0b);color:#fff}.status-2{background-color:var(--accent-light, #e6f2ff);color:var(--accent-color, #4361ee)}@media(max-width:768px){.mathwiz-header .header-content{padding:0 1rem}.explore-text{display:none}.explore-button{padding:.5rem}.mathwiz-header .logo{font-size:1.25rem}}@media(max-width:480px){.mathwiz-header .header-content{padding:0 .75rem}.explore-button{min-width:auto}}.mathwiz-header:focus-within{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}.explore-button:focus{outline:2px solid var(--accent-color, #4361ee);outline-offset:2px}@media(prefers-contrast:high){.mathwiz-header{border-bottom:2px solid white}.explore-button{border:1px solid currentColor}}.mathwiz-header .user-name{color:#fff!important}.mathwiz-header .user-profile-trigger:hover{background-color:#ffffff1a!important;opacity:.8}@media(prefers-reduced-motion:reduce){.mathwiz-header .logo,.explore-button,.explore-menu-item{transition:none}}.equation-render{display:flex;align-items:center;gap:.3em}.equation-render.equation-render--block{justify-content:center;margin:1em 0}.equation-render{font-size:var(--equation-font-size, 1rem);color:var(--equation-color, #333333)}.equation-render .katex{font-size:inherit;color:inherit}.equation-render{flex-wrap:wrap}.equation-render>span{display:inline-block;vertical-align:middle}.geometry-transform{--geometry-primary-color: #67b510;--geometry-secondary-color: #0074d9;--geometry-static-fill: #8ec5fc;--geometry-animated-fill: #6a5acd;--geometry-error-color: #ff5252;--geometry-success-color: #7ed321;--geometry-border-color: #e0e0e0;--geometry-text-color: #333333;--geometry-background-color: #ffffff;--geometry-shadow: 0 4px 12px rgba(0, 0, 0, .1);--geometry-border-radius: 8px;--geometry-spacing-sm: 8px;--geometry-spacing-md: 16px;--geometry-spacing-lg: 24px}.geometry-transform--dark{--geometry-primary-color: #8bc34a;--geometry-secondary-color: #64b5f6;--geometry-static-fill: #1565c0;--geometry-animated-fill: #7b1fa2;--geometry-error-color: #ff6b6b;--geometry-success-color: #4caf50;--geometry-border-color: #424242;--geometry-text-color: #f5f5f5;--geometry-background-color: #1e1e1e;--geometry-shadow: 0 4px 12px rgba(0, 0, 0, .3)}.geometry-transform{background-color:var(--geometry-background-color);color:var(--geometry-text-color);border-radius:var(--geometry-border-radius);box-shadow:var(--geometry-shadow);overflow:hidden;transition:all .3s ease}.geometry-transform__board-container{position:relative;width:100%;border-bottom:1px solid var(--geometry-border-color);background-color:var(--geometry-background-color)}.geometry-transform__board{position:relative;width:100%}.geometry-transform__controls{padding:var(--geometry-spacing-md)}.geometry-transform__slider-group{margin:0 auto var(--geometry-spacing-lg);padding:var(--geometry-spacing-md) 0;max-width:520px}.geometry-transform__slider{width:100%;min-height:40px}.geometry-transform__slider [data-slot=track]{height:6px!important;background-color:#e0e0e0!important}.geometry-transform__slider [data-slot=filler]{background-color:#67b510!important}.geometry-transform__slider [data-slot=thumb]{width:24px!important;height:24px!important;background-color:#67b510!important;border:3px solid white!important;box-shadow:0 2px 8px #0003!important}.geometry-transform__slider [data-slot=thumb]:hover{transform:scale(1.1)}.geometry-transform--dark .geometry-transform__slider [data-slot=track]{background-color:#424242!important}.geometry-transform--dark .geometry-transform__slider [data-slot=filler]{background-color:#8bc34a!important}.geometry-transform--dark .geometry-transform__slider [data-slot=thumb]{background-color:#8bc34a!important;border-color:#1e1e1e!important}.geometry-transform__progress-indicator{margin-bottom:var(--geometry-spacing-md)}.geometry-transform__progress-bar{margin-bottom:var(--geometry-spacing-sm)}.geometry-transform__progress-stages{display:flex;gap:var(--geometry-spacing-sm);margin-top:var(--geometry-spacing-sm)}.geometry-transform__progress-stage{flex:1;height:4px;background-color:var(--geometry-border-color);border-radius:2px;transition:background-color .3s ease}.geometry-transform__progress-stage--active{background-color:var(--geometry-primary-color)}.geometry-transform__keyboard-hint{text-align:center;font-size:12px;color:var(--geometry-text-color);opacity:.7;margin-top:var(--geometry-spacing-sm)}.geometry-transform__error{border:1px solid var(--geometry-error-color)}.geometry-transform__error-message{text-align:center;padding:var(--geometry-spacing-lg)}.geometry-transform__error-icon{display:flex;justify-content:center;align-items:center;width:48px;height:48px;color:var(--geometry-error-color);margin:0 auto var(--geometry-spacing-md)}.geometry-transform__error-icon svg{width:100%;height:100%}.geometry-transform__error-message h3{margin-bottom:var(--geometry-spacing-sm);color:var(--geometry-error-color);font-size:18px}.geometry-transform__error-message p{margin-bottom:var(--geometry-spacing-md);color:var(--geometry-text-color);font-size:14px}.geometry-transform__error-details{text-align:left;background-color:#ff52521a;border-radius:var(--geometry-border-radius);padding:var(--geometry-spacing-md);font-size:12px;color:var(--geometry-text-color);overflow:auto;max-height:200px}.geometry-transform__error-details-wrapper{margin-top:var(--geometry-spacing-md);margin-bottom:var(--geometry-spacing-md)}.geometry-transform__error-details-wrapper summary{cursor:pointer;color:var(--geometry-secondary-color);font-size:14px;margin-bottom:var(--geometry-spacing-sm)}.geometry-transform__error-details-wrapper summary:hover{text-decoration:underline}.geometry-transform__error-actions{margin-top:var(--geometry-spacing-lg);display:flex;justify-content:center}.geometry-transform__retry-button{background-color:var(--geometry-primary-color);color:#fff;border:none;border-radius:var(--geometry-border-radius);padding:var(--geometry-spacing-sm) var(--geometry-spacing-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.geometry-transform__retry-button:hover{background-color:color-mix(in srgb,var(--geometry-primary-color),black 15%)}.geometry-transform__retry-button:focus{outline:2px solid var(--geometry-primary-color);outline-offset:2px}.geometry-transform__reset-button{background-color:var(--geometry-secondary-color);color:#fff;border:none;border-radius:var(--geometry-border-radius);padding:var(--geometry-spacing-sm) var(--geometry-spacing-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.geometry-transform__reset-button:hover{background-color:color-mix(in srgb,var(--geometry-secondary-color),black 15%)}.geometry-transform__reset-button:focus{outline:2px solid var(--geometry-secondary-color);outline-offset:2px}@media(max-width:768px){.geometry-transform__dimension{flex-direction:column;gap:var(--geometry-spacing-sm)}.geometry-transform__controls{padding:var(--geometry-spacing-sm)}}.geometry-transform__slider:focus{outline:2px solid var(--geometry-primary-color);outline-offset:2px}.geometry-transform__progress-stage:focus{outline:2px solid var(--geometry-secondary-color);outline-offset:2px}@media print{.geometry-transform{box-shadow:none;border:1px solid var(--geometry-border-color)}.geometry-transform__board{height:300px}.geometry-transform__keyboard-hint{display:none}}.geometry-transform--compact .geometry-transform__controls{padding:var(--geometry-spacing-sm)}.geometry-transform--compact .geometry-transform__slider-group{margin:0 auto var(--geometry-spacing-md);padding:var(--geometry-spacing-sm) 0;max-width:420px}.geometry-transform--compact .geometry-transform__slider{min-height:32px}.geometry-transform--compact .geometry-transform__slider [data-slot=track]{height:4px!important}.geometry-transform--compact .geometry-transform__slider [data-slot=thumb]{width:18px!important;height:18px!important;border-width:2px!important}.geometry-transform--compact .geometry-transform__keyboard-hint{display:none}.geometry-transform--compact .geometry-transform__board{height:280px}@media(max-width:768px){.geometry-transform--compact .geometry-transform__board{height:220px}}@media(min-width:769px)and (max-width:1024px){.geometry-transform--compact .geometry-transform__board{height:260px}}.hundred-chart-container{display:inline-block;border-radius:8px;padding:8px;background-color:var(--hundred-chart-background, #ffffff);transition:all .2s ease-in-out}.hundred-chart-container.hundred-chart--has-shadow{box-shadow:var(--hundred-chart-shadow, 0 4px 12px rgba(0, 0, 0, .1))}.hundred-chart-container.hundred-chart--edit{cursor:pointer}.hundred-chart-container.hundred-chart--edit:hover{box-shadow:var(--hundred-chart-hover-shadow, 0 6px 16px rgba(0, 0, 0, .15))}.hundred-chart-container.hundred-chart--readonly{cursor:default}.hundred-chart-svg{border-radius:4px;overflow:visible}.hundred-chart-cell{transition:all .15s ease-in-out;cursor:inherit}.hundred-chart-container.hundred-chart--edit .hundred-chart-cell:hover{transform:scale(1.05);filter:brightness(1.1)}.hundred-chart-container.hundred-chart--edit .hundred-chart-cell:focus{outline:2px solid var(--hundred-chart-focus-color, #3b82f6);outline-offset:1px}@media(prefers-contrast:high){.hundred-chart-cell{stroke-width:2px}}@media(prefers-reduced-motion:reduce){.hundred-chart-container,.hundred-chart-cell{transition:none}}@media(max-width:768px){.hundred-chart-container{padding:4px}}@media print{.hundred-chart-container{box-shadow:none!important;border:1px solid #ccc!important}}.mathcard-v2-card{padding:var(--mc-card-padding, 1.5rem)}.mathcard-v2-card.with-border{border:1px solid var(--mc-border-default)}.mathcard-v2-card.with-shadow{box-shadow:var(--mc-shadow-card)}@media(max-width:768px){.mathcard-v2-card{padding:var(--mc-card-padding-lg)}}.mathcard-v2-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 2),1fr);gap:var(--grid-gap, var(--mc-space-md))}.mathcard-v2-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:768px){.mathcard-v2-grid-responsive{grid-template-columns:1fr}}.mathcard-v2-flow{display:flex;flex-direction:var(--flow-direction, column);gap:var(--flow-gap, var(--mc-space-sm));flex-wrap:var(--flow-wrap, nowrap)}.mathcard-v2-flow.horizontal{--flow-direction: row}.mathcard-v2-flow.wrap{--flow-wrap: wrap}.ixl-style-card-container{position:relative;display:flex;flex-direction:column;width:100%;min-height:200px;transition:all .3s ease}.ixl-styled{border-radius:var(--ixl-card-border-radius, 8px);box-shadow:var(--ixl-card-shadow, 0 4px 12px rgba(0, 0, 0, .1));background-color:var(--bg-primary, #ffffff);overflow:hidden}.ixl-tag{font-family:inherit;-webkit-user-select:none;user-select:none;transition:all .3s ease}.ixl-tag-text{display:inline-block;text-transform:uppercase;letter-spacing:.5px}.ixl-desktop-layout{flex-direction:row}.ixl-desktop-layout .ixl-tag{position:absolute;left:0;top:0;bottom:0;z-index:10}.ixl-mobile-layout{flex-direction:column}.ixl-mobile-layout .ixl-tag{position:relative;width:100%;z-index:10}.ixl-type-remember .ixl-tag{background-color:var(--ixl-color-remember, #5bc0de)}.ixl-type-review .ixl-tag{background-color:var(--ixl-color-review, #a5c63b)}.ixl-type-solve .ixl-tag{background-color:var(--ixl-color-solve, #f0ad4e)}.ixl-adjusted{border-left-width:0!important;padding-left:0!important}@media(max-width:768px){.ixl-style-card-container{min-height:180px}.ixl-styled{border-radius:var(--ixl-card-border-radius, 8px)}.ixl-mobile-layout .ixl-tag{height:var(--ixl-mobile-tag-height, 32px);border-radius:var(--ixl-mobile-tag-border-radius, 8px 8px 0 0)}}@media(min-width:1024px){.ixl-style-card-container{max-width:800px;margin:0 auto}}.ixl-styled:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.ixl-styled:hover .ixl-tag{opacity:.95}.ixl-style-card-container:focus-within{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px}.ixl-style-card-container[data-ixl-enabled=false]{opacity:.7;filter:grayscale(.3)}.ixl-style-card-container[data-ixl-enabled=false]:hover{transform:none;box-shadow:var(--ixl-card-shadow, 0 4px 12px rgba(0, 0, 0, .1))}@media print{.ixl-style-card-container{break-inside:avoid;box-shadow:none!important}.ixl-styled{border:1px solid #ddd!important}.ixl-tag{background-color:#f0f0f0!important;color:#333!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@keyframes ixl-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ixl-style-card-container{animation:ixl-fade-in .3s ease-out}@media(prefers-contrast:high){.ixl-tag{border:2px solid currentColor}.ixl-styled{border:2px solid var(--text-primary, #1e293b)}}@media(prefers-reduced-motion:reduce){.ixl-style-card-container,.ixl-tag,.ixl-styled{transition:none!important;animation:none!important}.ixl-styled:hover{transform:none!important}}.grade-navigation{max-width:800px;margin:0 auto;padding:20px}.grade-navigation__title{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}.grade-navigation__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.grade-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.grade-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.grade-card--selected{border-left-width:6px;background:#f8f9fa;box-shadow:0 4px 12px #0003}.grade-card__level{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.grade-card__name{font-size:20px;font-weight:700;color:#333;margin-bottom:8px}.grade-card__description{font-size:14px;color:#666;line-height:1.4}.side-navigation{width:300px;background:#fff;border-right:1px solid #e0e0e0;height:100vh;overflow-y:auto}.side-navigation__header{padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.side-navigation__header h3{margin:0;font-size:18px;color:#333}.side-navigation__content{padding:0}.unit-section{border-bottom:1px solid #e0e0e0}.unit-header{padding:16px 20px;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.unit-header:hover{background:#e9ecef}.unit-title{font-weight:600;color:#333;font-size:16px}.unit-toggle{transition:transform .3s ease;color:#666}.unit-toggle.expanded{transform:rotate(180deg)}.lesson-list{list-style:none;margin:0;padding:0}.lesson-item{padding:12px 20px 12px 40px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-left:3px solid transparent;transition:all .2s ease;font-size:14px}.lesson-item:hover{background:#f8f9fa}.lesson-item--active{background:#e3f2fd;border-left-color:#2196f3;font-weight:500}.lesson-item--completed{color:#4caf50}.lesson-item--completed .lesson-title:before{content:"✓ ";margin-right:8px;color:#4caf50}.lesson-item--locked{color:#999;cursor:not-allowed}.lesson-item--locked .lesson-title:before{content:"🔒 ";margin-right:8px}.lesson-title{flex:1;color:inherit}.lesson-duration{font-size:12px;color:#666;margin-left:8px}.lesson-status{color:#4caf50;font-weight:700;margin-left:8px}.grade-info{padding:12px 20px;display:flex;flex-direction:column;gap:4px}.grade-level{font-size:14px;color:#666;font-weight:500}.course-title{font-size:16px;color:#333;font-weight:600}@media(max-width:768px){.grade-navigation__grid{grid-template-columns:1fr}.side-navigation{width:100%;height:auto;border-right:none;border-bottom:1px solid #e0e0e0}}._dashboardLayout_10wqn_5{display:flex;flex-direction:column;gap:24px;height:100%}._upperSection_10wqn_19{flex:3;display:grid;grid-template-columns:1fr 1fr;gap:24px}._lowerSection_10wqn_33{flex:2;display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:1px solid #e2e8f0}._radarChartArea_10wqn_51{position:relative;height:320px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){._upperSection_10wqn_19{grid-template-columns:1fr;gap:16px}._dashboardLayout_10wqn_5{gap:16px}}._animate-fade-in_10wqn_93{animation:_fadeIn_10wqn_1 .6s ease-out}@keyframes _fadeIn_10wqn_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grade-unit-browser-page{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-rows:auto 1fr;grid-template-columns:300px 1fr;min-height:100vh;background-color:var(--page-background, #f8fafc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.grade-unit-browser-page--sidebar-collapsed{grid-template-columns:60px 1fr}.header-area{grid-area:header;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 3px #0000001a;width:100%}.sidebar-area{grid-area:sidebar;background:#fff;border-right:none;overflow-y:auto;height:100vh;position:sticky;top:0}.content-area{grid-area:content;padding:24px;overflow-y:auto;overflow-x:hidden;background:#fff;min-height:calc(100vh - 80px);width:100%;min-width:0;max-width:100%;box-sizing:border-box}.content-area h1,.content-area h2,.content-area h3,.content-area h4,.content-area h5,.content-area h6,.content-area p,.content-area div,.content-area span{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;box-sizing:border-box}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary, #64748b);font-size:16px}.loading-spinner:before{content:"";width:20px;height:20px;border:2px solid var(--border-color, #e2e8f0);border-top:2px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.error-message{text-align:center;padding:40px 20px;color:var(--error-color, #dc2626);background:var(--error-bg, #fef2f2);border:1px solid var(--error-border, #fecaca);border-radius:8px;margin:20px}.retry-button{display:block;margin:20px auto;padding:10px 20px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button:hover{background:var(--primary-hover, #2563eb)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #64748b)}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{margin:0;font-size:14px}@media(max-width:768px){.grade-unit-browser-page{grid-template-areas:"header" "content";grid-template-columns:1fr}.sidebar-area{display:none}.content-area{padding:16px;min-height:calc(100vh - 60px)}.grade-unit-browser-page.sidebar-open{grid-template-areas:"header" "sidebar" "content"}.grade-unit-browser-page.sidebar-open .sidebar-area{display:block;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color, #e2e8f0)}}@media(max-width:480px){.content-area{padding:12px}.error-message{margin:10px;padding:20px 16px}.retry-button{margin:10px auto;padding:8px 16px;font-size:13px}}@media(prefers-color-scheme:dark){.grade-unit-browser-page{background-color:var(--page-background-dark, #0f172a);color:var(--text-primary-dark, #f1f5f9)}.header-area,.sidebar-area,.content-area{background:var(--surface-dark, #1e293b)}.sidebar-area{border-right-color:var(--border-color-dark, #334155)}.error-message{color:var(--error-color-dark, #f87171);background:var(--error-bg-dark, #7f1d1d);border-color:var(--error-border-dark, #b91c1c)}}.grade-unit-browser-page:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}.retry-button:focus{outline:2px solid var(--focus-ring, #3b82f6);outline-offset:2px}@media(prefers-contrast:high){.grade-unit-browser-page{border:1px solid black}.sidebar-area{border-right:2px solid black}.retry-button{border:2px solid black}}.question-scene-container{padding:var(--mc-space-6);max-width:var(--mc-max-content-width);margin:0 auto}@media(min-width:768px){.question-scene-container{padding:var(--mc-space-8)}}.question-scene-card{background-color:var(--mc-bg-primary);border:1px solid var(--mc-border-default);border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow-sm);overflow:hidden}.question-display-area{padding:var(--mc-space-6)}.answer-form-container{padding-left:var(--mc-space-6);padding-right:var(--mc-space-6);padding-bottom:var(--mc-space-6);padding-top:var(--mc-space-3);background-color:var(--mc-bg-warm);border-top:1px solid var(--mc-color-warning)}.answer-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mc-space-4)}.answer-label{font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);color:var(--mc-text-secondary)}.answer-input{width:8rem;min-height:var(--mc-touch-comfortable);border-radius:var(--mc-radius-lg);border:2px solid var(--mc-border-default);padding:var(--mc-space-3) var(--mc-space-3);font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);transition:all var(--mc-transition-normal);background-color:var(--mc-bg-primary)}.answer-input:focus{outline:none;border-color:var(--mc-border-focus);box-shadow:0 0 0 4px #3b82f633}.answer-input.error{border-color:var(--mc-color-error);background-color:#f973160d}.answer-input.normal{border-color:var(--mc-border-default);background-color:var(--mc-bg-primary)}.answer-unit{font-size:var(--mc-text-lg);color:var(--mc-text-secondary)}.submit-button{margin-left:auto;flex-shrink:0}.validation-error{margin-top:var(--mc-space-3);color:var(--mc-color-error);font-size:var(--mc-text-sm);font-weight:var(--mc-font-medium);display:flex;align-items:center;gap:var(--mc-space-2)}@media(max-width:768px){.question-scene-container,.question-display-area{padding:var(--mc-space-4)}.answer-form{flex-direction:column;align-items:stretch;gap:var(--mc-space-3)}.answer-input{width:100%}.submit-button{margin-left:0;width:100%}}.remember-module-container{border-left:8px solid var(--mc-color-remember);padding-left:var(--mc-space-6)}.remember-module-title{font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);color:var(--mc-text-primary);text-transform:uppercase;margin-bottom:var(--mc-space-4)}.remember-module-content{color:var(--mc-text-primary);background-color:var(--mc-bg-secondary);padding:var(--mc-space-4);border-radius:var(--mc-radius-md)}.remember-module-empty{color:var(--mc-text-tertiary)}.remember-module-text-block{margin-bottom:var(--mc-space-2)}.remember-module-formula-block{margin-bottom:var(--mc-space-4)}.remember-module-unsupported{color:var(--mc-text-tertiary)}@media(max-width:768px){.remember-module-container{padding-left:var(--mc-space-4);border-left-width:6px}.remember-module-content{padding:var(--mc-space-3)}}.review-module-container{border-left:8px solid var(--mc-color-review);padding-left:var(--mc-space-6)}.review-module-title{font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);color:var(--mc-text-primary);text-transform:uppercase;margin-bottom:var(--mc-space-4)}.review-module-content{color:var(--mc-text-primary)}.review-module-question{font-size:var(--mc-text-xl);margin-bottom:var(--mc-space-4)}.review-module-graph{margin-top:var(--mc-space-6);margin-bottom:var(--mc-space-6)}.review-module-user-answer{margin-top:var(--mc-space-4)}.review-module-user-answer-value{font-weight:var(--mc-font-bold);padding:var(--mc-space-1);background-color:#ef44441a;border-radius:var(--mc-radius-md)}@media(max-width:768px){.review-module-container{padding-left:var(--mc-space-4);border-left-width:6px}.review-module-question{font-size:var(--mc-text-lg)}}.explanation-step-container{position:relative;padding:var(--mc-step-padding-y) 0;margin-bottom:var(--mc-step-gap);padding-left:var(--mc-space-5)}.explanation-step-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--mc-step-sidebar-visible) * var(--mc-step-sidebar-width, var(--mc-step-border-width)));border-radius:var(--mc-step-sidebar-radius, var(--mc-radius-sm));background-color:var(--current-step-color);opacity:var(--mc-step-sidebar-opacity, 1)}.explanation-step-container:after{content:"";position:absolute;inset:0;background:var(--current-step-bg);z-index:-1;border-radius:0 var(--mc-radius-lg) var(--mc-radius-lg) 0}.explanation-step-title{font-family:var(--mc-font-sans);font-size:var(--mc-text-xl);font-weight:var(--mc-font-bold);color:var(--current-step-color);margin-bottom:var(--mc-space-3);display:flex;align-items:baseline;gap:var(--mc-space-2)}.explanation-step-number{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--mc-radius-full);background-color:var(--current-step-color);color:var(--mc-text-inverse);font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);flex-shrink:0}.explanation-step-content{color:var(--mc-text-secondary);line-height:var(--mc-leading-relaxed);font-size:var(--mc-text-base)}.explanation-step-chart-container{display:flex;justify-content:center;margin:var(--mc-space-6) 0}.explanation-step-mathcard{background:transparent!important;border:none!important;box-shadow:none!important}.explanation-step-mathcard .mathcard-v2-card{background:transparent}.explanation-step-mathcard .mathcard-v2-text-content{color:var(--mc-text-secondary);line-height:var(--mc-leading-relaxed)}@media(max-width:768px){.explanation-step-container{padding-left:var(--mc-space-4)}.explanation-step-title{font-size:var(--mc-text-lg);flex-direction:column;align-items:flex-start;gap:var(--mc-space-2)}}.solve-module-container{border-left:8px solid var(--mc-color-solve);padding-left:var(--mc-space-6)}.solve-module-title{font-size:var(--mc-text-sm);font-weight:var(--mc-font-bold);color:var(--mc-text-primary);text-transform:uppercase;margin-bottom:var(--mc-space-4)}.solve-module-content{color:var(--mc-text-primary)}.solve-module-content>*+*{margin-top:var(--mc-space-4)}.solve-module-empty{padding:var(--mc-space-4);background-color:var(--mc-bg-secondary);border:1px solid var(--mc-border-default);border-radius:var(--mc-radius-md);color:var(--mc-text-tertiary);font-size:var(--mc-text-sm)}.solve-module-button-container{padding-top:var(--mc-space-1)}.solve-module-button{display:inline-flex;align-items:center;gap:var(--mc-space-2);padding:var(--mc-space-2) var(--mc-space-4);border-radius:var(--mc-radius-md);border:1px solid var(--mc-border-default);color:var(--mc-text-primary);background-color:var(--mc-bg-primary);transition:background-color var(--mc-transition-normal);cursor:pointer;min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable)}.solve-module-button:hover{background-color:var(--mc-bg-secondary)}.solve-module-button:focus{outline:2px solid var(--mc-border-focus);outline-offset:2px}.solve-module-detailed-container{margin-top:var(--mc-space-6)}.solve-module-detailed-title{font-size:var(--mc-text-lg);font-weight:var(--mc-font-semibold);color:var(--mc-text-primary);margin-bottom:var(--mc-space-4)}@media(max-width:768px){.solve-module-container{padding-left:var(--mc-space-4);border-left-width:6px}.solve-module-button{width:100%;justify-content:center}}.explanation-error-banner{background-color:var(--mc-bg-primary);border-bottom:1px solid var(--mc-color-warning)}.explanation-inner-container{padding:1.5625rem 1.875rem;display:flex;align-items:flex-start;gap:var(--mc-space-4)}.explanation-icon{font-size:var(--mc-text-3xl);line-height:1}.explanation-content{flex:1}.explanation-content-spacing>*+*{margin-top:var(--mc-space-5)}.explanation-title{font-size:2rem;line-height:1.2;font-weight:var(--mc-font-semibold);color:var(--mc-color-info)}.explanation-description{font-size:1.125rem;line-height:1.6;color:var(--mc-text-secondary)}.explanation-description-spacing>*+*{margin-top:var(--mc-space-2)}.correct-answer-label{color:var(--mc-color-review)}.correct-answer-value-container{display:inline-flex;align-items:center;gap:var(--mc-space-2)}.correct-answer-value{font-size:1.25rem;font-weight:var(--mc-font-bold);color:var(--mc-color-error);background-color:#fffc;padding:var(--mc-space-2) var(--mc-space-3);border-radius:var(--mc-radius-md);box-shadow:var(--mc-shadow-sm);font-family:var(--mc-font-serif)}.explanation-button-container{padding-top:var(--mc-space-1)}.explanation-next-button{min-width:120px}.explanation-content-area{padding:var(--mc-space-6);margin-top:var(--mc-space-6)}.explanation-content-area>*+*{margin-top:var(--mc-space-8)}@media(min-width:768px){.explanation-content-area{padding:var(--mc-space-8)}}.explanation-subtitle{font-size:var(--mc-text-xl);font-weight:var(--mc-font-semibold);color:var(--mc-color-review)}.explanation-bottom-area{padding:var(--mc-space-6);text-align:right;border-top:1px solid var(--mc-border-default)}@media(max-width:768px){.explanation-inner-container{flex-direction:column;gap:var(--mc-space-4)}.explanation-button-container{align-self:flex-end;padding-top:0}.explanation-next-button{width:100%}.explanation-title{font-size:var(--mc-text-3xl)}.explanation-description,.correct-answer-value{font-size:var(--mc-text-lg)}.explanation-content-area{padding:var(--mc-space-4);margin-top:var(--mc-space-4)}.explanation-bottom-area{padding:var(--mc-space-4)}}.success-scene-container{padding:var(--mc-space-8);background-color:var(--mc-bg-success);text-align:center}.success-message-title{font-size:var(--mc-text-2xl);font-weight:var(--mc-font-bold);color:var(--mc-color-success)}.success-message-description{font-size:var(--mc-text-lg);color:var(--mc-text-secondary);margin-top:var(--mc-space-2)}.concept-review-container{margin-top:var(--mc-space-6);max-width:var(--mc-max-content-width);margin-left:auto;margin-right:auto}.next-button{margin-top:var(--mc-space-6)}@media(max-width:768px){.success-scene-container{padding:var(--mc-space-6)}.success-message-title{font-size:var(--mc-text-xl)}.success-message-description{font-size:var(--mc-text-base)}.concept-review-container,.next-button{margin-top:var(--mc-space-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.math-session-page{min-height:100vh;background-color:#f8fafc;display:flex;flex-direction:column}.math-session-page.loading{display:flex;align-items:center;justify-content:center}.page-loading-container{text-align:center;padding:3rem}.loading-spinner .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#64748b;font-size:1rem;margin:0}.math-session-page.error{display:flex;align-items:center;justify-content:center}.error-container{text-align:center;padding:3rem;max-width:400px}.error-icon{font-size:3rem;margin-bottom:1rem}.error-title{font-size:1.5rem;font-weight:600;color:#dc2626;margin:0 0 .5rem}.error-message{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.retry-button{background-color:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#2563eb}.retry-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.page-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.page-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.session-info{display:flex;gap:1rem;font-size:.875rem;color:#64748b}.session-id,.grade-info{background-color:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem}.page-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.page-footer{background-color:#f1f5f9;border-top:1px solid #e2e8f0;padding:1rem 2rem}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-text{color:#64748b;font-size:.875rem;margin:0}@media(max-width:768px){.page-header{padding:1rem}.header-content{flex-direction:column;gap:.5rem;align-items:flex-start}.session-info{flex-direction:column;gap:.25rem}.page-main,.page-footer{padding:1rem}}@media(prefers-color-scheme:dark){.math-session-page{background-color:#0f172a;color:#f8fafc}.page-header{background-color:#1e293b;border-bottom-color:#334155}.page-title{color:#f8fafc}.session-id,.grade-info{background-color:#334155;color:#cbd5e1}.page-footer{background-color:#1e293b;border-top-color:#334155}.footer-text{color:#94a3b8}}.decimal-error-banner{padding:var(--mc-space-6);background-color:#ef44440d;border-bottom:1px solid rgba(239,68,68,.2);display:flex;align-items:center}.decimal-error-title{font-size:var(--mc-text-xl);font-weight:var(--mc-font-bold);color:#991b1b}.decimal-error-description{color:var(--mc-text-secondary);margin-top:var(--mc-space-1)}.decimal-error-description strong{font-weight:var(--mc-font-bold)}.decimal-understand-button{margin-left:auto;background-color:#059669;color:var(--mc-text-inverse);font-weight:var(--mc-font-bold);padding:var(--mc-space-2) var(--mc-space-6);border-radius:var(--mc-radius-md);transition:background-color var(--mc-transition-normal);border:none;cursor:pointer;min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable)}.decimal-understand-button:hover{background-color:#047857}.decimal-content-area{padding:var(--mc-space-6)}.decimal-content-area>*+*{margin-top:var(--mc-space-8)}@media(min-width:768px){.decimal-content-area{padding:var(--mc-space-8)}}.decimal-bottom-area{padding:var(--mc-space-6);text-align:right;border-top:1px solid var(--mc-border-default)}.decimal-bottom-button{background-color:#059669;color:var(--mc-text-inverse);font-weight:var(--mc-font-bold);padding:var(--mc-space-2) var(--mc-space-6);border-radius:var(--mc-radius-md);transition:background-color var(--mc-transition-normal);border:none;cursor:pointer;min-height:var(--mc-touch-comfortable);min-width:var(--mc-touch-comfortable)}.decimal-bottom-button:hover{background-color:#047857}@media(max-width:768px){.decimal-error-banner{flex-direction:column;align-items:stretch;gap:var(--mc-space-4)}.decimal-understand-button{margin-left:0;width:100%}.decimal-content-area,.decimal-bottom-area{padding:var(--mc-space-4)}.decimal-bottom-button{width:100%}}

package/dist/pages/GradeUnitBrowserPage/GradeUnitBrowserPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GradeUnitBrowserPage.d.ts","sourceRoot":"","sources":["../../../src/pages/GradeUnitBrowserPage/GradeUnitBrowserPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAKzC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,4BAA4B,CAAC;AAqIpC,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAC"}
+{"version":3,"file":"GradeUnitBrowserPage.d.ts","sourceRoot":"","sources":["../../../src/pages/GradeUnitBrowserPage/GradeUnitBrowserPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,4BAA4B,CAAC;AAuIpC,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAMpE,CAAC"}

package/dist/pages/MathSessionPage/MathSessionPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MathSessionPage.d.ts","sourceRoot":"","sources":["../../../src/pages/MathSessionPage/MathSessionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,KAAK,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AAC1E,OAAO,uBAAuB,CAAC;;AAyT/B,wBAA2C"}
+{"version":3,"file":"MathSessionPage.d.ts","sourceRoot":"","sources":["../../../src/pages/MathSessionPage/MathSessionPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,KAAK,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AAC1E,OAAO,uBAAuB,CAAC;;AA2T/B,wBAA2C"}