input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--accent:var(--calc-color-math);--accent-cyan:#22d3ee;--accent-gold:#fbbf24;--card:#1e293b66;--border:#ffffff14;--bg-dark:#0b1120;--text-main:#fff;--text-dim:#94a3b8;--text-muted:#64748b;--input-bg:#0f172a80;--input-border:#ffffff1f;--step-circle:#818cf840}body{color:var(--calc-text-primary);background-color:#0b1120;background-image:radial-gradient(circle at 15%,#818cf81f,#0000 40%),radial-gradient(circle at 85% 30%,#a855f71a,#0000 40%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex}.main-container{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:30px}.calculator-hero{text-align:center;margin-bottom:28px}.page-title{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.subtitle{color:var(--calc-text-dim);margin:0;font-size:1rem}.outer-tabs-bar{border:1px solid var(--border);background:#0f172a80;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.outer-tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.82rem;font-weight:600;transition:background .2s,color .2s;display:flex}.outer-tab-btn:hover{color:var(--text-main)}.outer-tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #818cf866}.outer-tab-panel{display:none}.outer-tab-panel.active{display:block}.dashboard-split-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.glass-panel{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(8px);border-radius:16px;padding:24px}.input-card label{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.glass-input,.glass-select{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-main);font-size:.95rem;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);box-sizing:border-box;-webkit-appearance:none;appearance:none;border-radius:10px;padding:10px 14px;transition:border-color .2s}.glass-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2394a3b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.glass-input:focus,.glass-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #818cf826}.form-group{margin-bottom:16px}.h-row{margin-top:4px}.preset-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.preset-chip{color:var(--accent);cursor:pointer;white-space:nowrap;background:#818cf81a;border:1px solid #818cf840;border-radius:20px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s}.preset-chip:hover{background:#818cf833;border-color:#818cf880}.divider-line{border:none;border-top:1px solid var(--border);margin:18px 0}.step-toggle-btn{width:100%;color:var(--accent);cursor:pointer;background:#818cf814;border:1px solid #818cf833;border-radius:8px;padding:9px;font-size:.82rem;font-weight:600;transition:background .15s}.step-toggle-btn:hover{background:#818cf826}.step-panel{margin-top:14px}.step-list{flex-direction:column;gap:10px;display:flex}.step-row{align-items:flex-start;gap:12px;display:flex}.step-num{background:var(--step-circle);min-width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:700;display:flex}.step-body{color:var(--text-dim);font-size:.82rem;line-height:1.6;font-family:var(--calc-font-mono,"JetBrains Mono", monospace)}.formula-display{font-family:var(--calc-font-mono,"JetBrains Mono", monospace);color:var(--accent);text-align:center;word-break:break-all;background:#818cf81a;border:1px solid #818cf840;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:.9rem}.result-rows{flex-direction:column;gap:0;display:flex}.result-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.result-row:last-child{border-bottom:none}.result-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.result-val{color:var(--text-main);font-size:.9rem;font-weight:700;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);text-align:right;word-break:break-all;max-width:60%}.result-val--primary{color:var(--accent);font-size:1.4rem}.result-val--tangent{color:var(--accent-cyan)}.action-bar{gap:8px;margin-top:18px;display:flex}.action-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s;display:flex}.action-btn:hover{color:var(--text-main);background:#ffffff1a}.chart-outer{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-top:20px;padding:16px}.chart-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.78rem;font-weight:600}.chart-legend{gap:16px;margin-bottom:10px;display:flex}.legend-item{color:var(--text-dim);align-items:center;gap:6px;font-size:.75rem;display:flex}.legend-dot{border-radius:2px;width:12px;height:3px}.legend-dot--curve{background:#818cf8}.legend-dot--tangent{background:#22d3ee;border-top:2px dashed #22d3ee;height:0}.legend-dot--point{background:#fbbf24;border-radius:50%;width:8px;height:8px}.chart-wrap{height:280px;position:relative}.chart-wrap canvas{width:100%;height:100%;display:block}.rules-container{max-width:820px;margin:0 auto}.rules-card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:28px}.rules-card h2{color:var(--text-main);margin:0 0 18px;font-size:1.1rem;font-weight:700}.rules-table{border-collapse:collapse;width:100%}.rules-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);text-align:left;padding:8px 12px;font-size:.72rem;font-weight:700}.rules-table td{color:var(--text-dim);font-size:.88rem;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);border-bottom:1px solid #ffffff0a;padding:10px 12px}.rules-table tr:last-child td{border-bottom:none}.rules-table td:first-child{color:var(--accent)}.rules-table td:nth-child(2){color:var(--accent-cyan)}.rules-table td:last-child{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.78rem}.composite-rules{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.composite-rule{background:#818cf80f;border:1px solid #818cf826;border-radius:10px;padding:16px}.composite-rule h4{color:var(--text-main);margin:0 0 8px;font-size:.82rem;font-weight:700}.composite-rule .rule-eq{font-family:var(--calc-font-mono,"JetBrains Mono", monospace);color:var(--accent);margin-bottom:6px;font-size:.82rem}.composite-rule p{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.5}.explorer-grid{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.explorer-controls{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.explorer-heading{color:var(--text-main);margin:0 0 6px;font-size:.9rem;font-weight:700}.explorer-fn-display{font-family:var(--calc-font-mono,"JetBrains Mono", monospace);color:var(--accent);min-height:1.2em;margin-bottom:20px;font-size:.85rem}.slider-row{align-items:center;gap:10px;margin-bottom:18px;display:flex}.slider-label{color:var(--text-muted);text-transform:uppercase;min-width:16px;font-size:.78rem;font-weight:700}.slider-row input[type=range]{accent-color:var(--accent);flex:1}.slider-val{font-family:var(--calc-font-mono,"JetBrains Mono", monospace);color:var(--text-main);text-align:right;min-width:44px;font-size:.85rem}.explorer-info{margin-top:4px}.explorer-info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.explorer-info-row:last-child{border-bottom:none}.einfo-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.einfo-value{font-size:.88rem;font-weight:700;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);color:var(--text-main)}.einfo-value--slope{color:var(--accent-cyan)}.explorer-chart-area{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}.explorer-chart-area .chart-wrap{height:320px}.page-sections-outer{max-width:1600px;margin:0 auto;padding:0 1.5rem 3rem}@media (width<=1024px){.dashboard-split-grid,.explorer-grid{grid-template-columns:1fr}}@media (width<=768px){.main-container{padding:16px}.outer-tab-btn{padding:8px;font-size:.74rem}.outer-tabs-bar{gap:2px}.composite-rules{grid-template-columns:1fr}}@media (width<=480px){.outer-tab-btn span.tab-label{display:none}}[data-theme=light]{--accent:var(--calc-color-math);--accent-cyan:#0891b2;--accent-gold:#b45309;--card:#fffffff2;--border:#0000001a;--bg-dark:#f6f7fb;--text-main:#0f172a;--text-dim:#475569;--text-muted:#64748b;--input-bg:#f1f5f9;--input-border:#00000026;--step-circle:#4f46e51f}[data-theme=light] body{color:#0f172a;background:#f6f7fb}[data-theme=light] .page-title{background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .outer-tabs-bar{background:#e2e8f0;border-color:#0000001a}[data-theme=light] .outer-tab-btn{color:#64748b}[data-theme=light] .outer-tab-btn:hover{color:#0f172a}[data-theme=light] .outer-tab-btn.active{background:var(--calc-color-math);color:#fff;box-shadow:0 2px 8px #4f46e54d}[data-theme=light] .glass-panel{background:#fff;border-color:#0000001a;box-shadow:0 2px 12px #0000000f}[data-theme=light] .glass-input,[data-theme=light] .glass-select{color:#0f172a;background:#f1f5f9;border-color:#00000026}[data-theme=light] .glass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}[data-theme=light] .glass-input:focus,[data-theme=light] .glass-select:focus{border-color:var(--calc-color-math);box-shadow:0 0 0 3px #4f46e51f}[data-theme=light] .glass-input::placeholder{color:#00000059}[data-theme=light] .preset-chip{background:#4f46e50f;border-color:#4f46e533}[data-theme=light] .preset-chip:hover{background:#4f46e51f;border-color:#4f46e566}[data-theme=light] .step-toggle-btn{background:#4f46e50f;border-color:#4f46e52e}[data-theme=light] .step-toggle-btn:hover{background:#4f46e51f}[data-theme=light] .step-num{background:#4f46e51a}[data-theme=light] .formula-display{background:#4f46e50f;border-color:#4f46e533}[data-theme=light] .result-val{color:#0f172a}[data-theme=light] .result-val--primary{color:var(--calc-color-math)}[data-theme=light] .result-val--tangent{color:#0891b2}[data-theme=light] .action-btn{color:#475569;background:#f1f5f9;border-color:#0000001a}[data-theme=light] .action-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .chart-outer{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000d}[data-theme=light] .legend-dot--curve{background:#4f46e5}[data-theme=light] .legend-dot--tangent{border-top-color:#0891b2}[data-theme=light] .legend-dot--point{background:#b45309}[data-theme=light] .rules-card{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000d}[data-theme=light] .rules-table th{color:#64748b;border-bottom-color:#0000001a}[data-theme=light] .rules-table td{color:#475569;border-bottom-color:#0000000d}[data-theme=light] .rules-table td:first-child{color:#4f46e5}[data-theme=light] .rules-table td:nth-child(2){color:#0891b2}[data-theme=light] .rules-table td:last-child{color:#64748b}[data-theme=light] .composite-rule{background:#4f46e50a;border-color:#4f46e526}[data-theme=light] .composite-rule h4{color:#0f172a}[data-theme=light] .composite-rule .rule-eq{color:#4f46e5}[data-theme=light] .composite-rule p{color:#64748b}[data-theme=light] .explorer-controls{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000d}[data-theme=light] .explorer-fn-display{color:#4f46e5}[data-theme=light] .einfo-value{color:#0f172a}[data-theme=light] .einfo-value--slope{color:#0891b2}[data-theme=light] .explorer-chart-area{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000d}