:root{--cc-primary:#3b82f6;--cc-primary-hover:#2563eb;--cc-primary-light:#3b82f61a;--cc-primary-ring:#3b82f633;--cc-success:var(--main-success);--cc-success-light:#10b9811a;--cc-warning:var(--main-warning);--cc-warning-light:#f59e0b1a;--cc-error:var(--main-error);--cc-error-light:#ef44441a;--cc-text:#1e293b;--cc-text-muted:#64748b;--cc-text-light:#94a3b8;--cc-bg:#fff;--cc-bg-secondary:#f8fafc;--cc-bg-tertiary:#f1f5f9;--cc-border:#e2e8f0;--cc-border-focus:#3b82f6;--cc-radius:var(--main-radius);--cc-radius-lg:var(--main-radius-lg);--cc-shadow:0 1px 3px #00000014;--cc-shadow-lg:0 4px 12px #0000001a;--cc-transition:.2s ease}._cc-container{flex-direction:column;gap:1.25rem;width:100%;max-width:720px;margin:0 auto;display:flex}._cc-tab-panel{flex-direction:column;gap:1.25rem;display:flex}._cc-hidden{display:none!important}._cc-settings{background:var(--cc-bg);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}._cc-setting{color:var(--cc-text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}._cc-setting label{white-space:nowrap}._cc-setting select{border-style:solid;border-width:1px;border-color:var(--cc-border);border-radius:var(--cc-radius);background:var(--cc-bg);color:var(--cc-text);cursor:pointer;padding:.25rem .5rem;font-size:.8125rem}._cc-btn{border-radius:var(--cc-radius);cursor:pointer;transition:all var(--cc-transition);border-width:0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}._cc-btn-ghost{color:var(--cc-text-muted);background:0 0}._cc-btn-ghost:hover{color:var(--cc-text);background:var(--cc-bg-tertiary)}._cc-btn-secondary{background:var(--cc-bg);color:var(--cc-text);border-style:solid;border-width:1px;border-color:var(--cc-border)}._cc-btn-secondary:hover{background:var(--cc-bg-secondary);border-color:var(--cc-primary);color:var(--cc-primary)}._cc-btn-primary{background:var(--cc-primary);color:var(--cc-bg)}._cc-btn-primary:hover{opacity:.9}._cc-examples{background:var(--cc-bg);border-radius:var(--cc-radius-lg);border-style:solid;border-width:1px;border-color:var(--cc-border);box-shadow:var(--cc-shadow);padding:1rem}._cc-examples-list{flex-wrap:wrap;gap:.5rem;display:flex}._cc-example-btn{background:var(--cc-bg-tertiary);color:var(--cc-text);border-radius:var(--cc-radius);cursor:pointer;transition:all var(--cc-transition);border-width:0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}._cc-example-btn:hover{background:var(--cc-primary-light);color:var(--cc-primary)}@media (max-width:768px){._cc-container{padding-left:1rem;padding-right:1rem}}._cc-tabs{background:var(--cc-bg);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border);gap:.25rem;padding:.25rem;display:flex}._cc-tab{color:var(--cc-text-muted);border-radius:calc(var(--cc-radius-lg) - 4px);cursor:pointer;transition:all var(--cc-transition);background:0 0;border-width:0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}._cc-tab:hover{color:var(--cc-text);background:var(--cc-bg-secondary)}._cc-tab-active,._cc-tab-active:hover{color:var(--cc-primary);background:var(--cc-primary-light)}@media (max-width:480px){._cc-tab{padding:.625rem .5rem;font-size:.8125rem}}._cc-input-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}._cc-input-card{background:var(--cc-bg);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border);transition:border-color var(--cc-transition);padding:1rem}._cc-input-card:focus-within{border-color:var(--cc-border-focus);box-shadow:0 0 0 3px var(--cc-primary-ring)}._cc-input-card-optional{opacity:.85}._cc-input-card-optional:focus-within{opacity:1}._cc-input-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}._cc-input-label{width:1.75rem;height:1.75rem;color:var(--cc-primary);background:var(--cc-primary-light);border-radius:var(--cc-radius);font-size:.875rem;font-weight:700;font-family:var(--main-font-mono);justify-content:center;align-items:center;display:inline-flex}._cc-input-name{color:var(--cc-text);font-size:.8125rem;font-weight:500}._cc-badge{border-radius:var(--main-radius-full);text-transform:uppercase;letter-spacing:.025em;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}._cc-badge-input{background:var(--cc-primary-light);color:var(--cc-primary)}._cc-badge-result{background:var(--cc-success-light);color:var(--cc-success)}._cc-badge-muted{background:var(--cc-bg-tertiary);color:var(--cc-text-muted);text-transform:none;font-weight:500}._cc-input-row{gap:.5rem;display:flex}._cc-input-row input{min-width:0;font-size:1rem;font-family:var(--main-font-mono);color:var(--cc-text);background:var(--cc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--cc-border);border-radius:var(--cc-radius);transition:all var(--cc-transition);flex:1;padding:.5rem .75rem}._cc-input-row input:focus{border-color:var(--cc-border-focus);background:var(--cc-bg);outline:none}._cc-input-row input::placeholder{color:var(--cc-text-light)}._cc-unit-select{color:var(--cc-text);background:var(--cc-bg-tertiary);border-style:solid;border-width:1.5px;border-color:var(--cc-border);border-radius:var(--cc-radius);cursor:pointer;min-width:3.5rem;padding:.5rem;font-size:.8125rem;font-weight:500}._cc-unit-select:focus{border-color:var(--cc-border-focus);outline:none}@media (max-width:768px){._cc-input-grid{grid-template-columns:1fr}}._cc-result-card{background:var(--cc-bg);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border);padding:1.25rem}._cc-result-header{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.8125rem;font-weight:600}._cc-result-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}._cc-result-item{background:var(--cc-bg-secondary);border-radius:var(--cc-radius);border-style:solid;border-width:1px;border-color:var(--cc-border);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}._cc-result-item-label{color:var(--cc-text-muted);font-size:.75rem;font-weight:500}._cc-result-item-value{color:var(--cc-primary);font-size:1.25rem;font-weight:700;font-family:var(--main-font-mono);word-break:break-all}._cc-result-item-unit{color:var(--cc-text-muted);margin-left:.25rem;font-size:.8125rem;font-weight:500}._cc-formula-section{background:var(--cc-bg-tertiary);border-radius:var(--cc-radius);border-style:dashed;border-width:1px;border-color:var(--cc-border);margin-top:1rem;padding:.875rem}._cc-formula-title{color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}._cc-formula-line{font-size:.875rem;font-family:var(--main-font-mono);color:var(--cc-text);line-height:1.75}._cc-formula-line-highlight{color:var(--cc-primary);font-weight:600}@media (max-width:480px){._cc-result-grid{grid-template-columns:1fr}._cc-result-item-value{font-size:1.125rem}}._cc-chart-card{background:var(--cc-bg);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border);padding:1.25rem}._cc-chart-wrapper{width:100%;overflow:hidden}._cc-chart-wrapper svg{width:100%;height:auto}._cc-chart-axis{stroke:var(--cc-border);stroke-width:1px}._cc-chart-grid{stroke:var(--cc-border);stroke-width:.5px;stroke-dasharray:4 4;opacity:.5}._cc-chart-line{fill:none;stroke:var(--cc-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}._cc-chart-dot{fill:var(--cc-primary);stroke:var(--cc-bg);stroke-width:2px}._cc-chart-label{fill:var(--cc-text-muted);font-size:10px;font-family:var(--main-font-mono)}._cc-chart-label-axis{fill:var(--cc-text);font-size:11px;font-weight:600}._cc-chart-area{fill:var(--cc-primary);opacity:.08}._cc-mode-toggle{background:var(--cc-bg);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border);gap:.25rem;max-width:320px;padding:.25rem;display:flex}._cc-mode-btn{color:var(--cc-text-muted);border-radius:calc(var(--cc-radius-lg) - 4px);cursor:pointer;transition:all var(--cc-transition);background:0 0;border-width:0;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500}._cc-mode-btn:hover{color:var(--cc-text);background:var(--cc-bg-secondary)}._cc-mode-btn-active,._cc-mode-btn-active:hover{color:var(--cc-primary);background:var(--cc-primary-light)}._cc-cap-list{flex-direction:column;gap:.75rem;min-height:120px;display:flex}._cc-cap-item{background:var(--cc-bg);border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}._cc-cap-item-number{width:1.75rem;height:1.75rem;color:var(--cc-primary);background:var(--cc-primary-light);border-radius:var(--cc-radius);font-size:.75rem;font-weight:700;font-family:var(--main-font-mono);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._cc-cap-item-label{color:var(--cc-text-muted);white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:500}._cc-cap-item input{min-width:0;font-size:.9375rem;font-family:var(--main-font-mono);color:var(--cc-text);background:var(--cc-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--cc-border);border-radius:var(--cc-radius);transition:all var(--cc-transition);flex:1;padding:.4375rem .625rem}._cc-cap-item input:focus{border-color:var(--cc-border-focus);background:var(--cc-bg);outline:none}._cc-cap-item input::placeholder{color:var(--cc-text-light)}._cc-cap-item ._cc-unit-select{padding:.4375rem .5rem}._cc-cap-item-remove{width:1.75rem;height:1.75rem;color:var(--cc-text-light);border-radius:var(--cc-radius);cursor:pointer;transition:all var(--cc-transition);background:0 0;border-width:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._cc-cap-item-remove:hover{color:var(--cc-error);background:var(--cc-error-light)}._cc-cap-actions{gap:.5rem;display:flex}@media (max-width:480px){._cc-cap-item{flex-wrap:wrap;gap:.5rem}._cc-cap-item input{width:100%}}