:root{ --bg-color:#f8fafc;--card-bg:#ffffff;--border-color:#e2e8f0;--text-color:#0f172a;--text-secondary:#475569;--btn-primary-bg:#2563eb;--btn-primary-text:#ffffff;--btn-secondary-bg:#f1f5f9;--btn-secondary-text:#1e293b;--accent-color:#2563eb;--font-stack:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Consolas,monospace;--max-width:1100px;}[data-theme="dark"]{ --bg-color:#090d16;--card-bg:#0f172a;--border-color:#1e293b;--text-color:#f8fafc;--text-secondary:#94a3b8;--btn-primary-bg:#3b82f6;--btn-primary-text:#ffffff;--btn-secondary-bg:#1e293b;--btn-secondary-text:#f8fafc;--accent-color:#3b82f6;}*{ box-sizing:border-box;margin:0;padding:0;}body{ background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-stack);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color 0.3s,color 0.3s;}h1,h2,h3,h4{ font-weight:700;letter-spacing:-0.02em;margin-bottom:0.8rem;color:var(--text-color);}h1{ font-size:2.5rem;line-height:1.1;}h2{ font-size:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem;margin-top:2rem;}h3{ font-size:1.4rem;margin-top:1.5rem;}h4{ font-size:1.1rem;}p{ margin-bottom:1.2rem;color:var(--text-secondary);}strong{ color:var(--text-color);}a{ color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s,opacity 0.2s;}a:hover{ border-bottom-color:var(--accent-color);opacity:0.9;}header{ position:sticky;top:0;z-index:100;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);}[data-theme="dark"] header{ background-color:rgba(9,13,22,0.85);}.header-container{ max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem;}.logo{ font-weight:800;font-size:1.2rem;text-decoration:none;letter-spacing:-0.03em;display:flex;align-items:center;gap:0.5rem;}.logo::before{ content:"[ ]";font-family:var(--font-mono);font-weight:400;color:var(--text-color);}nav{ display:flex;align-items:center;gap:1.5rem;}nav a{ text-decoration:none;font-size:0.9rem;font-weight:500;color:var(--text-secondary);}nav a:hover,nav a.active{ color:var(--accent-color);}main{ max-width:var(--max-width);margin:0 auto;padding:2rem 1rem;}.breadcrumbs{ font-size:0.8rem;color:var(--text-secondary);margin-bottom:1.5rem;}.breadcrumbs a{ text-decoration:none;color:var(--text-secondary);}.breadcrumbs span{ margin:0 0.4rem;}.hero{ margin-bottom:3rem;}.hero p{ font-size:1.1rem;max-width:700px;}.calculator-card{ background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-bottom:3rem;}.matrix-dimensions-bar{ display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);}.dimension-selector{ display:flex;align-items:center;gap:0.5rem;}.dimension-selector label{ font-size:0.9rem;font-weight:600;}.dimension-selector select{ background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);padding:0.4rem 0.8rem;border-radius:4px;font-family:var(--font-stack);cursor:pointer;}.matrix-workspace{ display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;align-items:center;margin-bottom:2rem;}.matrix-block{ display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.matrix-block h3{ margin:0;font-size:1rem;}.matrix-input-table{ border-collapse:collapse;}.matrix-cell{ width:60px;height:40px;text-align:center;font-family:var(--font-mono);font-size:0.95rem;background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);margin:3px;border-radius:4px;transition:border-color 0.2s,box-shadow 0.2s;}.matrix-cell:focus{ outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(37,99,235,0.25);}[data-theme="dark"] .matrix-cell:focus{ box-shadow:0 0 0 2px rgba(59,130,246,0.35);}.augmented-matrix-input .augmented-divider{ border-right:2px solid var(--text-color) !important;padding-right:8px;}.solver-cell-wrapper{ display:flex;align-items:center;gap:2px;}.solver-var-label{ font-family:var(--font-mono);font-size:0.85rem;color:var(--text-secondary);}.solver-plus,.solver-equal{ font-family:var(--font-mono);color:var(--text-secondary);padding:0 4px;}.button-row{ display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem;}.btn{ font-family:var(--font-stack);font-size:0.9rem;font-weight:600;padding:0.6rem 1.5rem;border-radius:4px;border:1px solid var(--border-color);cursor:pointer;transition:transform 0.1s,opacity 0.2s;}.btn:active{ transform:scale(0.98);}.btn-primary{ background-color:var(--btn-primary-bg);color:var(--btn-primary-text);}.btn-secondary{ background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);}.btn:hover{ opacity:0.9;}.error-container{ background-color:rgba(220,38,38,0.1);border:1px solid rgb(220,38,38);color:#ef4444;padding:1rem;border-radius:4px;margin-bottom:2rem;display:none;font-size:0.9rem;}.results-wrapper{ margin-top:3rem;display:none;}.final-result-card{ background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-bottom:2rem;}.matrix-container{ display:inline-flex;position:relative;padding:0 10px;margin:1rem 0;align-items:center;}.matrix-container::before,.matrix-container::after{ content:"";position:absolute;top:0;bottom:0;width:6px;border:2px solid var(--text-color);}.matrix-container::before{ left:0;border-right:0;}.matrix-container::after{ right:0;border-left:0;}.matrix-table{ border-collapse:collapse;}.matrix-table td{ padding:8px 12px;text-align:center;font-family:var(--font-mono);min-width:45px;}.frac{ display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1;font-size:0.85em;padding:0 2px;}.frac sup{ border-bottom:1px solid var(--text-color);padding-bottom:1px;font-size:1em;position:static;}.frac sub{ padding-top:1px;font-size:1em;position:static;}.step-card{ border-left:2px solid var(--border-color);padding-left:1.5rem;margin-bottom:2rem;position:relative;}.step-badge{ display:inline-block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;background-color:var(--btn-secondary-bg);color:var(--text-secondary);padding:0.2rem 0.5rem;border-radius:3px;margin-bottom:0.5rem;}.step-desc{ font-size:0.95rem;color:var(--text-color);margin-bottom:0.8rem;}.step-matrix{ margin-top:0.5rem;}.basis-vectors{ display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0;}.quick-answer-box{ background-color:var(--card-bg);border-left:4px solid var(--accent-color);padding:1.5rem;margin-bottom:2rem;border-radius:0 4px 4px 0;}.quick-answer-box p{ margin:0;font-size:1.05rem;color:var(--text-color);}.faq-section{ margin-top:4rem;}.faq-item{ margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;}.faq-item h3{ margin-top:0;font-size:1.15rem;font-weight:600;}.blog-list{ display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem;}@media (min-width:768px){ .blog-list{ grid-template-columns:repeat(2,1fr);}}.blog-card{ background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem;display:flex;flex-direction:column;}.blog-card h3{ margin-top:0;font-size:1.25rem;}.blog-meta{ font-size:0.8rem;color:var(--text-secondary);margin-bottom:1rem;}.blog-card a{ margin-top:auto;font-weight:600;}article{ max-width:750px;margin:0 auto;}article p{ font-size:1.05rem;margin-bottom:1.5rem;}article ul,article ol{ margin-bottom:1.5rem;padding-left:2rem;color:var(--text-secondary);}article li{ margin-bottom:0.5rem;}footer{ border-top:1px solid var(--border-color);padding:3rem 1rem;background-color:#f1f5f9;margin-top:6rem;}[data-theme="dark"] footer{ background-color:#05070c;}.footer-container{ max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;}@media (min-width:768px){ .footer-container{ grid-template-columns:2fr 1fr 1fr 1fr;}}.footer-col h4{ font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1.2rem;color:var(--text-color);}.footer-col ul{ list-style:none;}.footer-col li{ margin-bottom:0.6rem;}.footer-col a{ color:var(--text-secondary);text-decoration:none;font-size:0.85rem;}.footer-col a:hover{ color:var(--text-color);text-decoration:underline;}.footer-bottom{ max-width:var(--max-width);margin:2rem auto 0 auto;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:0.8rem;color:var(--text-secondary);}.theme-toggle-btn{ background:none;border:none;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center;padding:0.4rem;border-radius:4px;}.theme-toggle-btn svg{ width:20px;height:20px;fill:currentColor;}