.line-equation-wrapper{max-width:1200px;margin:30px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .08);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.tab-navigation{display:flex;gap:10px;margin-bottom:25px;border-bottom:3px solid #e2e8f0;flex-wrap:wrap}.tab-btn{flex:1;min-width:200px;padding:15px 20px;border:none;background:#fff0;cursor:pointer;font-size:15px;font-weight:600;color:#64748b;border-bottom:3px solid #fff0;transition:all 0.3s ease;position:relative;top:3px}.tab-btn:hover{background:#f8fafc;color:#0284c7}.tab-btn.active{color:#0284c7;border-bottom-color:#0284c7;background:#f0f9ff}.tab-content{display:none}.tab-content.active{display:block}.section-subtitle{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.points-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.point-input-group,.vector-input-group,.condition-input-group{margin-bottom:20px}.input-label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:15px}.coord-inputs{display:flex;align-items:center;gap:10px}.coord-input{flex:1;padding:12px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;font-family:'Courier New',monospace;transition:all 0.3s ease}.coord-input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px rgb(2 132 199 / .1)}.coord-separator{font-size:20px;font-weight:700;color:#64748b}.vector-type-section,.condition-type-section{margin-bottom:20px}.vector-type-buttons,.condition-type-buttons{display:flex;gap:10px;flex-wrap:wrap}.vector-type-btn,.condition-type-btn{flex:1;min-width:200px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease}.vector-type-btn:hover,.condition-type-btn:hover{background:#e0f2fe;border-color:#0284c7}.vector-type-btn.active,.condition-type-btn.active{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#0284c7;color:#fff}.line-equation-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eq-separator{font-size:16px;font-weight:600;color:#64748b}.condition-input-group.hidden{display:none}.example-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.example-btn{padding:10px 18px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease}.example-btn:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgb(245 158 11 / .3)}.action-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.btn-primary,.btn-reset,.btn-action{padding:14px 28px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.btn-primary{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);color:#fff;flex:1;min-width:200px}.btn-primary:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(2 132 199 / .3)}.btn-reset{background:#ef4444;color:#fff}.btn-reset:hover{background:#dc2626;transform:translateY(-2px)}.result-section{margin-top:30px;padding:25px;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:10px;border:2px solid #0284c7}.result-section.hidden{display:none}.equation-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:25px}.equation-card{padding:20px;background:#fff;border-radius:10px;border-left:5px solid #0284c7;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.equation-card:nth-child(2){border-left-color:#10b981}.equation-card:nth-child(3){border-left-color:#f59e0b}.equation-type{font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.equation-value{font-size:18px;color:#0f172a;line-height:1.6;overflow-x:auto;overflow-y:hidden}.equation-value .katex-display{margin:.25em 0;text-align:left}.equation-value .katex-display>.katex{text-align:left}.equation-note,.step-note{display:block;margin-top:6px;font-size:13px;color:#64748b;font-weight:400}.line-equation-wrapper .katex{font-size:1.12em}.line-equation-wrapper [data-katex][data-display="1"]{display:block;margin:10px 0;overflow-x:auto;overflow-y:hidden}.tex-fallback{font-family:"Cambria Math","Times New Roman",serif;font-style:italic}.entry-content [data-katex][data-display="1"]{display:block;margin:.75rem 0;text-align:center;overflow-x:auto;overflow-y:hidden}.graph-section{margin:25px 0;padding:20px;background:#fff;border-radius:10px}.section-title{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.graph-svg-wrapper{min-height:400px;display:flex;justify-content:center;align-items:center;padding:20px;background:#f8fafc;border-radius:8px}.steps-section{margin:25px 0;padding:20px;background:#fff;border-radius:10px}.step-item{padding:15px;margin-bottom:12px;background:#f8fafc;border-left:4px solid #0284c7;border-radius:6px}.step-item strong{color:#0284c7;display:block;margin-bottom:8px}.step-formula{background:#fff;padding:10px 12px;border-radius:4px;margin:8px 0;border:1px solid #e2e8f0;overflow-x:auto;overflow-y:hidden}.step-calculation{background:#fef3c7;padding:10px 12px;border-radius:4px;margin:8px 0;border-left:3px solid #f59e0b;overflow-x:auto;overflow-y:hidden}.step-result{background:#dcfce7;padding:10px 12px;border-radius:4px;margin:8px 0;border-left:3px solid #10b981;overflow-x:auto;overflow-y:hidden}.step-label{color:#475569;font-size:14px;margin-right:4px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn-action{background:#64748b;color:#fff}.btn-action:hover{background:#475569;transform:translateY(-2px)}.quiz-section{margin-top:40px;padding:30px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;border:2px solid #f59e0b}.quiz-title{font-size:22px;font-weight:700;color:#78350f;margin-bottom:25px;text-align:center}.quiz-question{background:#fff;padding:25px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.question-text{font-size:16px;line-height:1.6;color:#1e293b;margin-bottom:20px}.question-text strong{color:#0284c7;font-size:18px}.quiz-options{display:grid;gap:12px}.quiz-option{padding:15px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all 0.3s ease;text-align:left;font-size:15px;color:#334155}.quiz-option:hover{background:#e0f2fe;border-color:#0284c7;transform:translateX(5px)}.quiz-option.correct{background:#dcfce7;border-color:#16a34a;color:#166534;font-weight:600}.quiz-option.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.quiz-option:disabled{cursor:not-allowed;opacity:.7}.quiz-explanation{margin-top:15px;padding:20px;background:#f0f9ff;border-left:4px solid #0284c7;border-radius:6px;animation:slideDown 0.3s ease}.quiz-explanation.hidden{display:none}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-content{color:#0f172a;line-height:1.7}.explanation-content strong{color:#0284c7;display:block;margin-bottom:10px}@media (max-width:768px){.line-equation-wrapper{padding:20px}.tab-navigation{flex-direction:column}.tab-btn{top:0;border-bottom:none;border-left:3px solid #fff0}.tab-btn.active{border-left-color:#0284c7;border-bottom:none}.points-input-grid{grid-template-columns:1fr}.equation-results{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-primary,.btn-reset{width:100%}.vector-type-buttons,.condition-type-buttons{flex-direction:column}.vector-type-btn,.condition-type-btn{width:100%}}@media print{.action-buttons,.result-actions,.quiz-section,.example-buttons,.tab-navigation,.vector-type-buttons,.condition-type-buttons{display:none!important}.line-equation-wrapper{box-shadow:none}.tab-content{display:block!important}.result-section{border:1px solid #000}}