:root{--wc-primary:#4f46e5;--wc-primary-light:#eef2ff;--wc-primary-hover:#4338ca;--wc-text:#1e293b;--wc-text-secondary:#475569;--wc-text-muted:#64748b;--wc-bg:#fff;--wc-bg-secondary:#f8fafc;--wc-border:#e2e8f0;--wc-border-light:#f1f5f9;--wc-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--wc-shadow:0 2px 8px #0000000f, 0 1px 4px #0000000a;--wc-radius:var(--main-radius,.5rem);--wc-radius-lg:var(--main-radius-lg,.75rem);--wc-font-mono:var(--main-font-mono,"SF Mono", "Fira Code", monospace);--wc-transition:.2s ease;--wc-success:#10b981;--wc-warning:#f59e0b;--wc-accent:#6366f1}._wc-container{gap:var(--main-space-4,1rem);flex-direction:column;max-width:600px;margin:0 auto;display:flex}._wc-hidden{display:none!important}._wc-main-card{background:var(--wc-bg);border-radius:var(--wc-radius-lg);padding:var(--main-space-5,1.25rem);box-shadow:var(--wc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--wc-border);gap:var(--main-space-5,1.25rem);flex-direction:column;display:flex}@media (max-width:768px){._wc-container{padding-left:1rem;padding-right:1rem}}._wc-main-tabs{gap:var(--main-space-2,.5rem);background:var(--wc-bg);padding:var(--main-space-1,.25rem);border-radius:var(--wc-radius-lg);box-shadow:var(--wc-shadow-sm);border-style:solid;border-width:1px;border-color:var(--wc-border);display:flex}._wc-main-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(--wc-radius);color:var(--wc-text-secondary);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--wc-transition);background:0 0;border:none;flex:1;font-weight:500;display:flex}._wc-main-tab:hover{background:var(--wc-bg-secondary);color:var(--wc-text)}._wc-main-tab-active{background:var(--wc-primary);color:#fff;box-shadow:0 2px 4px #4f46e540}._wc-main-tab-active:hover{background:var(--wc-primary-hover);color:#fff}._wc-main-tab-icon{justify-content:center;align-items:center;display:flex}._wc-main-tab-icon svg{width:14px;height:14px}._wc-tabs{gap:var(--main-space-1,.25rem);background:var(--wc-bg-secondary);padding:var(--main-space-1,.25rem);border-radius:var(--wc-radius);border-style:solid;border-width:1px;border-color:var(--wc-border-light);display:flex}._wc-tab{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);border-radius:var(--wc-radius);color:var(--wc-text-secondary);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--wc-transition);background:0 0;border:none;flex:1;font-weight:500;display:flex}._wc-tab:hover{background:var(--wc-bg);color:var(--wc-text)}._wc-tab-active{background:var(--wc-bg);color:var(--wc-primary);box-shadow:var(--wc-shadow-sm);font-weight:600}._wc-tab span:first-child{font-family:var(--wc-font-mono);font-weight:700;font-size:var(--main-text-base,1rem)}@media (max-width:480px){._wc-main-tabs{flex-direction:column}._wc-main-tab{padding:var(--main-space-3,.75rem);justify-content:flex-start}}._wc-formula-bar{align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-3,.75rem);background:var(--wc-primary-light);border-radius:var(--wc-radius);border:1px dashed #4f46e533;display:flex}._wc-formula-label{font-size:var(--main-text-xs,.75rem);color:var(--wc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:600}._wc-formula-text{font-size:var(--main-text-sm,.875rem);color:var(--wc-primary);font-weight:600;font-family:var(--wc-font-mono)}._wc-preset-section{gap:var(--main-space-2,.5rem);flex-direction:column;display:flex}._wc-preset-buttons{gap:var(--main-space-2,.5rem);flex-wrap:wrap;display:flex}._wc-preset-btn{padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);border-style:solid;border-width:1.5px;border-color:var(--wc-border);border-radius:var(--wc-radius);background:var(--wc-bg);color:var(--wc-text-secondary);font-size:var(--main-text-xs,.75rem);cursor:pointer;transition:var(--wc-transition);font-weight:500}._wc-preset-btn:hover{border-color:var(--wc-primary);color:var(--wc-primary)}._wc-preset-btn-active{background:var(--wc-primary-light);border-color:var(--wc-primary);color:var(--wc-primary);font-weight:600}._wc-inputs{gap:var(--main-space-4,1rem);flex-direction:column;display:flex}._wc-input-group{gap:var(--main-space-2,.5rem);flex-direction:column;display:flex}._wc-input-group-solving{opacity:.5;pointer-events:none}._wc-input-group-preset{opacity:.6;pointer-events:none}._wc-input-label{font-size:var(--main-text-xs,.75rem);color:var(--wc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:500}._wc-input-row{gap:var(--main-space-2,.5rem);display:flex}._wc-input-wrapper{flex:1;position:relative}._wc-input{width:100%;padding:var(--main-space-3,.75rem);border-style:solid;border-width:1.5px;border-color:var(--wc-border);border-radius:var(--wc-radius);font-size:var(--main-text-sm,.875rem);font-family:var(--wc-font-mono);color:var(--wc-text);background:var(--wc-bg);transition:var(--wc-transition)}._wc-input::placeholder{color:var(--wc-text-muted);opacity:.6}._wc-input:focus{border-color:var(--wc-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}._wc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._wc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._wc-input[type=number]{-moz-appearance:textfield}._wc-unit-select{width:110px;padding:var(--main-space-3,.75rem) var(--main-space-3,.75rem);border-style:solid;border-width:1.5px;border-color:var(--wc-border);border-radius:var(--wc-radius);font-size:var(--main-text-sm,.875rem);color:var(--wc-text);background:var(--wc-bg-secondary);cursor:pointer;transition:var(--wc-transition);flex-shrink:0}._wc-unit-select:focus{border-color:var(--wc-primary);outline:none}._wc-actions{justify-content:flex-end;gap:var(--main-space-2,.5rem);display:flex}._wc-btn{align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);border-radius:var(--wc-radius);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--wc-transition);border:none;font-weight:500;display:inline-flex}._wc-btn svg{width:14px;height:14px}._wc-btn-ghost{color:var(--wc-text-muted);background:0 0}._wc-btn-ghost:hover{background:var(--wc-bg-secondary);color:var(--wc-text)}@media (max-width:480px){._wc-input-row{flex-direction:column}._wc-unit-select{width:100%}._wc-preset-buttons{flex-direction:column}}._wc-results-section{border-top-style:solid;border-top-width:1px;border-top-color:var(--wc-border-light);padding-top:var(--main-space-5,1.25rem)}._wc-results-grid{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));min-height:80px;display:grid}._wc-results-empty{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-6,1.5rem);color:var(--wc-text-muted);flex-direction:column;grid-column:1/-1;display:flex}._wc-results-empty svg{opacity:.5;width:32px;height:32px}._wc-results-empty-text{font-size:var(--main-text-sm,.875rem)}._wc-result-item{gap:var(--main-space-1,.25rem);padding:var(--main-space-3,.75rem);background:var(--wc-bg-secondary);border-radius:var(--wc-radius);border-style:solid;border-width:1px;border-color:var(--wc-border-light);flex-direction:column;display:flex}._wc-result-highlight{background:var(--wc-primary-light);border-color:#4f46e533}._wc-result-label{font-size:var(--main-text-xs,.75rem);color:var(--wc-text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:500}._wc-result-value{font-size:var(--main-text-lg,1.125rem);color:var(--wc-text);font-weight:600;font-family:var(--wc-font-mono);word-break:break-all}._wc-result-highlight ._wc-result-value,._wc-result-highlight-text{color:var(--wc-primary)}._wc-result-unit{font-size:var(--main-text-xs,.75rem);color:var(--wc-text-muted)}._wc-steps-section,._wc-conversion-section{border-top-style:solid;border-top-width:1px;border-top-color:var(--wc-border-light);padding-top:var(--main-space-4,1rem)}._wc-steps-toggle{align-items:center;gap:var(--main-space-2,.5rem);width:100%;padding:var(--main-space-3,.75rem);background:var(--wc-bg-secondary);border-radius:var(--wc-radius);font-size:var(--main-text-sm,.875rem);color:var(--wc-text-secondary);cursor:pointer;transition:var(--wc-transition);border:none;font-weight:500;display:flex}._wc-steps-toggle:hover{background:var(--wc-border-light);color:var(--wc-text)}._wc-steps-toggle svg{width:14px;height:14px}._wc-steps-chevron{align-items:center;margin-left:auto;display:flex}._wc-chevron-up,._wc-toggle-open ._wc-chevron-down{display:none}._wc-toggle-open ._wc-chevron-up{display:block}._wc-steps-content{margin-top:var(--main-space-3,.75rem);gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._wc-step{gap:var(--main-space-3,.75rem);padding:var(--main-space-3,.75rem);background:var(--wc-bg-secondary);border-radius:var(--wc-radius);border-style:solid;border-width:1px;border-color:var(--wc-border-light);display:flex}._wc-step-number{background:var(--wc-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}._wc-step-content{gap:var(--main-space-1,.25rem);flex-direction:column;flex:1;display:flex}._wc-step-title{font-size:var(--main-text-sm,.875rem);color:var(--wc-text);font-weight:500}._wc-step-formula{font-size:var(--main-text-sm,.875rem);color:var(--wc-text-secondary);font-family:var(--wc-font-mono);background:var(--wc-bg);padding:var(--main-space-2,.5rem);border-radius:var(--wc-radius);overflow-x:auto}._wc-conversion-content{margin-top:var(--main-space-3,.75rem)}._wc-conversion-table{border-collapse:collapse;width:100%}._wc-conversion-table th,._wc-conversion-table td{padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);text-align:left;font-size:var(--main-text-sm,.875rem);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wc-border-light)}._wc-conversion-table th{color:var(--wc-text-muted);font-weight:600;font-size:var(--main-text-xs,.75rem);text-transform:uppercase;letter-spacing:.025em}._wc-conversion-table td{color:var(--wc-text);font-family:var(--wc-font-mono)}._wc-conversion-table td:first-child{color:var(--wc-text-secondary);font-family:inherit}@media (max-width:640px){._wc-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){._wc-results-grid{grid-template-columns:1fr}}._wc-spectrum-section{border-top-style:solid;border-top-width:1px;border-top-color:var(--wc-border-light);padding-top:var(--main-space-4,1rem)}._wc-spectrum-title{font-size:var(--main-text-xs,.75rem);color:var(--wc-text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:var(--main-space-3,.75rem);font-weight:600}._wc-spectrum-bar{margin-bottom:var(--main-space-3,.75rem);position:relative}._wc-spectrum-gradient{border-radius:var(--wc-radius);opacity:.85;background:linear-gradient(90deg,#7b2fbe 0%,#3b82f6 14%,#8b5cf6 28%,red 35%,#f80 38%,#ff0 41%,#0f0 44%,#06f 47%,#80f 50%,#ef4444 57%,#f59e0b 71%,#10b981 85% 100%);height:32px}._wc-spectrum-marker{width:4px;height:40px;box-shadow:0 0 0 2px var(--wc-bg), 0 0 8px #0000004d;z-index:2;border-radius:2px;transition:left .3s;position:absolute;top:-4px}._wc-spectrum-labels{margin-top:var(--main-space-2,.5rem);color:var(--wc-text-muted);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;font-size:.625rem;display:flex}._wc-spectrum-info{align-items:center;gap:var(--main-space-2,.5rem);min-height:28px;display:flex}._wc-spectrum-badge{border-radius:var(--main-radius-full,9999px);font-size:var(--main-text-xs,.75rem);letter-spacing:.02em;padding:.2rem .6rem;font-weight:600;display:inline-flex}._wc-spectrum-detail{font-size:var(--main-text-sm,.875rem);font-family:var(--wc-font-mono);color:var(--wc-text-secondary)}@media (max-width:480px){._wc-spectrum-labels{font-size:.5rem}}._wc-qc-direction{gap:var(--main-space-1,.25rem);background:var(--wc-bg-secondary);padding:var(--main-space-1,.25rem);border-radius:var(--wc-radius);border-style:solid;border-width:1px;border-color:var(--wc-border-light);display:flex}._wc-qc-dir-btn{padding:var(--main-space-2,.5rem) var(--main-space-3,.75rem);border-radius:var(--wc-radius);color:var(--wc-text-secondary);font-size:var(--main-text-sm,.875rem);cursor:pointer;transition:var(--wc-transition);background:0 0;border:none;flex:1;font-weight:500}._wc-qc-dir-btn:hover{background:var(--wc-bg);color:var(--wc-text)}._wc-qc-dir-btn-active{background:var(--wc-bg);color:var(--wc-primary);box-shadow:var(--wc-shadow-sm);font-weight:600}._wc-qc-result{min-height:80px}._wc-qc-result-empty{justify-content:center;align-items:center;gap:var(--main-space-2,.5rem);padding:var(--main-space-6,1.5rem);color:var(--wc-text-muted);flex-direction:column;display:flex}._wc-qc-result-empty svg{opacity:.5;width:32px;height:32px}._wc-qc-result-empty span{font-size:var(--main-text-sm,.875rem)}._wc-qc-result-main{gap:var(--main-space-2,.5rem);padding:var(--main-space-4,1rem);background:var(--wc-primary-light);border-radius:var(--wc-radius);border:1px solid #4f46e533;flex-direction:column;display:flex}._wc-qc-result-main ._wc-result-value{font-size:var(--main-text-xl,1.25rem)}._wc-qc-spectrum{margin-top:var(--main-space-1,.25rem)}._wc-qc-conversions{gap:var(--main-space-2,.5rem);margin-top:var(--main-space-3,.75rem);flex-wrap:wrap;display:flex}._wc-qc-conv-item{padding:var(--main-space-1,.25rem) var(--main-space-3,.75rem);background:var(--wc-bg-secondary);border-radius:var(--main-radius-full,9999px);font-size:var(--main-text-xs,.75rem);font-family:var(--wc-font-mono);color:var(--wc-text-secondary);border-style:solid;border-width:1px;border-color:var(--wc-border-light)}._wc-qc-reference{gap:var(--main-space-3,.75rem);border-top-style:solid;border-top-width:1px;border-top-color:var(--wc-border-light);padding-top:var(--main-space-4,1rem);flex-direction:column;display:flex}@media (max-width:480px){._wc-qc-direction{flex-direction:column}._wc-qc-conv-item{font-size:.65rem}}