:root{--dc-primary:#3b82f6;--dc-primary-light:#dbeafe;--dc-text:#1e293b;--dc-text-secondary:#475569;--dc-text-muted:#64748b;--dc-bg:#fff;--dc-bg-secondary:#f8fafc;--dc-border:#e2e8f0;--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-density:#0891b2;--dc-mass:#8b5cf6;--dc-volume:#f59e0b;--dc-result:#10b981}._dc-container{max-width:600px;margin:0 auto}._dc-hidden{display:none!important}@media (max-width:768px){._dc-container{padding-left:1rem;padding-right:1rem}}._dc-grid{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}._dc-card{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);padding:1rem;transition:border-color .2s,box-shadow .2s}._dc-card-input{border-color:var(--dc-primary);box-shadow:0 0 0 2px #3b82f61a}._dc-card-result{border-color:var(--dc-result);box-shadow:0 0 0 2px #10b9811a}._dc-card-header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}._dc-card-label{color:var(--dc-text);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}._dc-card-symbol{border-radius:var(--main-radius-full,50%);width:1.625rem;height:1.625rem;font-size:.8125rem;font-weight:700;font-family:var(--main-font-mono,monospace);justify-content:center;align-items:center;display:inline-flex}[data-param=density] ._dc-card-symbol{color:var(--dc-density);background:#0891b21a}[data-param=mass] ._dc-card-symbol{color:var(--dc-mass);background:#8b5cf61a}[data-param=volume] ._dc-card-symbol{color:var(--dc-volume);background:#f59e0b1a}._dc-card-badge{border-radius:var(--main-radius-full,50%);letter-spacing:.02em;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}._dc-card-badge[data-type=input]{color:var(--dc-primary);background:#3b82f61a}._dc-card-badge[data-type=result]{color:var(--dc-result);background:#10b9811a}._dc-card-body{align-items:center;display:flex}._dc-input-wrapper{background:var(--dc-bg-secondary);border-radius:var(--dc-radius);border-style:solid;border-width:1.5px;border-color:var(--dc-border);align-items:center;width:100%;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._dc-input-wrapper:focus-within{border-color:var(--dc-primary);box-shadow:0 0 0 3px #3b82f61a}._dc-input{min-width:0;font-size:.9375rem;font-family:var(--main-font-mono,monospace);color:var(--dc-text);background:0 0;border:none;outline:none;flex:1;padding:.5rem .625rem;font-weight:600}._dc-input::placeholder{color:var(--dc-text-muted);font-weight:400}._dc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._dc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._dc-input[type=number]{-moz-appearance:textfield}._dc-unit-select{color:var(--dc-text-secondary);cursor:pointer;border:none;border-left:1px solid;border-left-color:var(--dc-border);background:0 0;outline:none;padding:.5rem .375rem;font-size:.8125rem;font-weight:600}._dc-card-result ._dc-input{color:var(--dc-result)}@media (max-width:640px){._dc-grid{grid-template-columns:1fr}}._dc-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}._dc-toolbar-left,._dc-toolbar-right{align-items:center;gap:.5rem;display:flex}._dc-precision-label{color:var(--dc-text-muted);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}._dc-precision-select{border-style:solid;border-width:1.5px;border-color:var(--dc-border);border-radius:var(--dc-radius);background:var(--dc-bg);color:var(--dc-text);cursor:pointer;outline:none;padding:.25rem .5rem;font-size:.8125rem}._dc-btn{border-radius:var(--dc-radius);cursor:pointer;border-style:solid;border-width:1.5px;border-color:var(--dc-border);background:var(--dc-bg);color:var(--dc-text-secondary);align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:500;transition:opacity .15s;display:inline-flex}._dc-btn:hover{opacity:.8}._dc-btn svg{flex-shrink:0;width:14px;height:14px}._dc-btn-reset{color:#ef4444;border-color:#ef44444d}._dc-btn-examples{color:var(--dc-primary);border-color:#3b82f64d}@media (max-width:480px){._dc-toolbar{flex-wrap:wrap}}._dc-examples{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);margin-top:.75rem;padding:.75rem}._dc-examples-list{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}._dc-example-btn{border-radius:var(--dc-radius);background:var(--dc-bg-secondary);color:var(--dc-text-secondary);cursor:pointer;text-align:left;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:opacity .15s;display:flex}._dc-example-btn:hover{opacity:.75}._dc-example-icon{color:var(--dc-primary);flex-shrink:0}._dc-example-icon svg{width:14px;height:14px}._dc-example-label{font-size:.75rem;line-height:1.3}@media (max-width:480px){._dc-examples-list{grid-template-columns:1fr}}._dc-formula{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:dashed;border-width:1.5px;border-color:var(--dc-border);margin-top:1rem;padding:1rem}._dc-formula-title{color:var(--dc-text-secondary);align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.8125rem;font-weight:600;display:flex}._dc-formula-title svg{width:14px;height:14px;color:var(--dc-primary)}._dc-formula-content{flex-direction:column;gap:.5rem;display:flex}._dc-formula-line{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}._dc-formula-eq{font-family:var(--main-font-mono,monospace);color:var(--dc-text);font-size:.9375rem;font-weight:600}._dc-formula-sub{font-family:var(--main-font-mono,monospace);color:var(--dc-result);font-size:.875rem;font-weight:600}._dc-conversion{margin-top:1rem}._dc-conversion-toggle{background:var(--dc-bg);border-style:solid;border-width:1.5px;border-color:var(--dc-border);border-radius:var(--dc-radius-lg);width:100%;box-shadow:var(--dc-shadow);color:var(--dc-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:flex}._dc-conversion-toggle:hover{opacity:.8}._dc-conversion-toggle svg:first-child{width:14px;height:14px;color:var(--dc-primary)}._dc-conversion-toggle svg:last-child{width:12px;height:12px;margin-left:auto;transition:rotate .2s}._dc-conversion-open svg:last-child{rotate:180deg}._dc-conversion-content{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);margin-top:.5rem;padding:1rem;overflow-x:auto}._dc-conversion-table{border-collapse:collapse;width:100%;font-size:.8125rem}._dc-conversion-table td{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--dc-border);padding:.375rem .75rem}._dc-conversion-table td:first-child{font-family:var(--main-font-mono,monospace);color:var(--dc-text);text-align:right;width:60%;font-weight:600}._dc-conversion-table td:last-child{color:var(--dc-text-secondary);font-weight:500}._dc-conversion-table tr:last-child td{border-bottom:none}._dc-comparison{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);margin-top:1rem;padding:1rem}._dc-comparison-title{color:var(--dc-text-secondary);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:flex}._dc-comparison-title svg{width:14px;height:14px;color:var(--dc-primary)}._dc-comparison-note{border-radius:var(--dc-radius);margin-bottom:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}._dc-comparison-note[data-type=float]{color:#059669;background:#10b9811a}._dc-comparison-note[data-type=sink]{color:#dc2626;background:#ef44441a}._dc-comparison-note[data-type=neutral]{color:var(--dc-primary);background:#3b82f61a}._dc-bar-row{align-items:center;gap:.625rem;padding:.3125rem 0;display:flex}._dc-bar-label{width:120px;color:var(--dc-text-secondary);text-align:right;flex-shrink:0;font-size:.75rem}._dc-bar-track{background:var(--dc-bg-secondary);border-radius:4px;flex:1;height:8px;overflow:hidden}._dc-bar-fill{background:var(--dc-border);border-radius:4px;height:100%;transition:width .3s}._dc-bar-result ._dc-bar-fill{background:var(--dc-primary)}._dc-bar-result ._dc-bar-label{color:var(--dc-primary);font-weight:600}._dc-bar-value{width:90px;font-size:.6875rem;font-family:var(--main-font-mono,monospace);color:var(--dc-text-muted);white-space:nowrap;flex-shrink:0}._dc-bar-result ._dc-bar-value{color:var(--dc-primary);font-weight:600}@media (max-width:480px){._dc-bar-label{width:90px;font-size:.6875rem}._dc-bar-value{width:70px;font-size:.625rem}}._dc-reference{margin-top:1.5rem}._dc-reference-toggle{background:var(--dc-bg);border-style:solid;border-width:1.5px;border-color:var(--dc-border);border-radius:var(--dc-radius-lg);width:100%;box-shadow:var(--dc-shadow);color:var(--dc-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;transition:opacity .15s;display:flex}._dc-reference-toggle:hover{opacity:.8}._dc-reference-toggle svg:first-child{width:14px;height:14px;color:var(--dc-primary)}._dc-reference-toggle svg:last-child{width:12px;height:12px;margin-left:auto;transition:rotate .2s}._dc-reference-open svg:last-child{rotate:180deg}._dc-reference-content{background:var(--dc-bg);border-radius:var(--dc-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--dc-border);box-shadow:var(--dc-shadow);margin-top:.5rem;padding:1rem;overflow-x:auto}._dc-reference-table{border-collapse:collapse;width:100%;font-size:.8125rem}._dc-reference-table th{text-align:left;color:var(--dc-text-secondary);border-bottom-style:solid;border-bottom-width:1.5px;border-bottom-color:var(--dc-border);padding:.5rem .75rem;font-weight:600}._dc-reference-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,monospace);padding:.5rem .75rem}._dc-reference-table td:first-child{width:3rem;font-size:.9375rem}._dc-reference-table tr:last-child td{border-bottom:none}