:root,[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff6ff;--accent-border: #bfdbfe;--border-color: #e2e8f0;--border-subtle: #cbd5e1;--color-success: #16a34a;--bg-success: #f0fdf4;--border-success: #bbf7d0;--color-warning: #d97706;--bg-warning: #fffbeb;--border-warning: #fef3c7;--color-danger: #dc2626;--bg-danger: #fef2f2;--border-danger: #fecaca;--color-purple: #9333ea;--bg-purple: #faf5ff;--border-purple: #e9d5ff;--header-icon-bg: #f8fafc;--header-icon-bg-hover: #eef2f7;--header-icon-bg-active: #e2e8f0;--header-icon-border: #cbd5e1;--header-icon-color: #1e293b;--header-icon-focus: #2563eb;--scrollbar-track: #edf0f4;--scrollbar-thumb: #8b96a8;--scrollbar-thumb-hover: #657187;--scrollbar-thumb-active: #4e5a70;--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);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=dark]{--bg-primary: #0b0f17;--bg-secondary: #131b2e;--bg-tertiary: #1e293b;--bg-hover: #334155;--bg-active: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--accent-primary: #3b82f6;--accent-hover: #60a5fa;--accent-light: #1e293b;--accent-border: #2563eb;--border-color: #1e293b;--border-subtle: #334155;--color-success: #4ade80;--bg-success: #064e3b;--border-success: #047857;--color-warning: #fbbf24;--bg-warning: #78350f;--border-warning: #b45309;--color-danger: #f87171;--bg-danger: #7f1d1d;--border-danger: #b91c1c;--color-purple: #c084fc;--bg-purple: #581c87;--border-purple: #7e22ce;--header-icon-bg: #1e293b;--header-icon-bg-hover: #293548;--header-icon-bg-active: #344258;--header-icon-border: #475569;--header-icon-color: #f1f5f9;--header-icon-focus: #60a5fa;--scrollbar-track: #151a22;--scrollbar-thumb: #4b5668;--scrollbar-thumb-hover: #66748a;--scrollbar-thumb-active: #8090aa;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5)}[data-theme=reading]{--bg-primary: #fbf0d9;--bg-secondary: #f4e4c1;--bg-tertiary: #ebd7b0;--bg-hover: #dfc79b;--bg-active: #d1b683;--text-primary: #2d241e;--text-secondary: #4a3c31;--text-muted: #73604f;--text-inverse: #fbf0d9;--accent-primary: #8c5319;--accent-hover: #704011;--accent-light: #f4e4c1;--accent-border: #b88646;--border-color: #e0ccaa;--border-subtle: #d1b683;--color-success: #2e6b30;--bg-success: #e2f0d9;--border-success: #c3e2b2;--color-warning: #a05a00;--bg-warning: #faebd7;--border-warning: #e6c896;--color-danger: #a82424;--bg-danger: #f7dada;--border-danger: #e6aaaa;--color-purple: #6b359c;--bg-purple: #ede2f7;--border-purple: #d7bfe8;--header-icon-bg: #f1dfb8;--header-icon-bg-hover: #e8d19f;--header-icon-bg-active: #dcc38d;--header-icon-border: #c9a96d;--header-icon-color: #5b3a17;--header-icon-focus: #9a5a13;--scrollbar-track: #eee4cf;--scrollbar-thumb: #a48d69;--scrollbar-thumb-hover: #856f50;--scrollbar-thumb-active: #6f5b40;--font-sans: "Newsreader", Georgia, serif}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main-layout{display:flex;flex:1;position:relative}.app-header{height:64px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.nav-toggle-2line{position:relative;width:44px;height:44px;background:var(--header-icon-bg);border:1px solid var(--header-icon-border);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease}.nav-toggle-2line:hover{background:var(--header-icon-bg-hover)}.nav-toggle-2line:focus-visible{outline:3px solid var(--header-icon-focus);outline-offset:2px}.nav-line{position:absolute;width:20px;height:2px;background-color:var(--header-icon-color);border-radius:999px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-line-top{transform:translateY(-3.5px)}.nav-line-bottom{transform:translateY(3.5px)}.nav-toggle-2line[aria-expanded=true] .nav-line-top{transform:translateY(0) rotate(45deg)}.nav-toggle-2line[aria-expanded=true] .nav-line-bottom{transform:translateY(0) rotate(-45deg)}.keyboard-shortcuts-button{width:44px;height:44px;background:var(--header-icon-bg);border:1px solid var(--header-icon-border);color:var(--header-icon-color);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease}.keyboard-shortcuts-button:hover{background:var(--header-icon-bg-hover)}.keyboard-shortcuts-button:active{background:var(--header-icon-bg-active)}.keyboard-shortcuts-button:focus-visible{outline:3px solid var(--header-icon-focus);outline-offset:2px}.keyboard-shortcuts-button svg{color:currentColor;stroke:currentColor}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb-item{background:none;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;font-weight:500}.breadcrumb-item:hover{color:var(--accent-primary)}.breadcrumb-sep{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary)}.header-search-wrapper{position:relative;width:260px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:.4rem .8rem .4rem 2.2rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem}.search-input:focus{outline:none;border-color:var(--accent-primary);background-color:var(--bg-secondary)}.progress-pill{display:flex;align-items:center;gap:.4rem;background-color:var(--bg-tertiary);padding:.3rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:600}.theme-selector{display:flex;background-color:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px}.theme-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:none;background:none;color:var(--text-muted);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer}.theme-btn.active{background-color:var(--bg-secondary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.app-nav{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .2s ease,width .2s ease;z-index:90}.nav-header{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.nav-title{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-filters{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.filter-chip-group{display:flex;gap:.4rem;flex-wrap:wrap}.filter-chip{border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.filter-chip.active{background-color:var(--accent-light);border-color:var(--accent-border);color:var(--accent-primary)}.nav-scroll-area{flex:1;overflow-y:auto;padding:.75rem 0}.nav-group-title{width:100%;text-align:left;background:none;border:none;padding:.6rem 1.25rem;font-weight:700;font-size:.8125rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between}.nav-group-title:hover{background-color:var(--bg-hover)}.nav-problem-list{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.5rem 1.25rem;background:none;border:none;color:var(--text-secondary);font-size:.8125rem;text-align:left;cursor:pointer;border-left:3px solid transparent}.nav-item:hover{background-color:var(--bg-hover)}.nav-item.is-active{background-color:var(--accent-light);border-left-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.nav-item-num{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.nav-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-empty{padding:.5rem 1.25rem;font-size:.75rem;color:var(--text-muted);font-style:italic}.main-content{flex:1;padding:2rem;overflow-y:auto;max-width:1200px;margin:0 auto}.view-container{display:flex;flex-direction:column;gap:1.5rem}.problem-header{display:flex;flex-direction:column;gap:.5rem}.problem-context-badge{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.problem-title{font-size:2rem;font-weight:800;line-height:1.2;color:var(--text-primary)}.problem-metadata{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.metadata-item{display:flex;flex-direction:column;gap:.15rem}.metadata-item dt{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.metadata-item dd{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.problem-statement-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem}.statement-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.statement-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.problem-number{font-family:var(--font-mono);font-size:.8125rem;font-weight:700;background-color:var(--accent-light);color:var(--accent-primary);border:1px solid var(--accent-border);padding:.2rem .6rem;border-radius:var(--radius-sm)}.problem-context{font-size:1.125rem;line-height:1.7;color:var(--text-primary)}@media (max-width: 640px){.problem-context{font-size:1rem;line-height:1.6}}.problem-parts{list-style-type:none;padding-left:0;display:flex;flex-direction:column;gap:.85rem}.part-item{display:flex;align-items:flex-start;gap:.75rem}.part-marker{font-weight:700;font-size:1.125rem;color:var(--accent-primary);min-width:2.2rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.part-content{flex:1;font-size:1.125rem;line-height:1.7;color:var(--text-primary)}@media (max-width: 640px){.part-marker,.part-content{font-size:1rem;line-height:1.6}}.problem-table-wrapper{margin:.5rem 0}.problem-data-table{width:100%;border-collapse:collapse;font-size:.9375rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.problem-data-table th{background-color:var(--bg-hover);color:var(--text-primary);font-weight:700;padding:.6rem 1rem;border-bottom:2px solid var(--border-color)}.problem-data-table td{padding:.6rem 1rem;border-bottom:1px solid var(--border-color)}.published-answer-drawer{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.drawer-toggle-btn{width:100%;padding:.75rem 1.25rem;background-color:var(--bg-tertiary);border:none;display:flex;align-items:center;gap:.6rem;cursor:pointer;color:var(--text-primary);font-weight:700;font-size:.9375rem;text-align:left;transition:background-color .15s ease}.drawer-toggle-btn:hover{background-color:var(--bg-hover)}.drawer-toggle-btn:focus-visible{outline:3px solid var(--accent-primary);outline-offset:-2px}.drawer-content-panel{padding:1.25rem;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.ans-spacious-container{display:flex;flex-direction:column;gap:.75rem}.ans-part-group{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .75rem;background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-sm)}.ans-part-marker{font-weight:700;color:var(--accent-primary);font-size:.875rem}.ans-part-val{font-size:.9375rem;color:var(--text-primary)}.source-issue-callout{margin-top:1rem;padding:.6rem .9rem;background-color:var(--bg-warning);border:1px solid var(--border-warning);border-radius:var(--radius-md);display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-warning)}.hints-title-group{display:flex;align-items:center;gap:.75rem}.hints-status-pill{font-size:.75rem;font-weight:700;color:var(--color-warning);background-color:var(--bg-secondary);padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-warning)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.scan-modal-container,.kbd-modal-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;overscroll-behavior:contain}.compact-modal-header{padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.compact-modal-title{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.3;font-weight:700;color:var(--text-primary)}.compact-scan-toolbar{padding:.4rem 1.25rem;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.toolbar-left-group{display:flex;align-items:center;gap:.5rem}.toolbar-right-source{font-size:.75rem;font-weight:600;color:var(--text-muted)}.maximized-scan-viewport{flex:1;overflow:auto;padding:1rem;display:flex;justify-content:center;background-color:var(--bg-primary);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.scan-image{max-width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.kbd-modal-body{padding:1.5rem;background-color:var(--bg-secondary);color:var(--text-primary)}.kbd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.kbd-shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.kbd-desc{font-size:.875rem;font-weight:500;color:var(--text-primary)}.kbd-key{font-family:var(--font-mono);font-size:.75rem;font-weight:700;background-color:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--border-color);padding:.15rem .45rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.try-it-container{display:flex;flex-direction:column;gap:1rem}.try-it-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.try-it-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.card-title-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.card-heading{font-size:1rem;font-weight:700}.card-subtext{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem}.checklist-group{display:flex;flex-direction:column;gap:.4rem}.checklist-item{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .6rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;text-align:left;cursor:pointer}.checklist-item.is-checked{background-color:var(--bg-success);border-color:var(--border-success);color:var(--color-success);font-weight:500}.scratchpad-textarea{width:100%;height:160px;padding:.75rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;resize:vertical;margin-bottom:.5rem}.scratchpad-textarea:focus{outline:none;border-color:var(--accent-primary);background-color:var(--bg-secondary)}.hints-section{background-color:var(--bg-warning);border:1px solid var(--border-warning);border-radius:var(--radius-lg);padding:1.25rem}.hints-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.hints-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9375rem;color:var(--color-warning)}.hints-actions{display:flex;gap:.5rem}.hints-list{display:flex;flex-direction:column;gap:.5rem}.hint-card{background-color:var(--bg-secondary);padding:.6rem .9rem;border-radius:var(--radius-md);font-size:.875rem;border-left:3px solid var(--color-warning)}.hint-tag{font-weight:700;color:var(--color-warning);margin-right:.5rem}.recognition-card,.given-data-card,.solution-steps-card,.final-answer-card,.comparison-card,.related-concepts-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.recognition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.rec-item{background-color:var(--bg-tertiary);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem}.rec-item strong{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.2rem}.solution-steps-wrapper{display:flex;flex-direction:column;gap:1rem}.steps-controls{display:flex;justify-content:flex-end}.steps-list{display:flex;flex-direction:column;gap:.75rem}.step-card{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.step-header{width:100%;padding:.75rem 1rem;background-color:var(--bg-tertiary);border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-primary);text-align:left}.step-header:hover{background-color:var(--bg-hover)}.step-title-group{display:flex;align-items:center;gap:.75rem}.step-number{font-family:var(--font-mono);font-weight:700;font-size:.75rem;color:var(--accent-primary);background-color:var(--accent-light);padding:.15rem .5rem;border-radius:var(--radius-sm)}.step-title{font-weight:600;font-size:.9375rem}.step-body{padding:1.25rem;background-color:var(--bg-secondary);display:flex;flex-direction:column;gap:1rem}.formula-box,.substitution-box,.calc-box{background-color:var(--bg-tertiary);padding:.75rem 1rem;border-radius:var(--radius-md)}.formula-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-muted);margin-bottom:.35rem}.step-result-banner{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-success);border:1px solid var(--border-success);padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600}.why-note{font-size:.8125rem;color:var(--text-secondary);background-color:var(--accent-light);padding:.5rem .8rem;border-radius:var(--radius-sm);border-left:3px solid var(--accent-primary)}.final-answer-box{background-color:var(--bg-tertiary);border:2px solid var(--accent-primary);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.final-primary-val{font-family:var(--font-mono);font-size:1.25rem;font-weight:800;color:var(--accent-primary)}.final-summary{font-size:.9375rem;color:var(--text-secondary)}.problem-nav-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:background-color .15s ease}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-success{background-color:var(--bg-success);color:var(--color-success);border-color:var(--border-success)}.btn-ghost{background:none;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-hover)}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.badge-primary{background-color:var(--accent-light);color:var(--accent-primary)}.badge-accent{background-color:var(--bg-tertiary);color:var(--text-primary)}.badge-success{background-color:var(--bg-success);color:var(--color-success);border:1px solid var(--border-success)}.badge-warning{background-color:var(--bg-warning);color:var(--color-warning);border:1px solid var(--border-warning)}.badge-danger{background-color:var(--bg-danger);color:var(--color-danger);border:1px solid var(--border-danger)}.badge-purple{background-color:var(--bg-purple);color:var(--color-purple);border:1px solid var(--border-purple)}.table-responsive{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;text-align:left;padding:.6rem .9rem;border-bottom:2px solid var(--border-color)}td{padding:.6rem .9rem;border-bottom:1px solid var(--border-color)}tr:hover{background-color:var(--bg-hover)}.source-callout{padding:1rem 1.25rem;border-radius:var(--radius-md);border-left:4px solid;margin-bottom:1rem}.callout-info{background-color:var(--accent-light);border-color:var(--accent-primary)}.callout-warning{background-color:var(--bg-warning);border-color:var(--color-warning)}.callout-danger{background-color:var(--bg-danger);border-color:var(--color-danger)}.callout-purple{background-color:var(--bg-purple);border-color:var(--color-purple)}.callout-success{background-color:var(--bg-success);border-color:var(--color-success)}.callout-header{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.35rem}.math-rendered{font-family:var(--font-serif)}.math-block{display:block;margin:.5rem 0;overflow-x:auto;padding:.5rem 0}@media print{.app-header,.app-nav,.action-row,.try-it-container,.problem-nav-footer,.kbd-help-btn{display:none!important}body,.main-content{background-color:#fff!important;color:#000!important;padding:0!important}.problem-statement-card,.final-answer-card,.solution-steps-card{border:1px solid #ccc!important;box-shadow:none!important}}