:root{--ehp-primary:var(--main-primary);--ehp-primary-rgb:99, 102, 241;--ehp-text:#1f2937;--ehp-text-muted:#64748b;--ehp-bg:#fff;--ehp-bg-secondary:#f8fafc;--ehp-border:#e2e8f0;--ehp-card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--ehp-radius:var(--main-radius);--ehp-radius-lg:var(--main-radius-lg);--ehp-result-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--ehp-success:#10b981;--ehp-warning:#f59e0b;--ehp-error:#ef4444;--ehp-dot-green:#10b981;--ehp-dot-blue:#3b82f6;--ehp-dot-orange:#f59e0b;--ehp-dot-red:#ef4444;--ehp-dot-purple:#8b5cf6}._ehp-container{width:100%;max-width:600px;margin:0 auto}._ehp-content{gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:768px){._ehp-container{padding-left:1rem;padding-right:1rem}}._ehp-tabs{gap:var(--main-space-2);margin-bottom:var(--main-space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}._ehp-tabs::-webkit-scrollbar{display:none}._ehp-tab{border-radius:var(--ehp-radius);border-style:solid;border-width:1px;border-color:var(--ehp-border);background:var(--ehp-bg);color:var(--ehp-text-muted);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;box-shadow:var(--ehp-card-shadow);align-items:center;gap:.375rem;padding:.625rem 1rem;font-weight:500;display:inline-flex}._ehp-tab:hover{color:var(--ehp-text);border-color:rgba(var(--ehp-primary-rgb), .3)}._ehp-tab svg{flex-shrink:0;width:16px;height:16px}._ehp-tab-active{background:var(--ehp-primary);color:#fff;border-color:var(--ehp-primary)}._ehp-tab-active:hover{color:#fff;opacity:.9}@media (max-width:480px){._ehp-tab{font-size:var(--main-text-xs);padding:.5rem .75rem}}._ehp-card{background:var(--ehp-bg);border-radius:var(--ehp-radius-lg);padding:var(--main-space-5);box-shadow:var(--ehp-card-shadow);border-style:solid;border-width:1px;border-color:var(--ehp-border)}._ehp-method{display:none}._ehp-method-active{display:block}._ehp-formula-badge{background:var(--ehp-bg-secondary);border-radius:var(--ehp-radius);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--ehp-text-muted);margin-bottom:var(--main-space-5);border-style:dashed;border-width:1px;border-color:var(--ehp-border);padding:.375rem .75rem;display:inline-block}._ehp-input-group{margin-bottom:var(--main-space-4)}._ehp-input-group:last-child{margin-bottom:0}._ehp-label{font-size:var(--main-text-sm);color:var(--ehp-text);margin-bottom:var(--main-space-2);font-weight:500;display:block}._ehp-input-row{gap:var(--main-space-2);align-items:center;display:flex}._ehp-input{border-style:solid;border-width:1.5px;border-color:var(--ehp-border);border-radius:var(--ehp-radius);font-size:var(--main-text-base);color:var(--ehp-text);background:var(--ehp-bg);outline:none;flex:1;padding:.625rem .875rem}._ehp-input:focus{border-color:var(--ehp-primary);box-shadow:0 0 0 3px rgba(var(--ehp-primary-rgb), .1)}._ehp-input::placeholder{color:#94a3b8}._ehp-select{border-style:solid;border-width:1.5px;border-color:var(--ehp-border);border-radius:var(--ehp-radius);font-size:var(--main-text-sm);color:var(--ehp-text);background:var(--ehp-bg);cursor:pointer;outline:none;min-width:80px;padding:.625rem .75rem}._ehp-select:focus{border-color:var(--ehp-primary);box-shadow:0 0 0 3px rgba(var(--ehp-primary-rgb), .1)}._ehp-unit-label{font-size:var(--main-text-sm);color:var(--ehp-text-muted);background:var(--ehp-bg-secondary);border-radius:var(--ehp-radius);border-style:solid;border-width:1px;border-color:var(--ehp-border);text-align:center;min-width:50px;padding:.625rem .75rem}._ehp-calculate-btn{background:var(--ehp-primary);color:#fff;border-radius:var(--ehp-radius);width:100%;font-size:var(--main-text-base);cursor:pointer;box-shadow:0 2px 8px rgba(var(--ehp-primary-rgb), .25);border:0 solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}._ehp-calculate-btn:hover{opacity:.9}._ehp-calculate-btn svg{width:18px;height:18px}@media (max-width:480px){._ehp-card{padding:var(--main-space-4)}._ehp-input-row{flex-wrap:wrap}._ehp-select,._ehp-unit-label{min-width:70px}}._ehp-results{animation:.3s _ehp-fadeIn}@keyframes _ehp-fadeIn{0%{opacity:0}to{opacity:1}}._ehp-result-card{background:var(--ehp-bg);border-radius:var(--ehp-radius-lg);padding:var(--main-space-5);box-shadow:var(--ehp-card-shadow);border-style:solid;border-width:1px;border-color:var(--ehp-border)}._ehp-result-header{font-size:var(--main-text-sm);color:var(--ehp-text-muted);margin-bottom:var(--main-space-3);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-weight:500;display:flex}._ehp-result-header svg{width:20px;height:20px;color:var(--ehp-primary)}._ehp-result-main{margin-bottom:var(--main-space-4);align-items:baseline;gap:.5rem;display:flex}._ehp-result-value{background:var(--ehp-result-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;line-height:1.1}._ehp-result-unit{font-size:var(--main-text-xl);color:var(--ehp-text-muted);font-weight:600}._ehp-unit-toggle{gap:var(--main-space-1);background:var(--ehp-bg-secondary);border-radius:var(--ehp-radius);margin-bottom:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ehp-border);width:-moz-fit-content;width:fit-content;padding:3px;display:flex}._ehp-unit-btn{border-radius:calc(var(--ehp-radius) - 2px);font-size:var(--main-text-sm);color:var(--ehp-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;padding:.375rem 1rem;font-weight:500}._ehp-unit-btn:hover{color:var(--ehp-text)}._ehp-unit-btn-active{background:var(--ehp-bg);color:var(--ehp-primary);box-shadow:0 1px 3px #0000001a}._ehp-conversions{gap:var(--main-space-2);padding:var(--main-space-3);background:var(--ehp-bg-secondary);border-radius:var(--ehp-radius);margin-bottom:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--ehp-border);flex-direction:column;display:flex}._ehp-conversion-row{justify-content:space-between;align-items:center;display:flex}._ehp-conversion-label{font-size:var(--main-text-sm);color:var(--ehp-text-muted)}._ehp-conversion-value{font-size:var(--main-text-sm);color:var(--ehp-text);font-weight:600;font-family:var(--main-font-mono)}._ehp-details{padding:var(--main-space-3);background:var(--ehp-bg-secondary);border-radius:var(--ehp-radius);border-style:dashed;border-width:1px;border-color:var(--ehp-border)}._ehp-details-header{font-size:var(--main-text-xs);color:var(--ehp-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--main-space-2);align-items:center;gap:.375rem;font-weight:500;display:flex}._ehp-details-header svg{width:14px;height:14px}._ehp-details-content{font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--ehp-text);line-height:1.6}._ehp-details-step{margin-bottom:.25rem;display:block}._ehp-details-highlight{color:var(--ehp-primary);font-weight:600}@media (max-width:480px){._ehp-result-value{font-size:2.25rem}._ehp-result-card{padding:var(--main-space-4)}}._ehp-reference{background:var(--ehp-bg);border-radius:var(--ehp-radius-lg);padding:var(--main-space-4);box-shadow:var(--ehp-card-shadow);border-style:solid;border-width:1px;border-color:var(--ehp-border)}._ehp-reference-header{font-size:var(--main-text-sm);color:var(--ehp-text);margin-bottom:var(--main-space-3);align-items:center;gap:.5rem;font-weight:600;display:flex}._ehp-reference-header svg{width:16px;height:16px;color:var(--ehp-primary)}._ehp-reference-grid{gap:var(--main-space-2);flex-direction:column;display:flex}._ehp-reference-item{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);display:flex}._ehp-reference-dot{border-radius:var(--main-radius-full);flex-shrink:0;width:8px;height:8px}._ehp-dot-green{background:var(--ehp-dot-green)}._ehp-dot-blue{background:var(--ehp-dot-blue)}._ehp-dot-orange{background:var(--ehp-dot-orange)}._ehp-dot-red{background:var(--ehp-dot-red)}._ehp-dot-purple{background:var(--ehp-dot-purple)}._ehp-reference-range{color:var(--ehp-text);min-width:100px;font-weight:600;font-family:var(--main-font-mono);font-size:var(--main-text-xs)}._ehp-reference-label{color:var(--ehp-text-muted)}@media (max-width:480px){._ehp-reference{padding:var(--main-space-3)}._ehp-reference-range{min-width:80px}}