:root{--dc-primary:#6366f1;--dc-primary-light:#eef2ff;--dc-primary-rgb:99, 102, 241;--dc-accent:#0ea5e9;--dc-accent-light:#f0f9ff;--dc-text:#1e293b;--dc-text-secondary:#475569;--dc-text-muted:#64748b;--dc-bg:#fff;--dc-bg-secondary:#f8fafc;--dc-border:#e2e8f0;--dc-border-focus:#6366f180;--dc-radius:var(--main-radius,.5rem);--dc-radius-lg:var(--main-radius-lg,.75rem);--dc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--dc-shadow-md:0 4px 12px #00000014}._dc-container{max-width:640px;margin:0 auto}._dc-hidden{display:none!important}._dc-section-label{color:var(--dc-text);margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}@media (max-width:768px){._dc-container{padding-left:1rem;padding-right:1rem}}._dc-tabs{background:var(--dc-bg);border-radius:var(--dc-radius-lg);box-shadow:var(--dc-shadow);border-style:solid;border-width:1px;border-color:var(--dc-border);gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex}._dc-tab{color:var(--dc-text-muted);border-radius:var(--dc-radius);cursor:pointer;background:0 0;border-style:none;border-width:0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s;display:flex}._dc-tab:hover{color:var(--dc-text);background:var(--dc-bg-secondary)}._dc-tab._dc-tab-active{background:var(--dc-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--dc-primary-rgb), .3)}._dc-tab._dc-tab-active:hover{opacity:.95}._dc-tab svg{flex-shrink:0}._dc-formula-bar{text-align:center;background:var(--dc-primary-light);border-radius:var(--dc-radius);border-style:dashed;border-width:1px;border-color:rgba(var(--dc-primary-rgb), .25);margin-bottom:1.25rem;padding:.75rem}._dc-formula-text{font-family:var(--main-font-mono);color:var(--dc-primary);letter-spacing:.05em;font-size:1.125rem;font-weight:600}._dc-solve-section{margin-bottom:1.25rem}._dc-solve-btns{gap:.5rem;display:flex}._dc-solve-btn{border-style:solid;border-width:1.5px;border-color:var(--dc-border);background:var(--dc-bg);color:var(--dc-text-secondary);border-radius:var(--dc-radius);cursor:pointer;flex:1;padding:.5rem .75rem;font-size:.9375rem;font-weight:600;transition:border-color .2s,background .2s,color .2s}._dc-solve-btn:hover{border-color:var(--dc-primary);color:var(--dc-primary)}._dc-solve-btn._dc-solve-active{background:var(--dc-primary);border-color:var(--dc-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--dc-primary-rgb), .25)}._dc-inputs{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}._dc-equals-sign{text-align:center;color:var(--dc-text-muted);grid-column:1/-1;padding:.25rem 0;font-size:1.5rem;font-weight:700}._dc-field{flex-direction:column;gap:.375rem;display:flex}._dc-field._dc-field-disabled{opacity:.5;pointer-events:none}._dc-label{color:var(--dc-text);align-items:baseline;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._dc-label-hint{color:var(--dc-text-muted);font-size:.75rem;font-weight:400}._dc-input-group{border-style:solid;border-width:1.5px;border-color:var(--dc-border);border-radius:var(--dc-radius);background:var(--dc-bg);transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._dc-input-group:focus-within{border-color:var(--dc-border-focus);box-shadow:0 0 0 3px rgba(var(--dc-primary-rgb), .1)}._dc-input{color:var(--dc-text);background:0 0;border-style:none;border-width:0;outline:none;flex:1;min-width:0;padding:.625rem .75rem;font-size:.9375rem}._dc-input::placeholder{color:var(--dc-text-muted);opacity:.6}._dc-input-prefix{color:var(--dc-text-muted);white-space:nowrap;align-items:center;padding-left:.75rem;font-size:.875rem;font-weight:500;display:flex}._dc-unit-select{border-style:none none none solid;border-width:0 0 0 1px;border-left-color:var(--dc-border);background:var(--dc-bg-secondary);color:var(--dc-text-secondary);cursor:pointer;outline:none;min-width:5rem;padding:.625rem .5rem;font-size:.8125rem;font-weight:500}._dc-calc-btn{background:var(--dc-primary);color:#fff;border-radius:var(--dc-radius);cursor:pointer;width:100%;box-shadow:0 2px 8px rgba(var(--dc-primary-rgb), .3);border-style:none;border-width:0;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:opacity .2s}._dc-calc-btn:hover{opacity:.9}._dc-calc-btn-full{width:100%}@media (max-width:640px){._dc-inputs{grid-template-columns:1fr}._dc-solve-btns{flex-wrap:wrap}._dc-solve-btn{flex:calc(50% - .25rem)}}._dc-result{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);margin-top:1.5rem;padding:1.25rem}._dc-result-header{margin-bottom:.75rem}._dc-result-title{color:var(--dc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}._dc-result-value{color:var(--dc-primary);font-size:1.75rem;font-weight:700;font-family:var(--main-font-mono);margin-bottom:.75rem}._dc-result-formula{background:var(--dc-bg-secondary);border-radius:var(--dc-radius);border-style:dashed;border-width:1px;border-color:var(--dc-border);font-family:var(--main-font-mono);color:var(--dc-text-secondary);padding:.75rem 1rem;font-size:.8125rem;line-height:1.6}@media (max-width:640px){._dc-result-value{font-size:1.375rem}}._dc-diagram{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);min-height:140px;margin-top:1.25rem;padding:1.25rem}._dc-diagram-content{justify-content:center;align-items:center;gap:1.5rem;display:flex}._dc-beaker{flex-direction:column;align-items:center;gap:.5rem;min-width:100px;display:flex}._dc-beaker-visual{border-style:solid;border-width:3px;border-color:var(--dc-text-muted);border-top-width:0;border-radius:0 0 8px 8px;width:80px;height:80px;position:relative;overflow:hidden}._dc-beaker-fill{background:rgba(var(--dc-primary-rgb), .35);transition:height .5s;position:absolute;bottom:0;left:0;right:0}._dc-beaker-label{color:var(--dc-text-secondary);text-align:center;font-size:.75rem;font-weight:600}._dc-beaker-value{font-family:var(--main-font-mono);color:var(--dc-primary);text-align:center;font-size:.8125rem;font-weight:600}._dc-diagram-arrow{color:var(--dc-text-muted);flex-shrink:0}._dc-diagram-arrow svg{width:24px;height:24px}@media (max-width:480px){._dc-diagram-content{gap:1rem}._dc-beaker-visual{width:64px;height:64px}}._dc-serial-inputs{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}._dc-serial-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}._dc-field-half{flex:1}._dc-serial-result{margin-top:1.5rem}._dc-serial-pipeline{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);align-items:flex-end;gap:.25rem;min-height:120px;margin-bottom:1rem;padding:1rem;display:flex;overflow-x:auto}._dc-tube{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;min-width:56px;display:flex}._dc-tube-visual{border-style:solid;border-width:2px;border-color:var(--dc-text-muted);border-top-width:0;border-radius:0 0 12px 12px;width:32px;height:56px;position:relative;overflow:hidden}._dc-tube-fill{background:rgba(var(--dc-primary-rgb), .3);transition:height .3s;position:absolute;bottom:0;left:0;right:0}._dc-tube-step{color:var(--dc-text-muted);font-size:.6875rem;font-weight:600}._dc-tube-conc{font-family:var(--main-font-mono);color:var(--dc-primary);text-align:center;word-break:break-all;font-size:.625rem;font-weight:600}._dc-tube-arrow{color:var(--dc-text-muted);flex-shrink:0;align-items:center;padding-bottom:2rem;display:flex}._dc-tube-arrow svg{width:14px;height:14px}._dc-serial-table-wrap{border-radius:var(--dc-radius-lg);border-style:solid;border-width:1px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);overflow-x:auto}._dc-serial-table{border-collapse:collapse;width:100%;font-size:.8125rem}._dc-serial-table thead{background:var(--dc-bg-secondary)}._dc-serial-table th{text-align:left;color:var(--dc-text-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--dc-border);padding:.625rem .75rem;font-size:.75rem;font-weight:600}._dc-serial-table td{color:var(--dc-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--dc-border);font-family:var(--main-font-mono);background:var(--dc-bg);padding:.625rem .75rem}._dc-serial-table tr:last-child td{border-bottom:none}._dc-serial-table td:first-child{color:var(--dc-primary);font-weight:600}@media (max-width:640px){._dc-serial-row{grid-template-columns:1fr}}._dc-history{margin-top:1.25rem}._dc-history-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}._dc-history-title{color:var(--dc-text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._dc-history-clear{color:var(--dc-text-muted);cursor:pointer;border-radius:var(--dc-radius);background:0 0;border-style:none;border-width:0;padding:.375rem}._dc-history-clear:hover{color:#ef4444}._dc-history-list{flex-direction:column;gap:.375rem;display:flex}._dc-history-item{background:var(--dc-bg);border-radius:var(--dc-radius);border-style:solid;border-width:1px;border-color:var(--dc-border);font-family:var(--main-font-mono);color:var(--dc-text-secondary);cursor:pointer;padding:.625rem .75rem;font-size:.8125rem;transition:border-color .2s}._dc-history-item:hover{border-color:var(--dc-primary)}._dc-history-item-result{color:var(--dc-primary);font-weight:600}