:root{--sc-primary:#4f46e5;--sc-primary-light:#eef2ff;--sc-primary-hover:#4338ca;--sc-text:#1e293b;--sc-text-secondary:#475569;--sc-text-muted:#64748b;--sc-bg:#fff;--sc-bg-secondary:#f8fafc;--sc-border:#e2e8f0;--sc-border-light:#f1f5f9;--sc-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--sc-shadow:0 2px 8px #0000000f, 0 1px 4px #0000000a;--sc-radius:var(--main-radius,.5rem);--sc-radius-lg:var(--main-radius-lg,.75rem);--sc-font-mono:var(--main-font-mono,"SF Mono", "Fira Code", monospace);--sc-transition:.2s ease;--sc-success:#10b981;--sc-warning:#f59e0b;--sc-point1:#6366f1;--sc-point2:#ec4899;--sc-line:#4f46e5;--sc-midpoint:#10b981}._sc-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:680px;margin:0 auto;display:flex}._sc-hidden{display:none!important}._sc-main-card{background:var(--sc-bg);border-radius:var(--sc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--sc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--sc-border)}._sc-calculator{gap:var(--main-space-5,1.25rem);flex-direction:column;display:flex}._sc-calc-row{gap:var(--main-space-5,1.25rem);grid-template-columns:1fr 1fr;display:grid}@media (max-width:768px){._sc-container{padding-left:1rem;padding-right:1rem}._sc-calc-row{grid-template-columns:1fr}}._sc-tabs{gap:var(--main-space-2,.5rem);background:var(--sc-bg);padding:var(--main-space-1,.25rem);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--sc-border);display:flex}._sc-tab{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-3,.75rem) var(--main-space-4,1rem);border-radius:var(--sc-radius);color:var(--sc-text-secondary);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--sc-transition);background:0 0;border:none;flex:1;font-weight:500;display:flex}._sc-tab:hover{background:var(--sc-bg-secondary);color:var(--sc-text)}._sc-tab-active{background:var(--sc-primary);color:#fff;box-shadow:0 2px 4px #4f46e540}._sc-tab-active:hover{background:var(--sc-primary-hover);color:#fff}._sc-tab-icon{justify-content:center;align-items:center;display:flex}._sc-tab-icon svg{width:14px;height:14px}@media (max-width:640px){._sc-tabs{flex-direction:column}._sc-tab{padding:var(--main-space-3,.75rem);justify-content:flex-start}}._sc-input-section{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._sc-input-header{justify-content:space-between;align-items:center;gap:var(--main-space-3,.75rem);display:flex}._sc-input-title{font-size:var(--main-text-sm,.875rem);color:var(--sc-text);font-weight:600}._sc-point-group{gap:var(--main-space-2,.5rem);flex-direction:column;display:flex}._sc-point-label{font-size:var(--main-text-xs,.75rem);color:var(--sc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:500}._sc-point-inputs{gap:var(--main-space-3,.75rem);grid-template-columns:1fr 1fr;display:grid}._sc-input-wrapper{align-items:center;display:flex;position:relative}._sc-input-prefix{left:var(--main-space-3,.75rem);font-size:var(--main-text-sm,.875rem);color:var(--sc-text-muted);pointer-events:none;font-weight:500;font-family:var(--sc-font-mono);position:absolute}._sc-input{width:100%;padding:var(--main-space-3,.75rem);padding-left:calc(var(--main-space-3,.75rem) + 1.5rem);border-style:solid;border-width:1.5px;border-color:var(--sc-border);border-radius:var(--sc-radius);font-size:var(--main-text-sm,.875rem);font-family:var(--sc-font-mono);color:var(--sc-text);background:var(--sc-bg);transition:var(--sc-transition)}._sc-input::placeholder{color:var(--sc-text-muted);opacity:.6}._sc-input:focus{border-color:var(--sc-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}._sc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._sc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._sc-input[type=number]{-moz-appearance:textfield}._sc-actions{justify-content:flex-end;gap:var(--main-space-2,.5rem);margin-top:var(--main-space-2,.5rem);display:flex}._sc-btn{align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);border-radius:var(--sc-radius);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--sc-transition);border:none;font-weight:500;display:inline-flex}._sc-btn svg{width:14px;height:14px}._sc-btn-ghost{color:var(--sc-text-muted);background:0 0}._sc-btn-ghost:hover{background:var(--sc-bg-secondary);color:var(--sc-text)}@media (max-width:480px){._sc-point-inputs{grid-template-columns:1fr}}._sc-preview{background:var(--sc-bg-secondary);border-radius:var(--sc-radius);border-style:solid;border-width:1px;border-color:var(--sc-border-light);justify-content:center;align-items:center;min-height:200px;display:flex;overflow:hidden}._sc-preview svg{width:100%;height:100%;min-height:200px}._sc-preview-empty{align-items:center;gap:var(--main-space-2,.5rem);color:var(--sc-text-muted);flex-direction:column;display:flex}._sc-preview-empty svg{opacity:.5;width:32px;height:32px}._sc-preview-empty-text{font-size:var(--main-text-sm,.875rem)}._sc-graph-grid{stroke:var(--sc-border);stroke-width:.5px}._sc-graph-axis{stroke:var(--sc-text-muted);stroke-width:1px}._sc-graph-axis-label{fill:var(--sc-text-muted);font-size:10px;font-family:var(--sc-font-mono)}._sc-graph-point{stroke-width:2px}._sc-graph-point1{fill:var(--sc-point1);stroke:#fff}._sc-graph-point2{fill:var(--sc-point2);stroke:#fff}._sc-graph-midpoint{fill:var(--sc-midpoint);stroke:#fff}._sc-graph-line{stroke:var(--sc-line);stroke-width:2px;fill:none}._sc-graph-line-dashed{stroke-dasharray:4 4}._sc-graph-label{font-size:11px;font-weight:500;font-family:var(--sc-font-mono)}._sc-graph-label-point1{fill:var(--sc-point1)}._sc-graph-label-point2{fill:var(--sc-point2)}._sc-graph-label-midpoint{fill:var(--sc-midpoint)}@media (max-width:768px){._sc-preview{min-height:180px}}._sc-results-section{border-top-style:solid;border-top-width:1px;border-top-color:var(--sc-border-light);padding-top:var(--main-space-5,1.25rem)}._sc-results-grid{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));min-height:80px;display:grid}._sc-results-empty{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-6,1.5rem);color:var(--sc-text-muted);flex-direction:column;grid-column:1/-1;display:flex}._sc-results-empty svg{opacity:.5;width:32px;height:32px}._sc-results-empty-text{font-size:var(--main-text-sm,.875rem)}._sc-result-item{gap:var(--main-space-1,.25rem);padding:var(--main-space-3,.75rem);background:var(--sc-bg-secondary);border-radius:var(--sc-radius);border-style:solid;border-width:1px;border-color:var(--sc-border-light);flex-direction:column;display:flex}._sc-result-highlight{background:var(--sc-primary-light);border-color:#4f46e533}._sc-result-label{font-size:var(--main-text-xs,.75rem);color:var(--sc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:500}._sc-result-value{font-size:var(--main-text-lg,1.125rem);color:var(--sc-text);font-weight:600;font-family:var(--sc-font-mono);word-break:break-all}._sc-result-highlight ._sc-result-value{color:var(--sc-primary)}._sc-result-unit{font-size:var(--main-text-xs,.75rem);color:var(--sc-text-muted)}._sc-result-formula{font-size:var(--main-text-xs,.75rem);color:var(--sc-text-muted);font-family:var(--sc-font-mono);margin-top:var(--main-space-1,.25rem)}._sc-steps-section{border-top-style:solid;border-top-width:1px;border-top-color:var(--sc-border-light);padding-top:var(--main-space-4,1rem);margin-top:var(--main-space-2,.5rem)}._sc-steps-toggle{align-items:center;gap:var(--main-space-2,.5rem);width:100%;padding:var(--main-space-3,.75rem);background:var(--sc-bg-secondary);border-radius:var(--sc-radius);font-size:var(--main-text-sm,.875rem);color:var(--sc-text-secondary);cursor:pointer;transition:var(--sc-transition);border:none;font-weight:500;display:flex}._sc-steps-toggle:hover{background:var(--sc-border-light);color:var(--sc-text)}._sc-steps-toggle svg{width:14px;height:14px}._sc-steps-chevron{align-items:center;margin-left:auto;display:flex}._sc-steps-chevron-up,._sc-steps-open ._sc-steps-chevron-down{display:none}._sc-steps-open ._sc-steps-chevron-up{display:block}._sc-steps-content{margin-top:var(--main-space-3,.75rem);gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._sc-step{gap:var(--main-space-3,.75rem);padding:var(--main-space-3,.75rem);background:var(--sc-bg-secondary);border-radius:var(--sc-radius);border-style:solid;border-width:1px;border-color:var(--sc-border-light);display:flex}._sc-step-number{background:var(--sc-primary);color:#fff;width:24px;height:24px;font-size:var(--main-text-xs,.75rem);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}._sc-step-content{gap:var(--main-space-1,.25rem);flex-direction:column;flex:1;display:flex}._sc-step-title{font-size:var(--main-text-sm,.875rem);color:var(--sc-text);font-weight:500}._sc-step-formula{font-size:var(--main-text-sm,.875rem);color:var(--sc-text-secondary);font-family:var(--sc-font-mono);background:var(--sc-bg);padding:var(--main-space-2,.5rem);border-radius:var(--sc-radius);overflow-x:auto}@media (max-width:640px){._sc-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){._sc-results-grid{grid-template-columns:1fr}}