:root{--whr-primary:#059669;--whr-primary-light:#d1fae5;--whr-text:#1e293b;--whr-text-secondary:#475569;--whr-text-muted:#64748b;--whr-bg:#fff;--whr-bg-secondary:#f8fafc;--whr-border:#e2e8f0;--whr-radius:var(--main-radius,.5rem);--whr-radius-lg:var(--main-radius-lg,.75rem);--whr-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--whr-shadow-md:0 4px 12px #00000014;--whr-color-low:#10b981;--whr-color-moderate:#f59e0b;--whr-color-high:#ef4444}._whr-container{max-width:560px;margin:0 auto}._whr-hidden{display:none!important}@media (max-width:768px){._whr-container{padding-left:1rem;padding-right:1rem}}._whr-setup{background:var(--whr-bg);border-radius:var(--whr-radius-lg);box-shadow:var(--whr-shadow);border-style:solid;border-width:1px;border-color:var(--whr-border);margin-bottom:1rem;padding:1rem 1.25rem}._whr-setup-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}._whr-gender{gap:.5rem;display:flex}._whr-gender-option{cursor:pointer}._whr-gender-option input[type=radio]{display:none}._whr-gender-label{border-radius:var(--whr-radius);background:var(--whr-bg-secondary);color:var(--whr-text-muted);border-style:solid;border-width:1.5px;border-color:var(--whr-border);align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}._whr-gender-label svg{flex-shrink:0;width:14px;height:14px}._whr-gender-option input[type=radio]:checked+._whr-gender-label{background:var(--whr-primary);color:#fff;border-color:var(--whr-primary);box-shadow:0 2px 8px #05966940}._whr-gender-label:hover{border-color:var(--whr-primary);color:var(--whr-text-secondary)}._whr-unit-toggle{background:var(--whr-bg-secondary);border-radius:var(--whr-radius);border-style:solid;border-width:1px;border-color:var(--whr-border);padding:.1875rem;display:flex}._whr-unit-btn{border-radius:calc(var(--whr-radius) - 2px);color:var(--whr-text-muted);cursor:pointer;background:0 0;border-width:0;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s}._whr-unit-btn._whr-unit-active{background:var(--whr-bg);color:var(--whr-text);box-shadow:0 1px 3px #0000001a}._whr-unit-btn:hover:not(._whr-unit-active){color:var(--whr-text-secondary)}@media (max-width:480px){._whr-setup{padding:.875rem 1rem}._whr-setup-row{flex-direction:column;align-items:stretch}._whr-gender{justify-content:center}._whr-unit-toggle{align-self:center}}._whr-input-section{background:var(--whr-bg);border-radius:var(--whr-radius-lg);box-shadow:var(--whr-shadow);border-style:solid;border-width:1px;border-color:var(--whr-border);margin-bottom:1rem;padding:1.25rem}._whr-input-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}._whr-field{flex-direction:column;gap:.375rem;display:flex}._whr-label{color:var(--whr-text);align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}._whr-tip{color:var(--whr-text-muted);cursor:pointer;transition:color .2s;display:inline-flex}._whr-tip:hover{color:var(--whr-primary)}._whr-tip svg{width:12px;height:12px}._whr-tip-text{color:var(--whr-text-muted);background:var(--whr-bg-secondary);border-radius:var(--whr-radius);border-style:dashed;border-width:1px;border-color:var(--whr-border);padding:.375rem .5rem;font-size:.75rem;line-height:1.4}._whr-input-wrapper{background:var(--whr-bg-secondary);border-style:solid;border-width:1.5px;border-color:var(--whr-border);border-radius:var(--whr-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._whr-input-wrapper:focus-within{border-color:var(--whr-primary);box-shadow:0 0 0 3px #0596691a}._whr-input{color:var(--whr-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.625rem .75rem;font-family:inherit;font-size:1rem;font-weight:500}._whr-input::placeholder{color:#94a3b8}._whr-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._whr-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._whr-input[type=number]{-moz-appearance:textfield}._whr-unit{color:var(--whr-text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 .75rem;font-size:.8125rem;font-weight:500}@media (max-width:480px){._whr-input-section{padding:1rem}._whr-input-row{grid-template-columns:1fr;gap:.75rem}}._whr-result-section{animation:.3s _whr-fadeIn}@keyframes _whr-fadeIn{0%{opacity:0}to{opacity:1}}._whr-result-card{background:var(--whr-bg);border-radius:var(--whr-radius-lg);box-shadow:var(--whr-shadow);border-style:solid;border-width:1px;border-color:var(--whr-border);margin-bottom:1rem;padding:1.5rem}._whr-result-header{text-align:center;margin-bottom:1.5rem}._whr-result-value{color:var(--whr-text);font-size:3rem;font-weight:700;line-height:1.1;font-family:var(--main-font-mono,monospace);margin-bottom:.5rem}._whr-result-category{justify-content:center;display:flex}._whr-category-badge{letter-spacing:.01em;border-radius:9999px;align-items:center;padding:.25rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}._whr-category-badge[data-category=low]{color:#059669;background:#10b9811a}._whr-category-badge[data-category=moderate]{color:#d97706;background:#f59e0b1a}._whr-category-badge[data-category=high]{color:#dc2626;background:#ef44441a}._whr-suggestion{border-radius:var(--whr-radius);border-style:solid;border-width:1px;border-color:var(--whr-border);color:var(--whr-text-secondary);border-left-width:3px;align-items:flex-start;gap:.625rem;margin-top:1.25rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}._whr-suggestion:empty{display:none}._whr-suggestion-icon{flex-shrink:0;margin-top:.0625rem}._whr-suggestion-icon svg{width:16px;height:16px}._whr-suggestion-text strong{font-weight:600}._whr-suggestion[data-variant=low]{border-left-color:var(--whr-color-low);background:#10b9810a}._whr-suggestion[data-variant=low] ._whr-suggestion-icon{color:var(--whr-color-low)}._whr-suggestion[data-variant=moderate]{border-left-color:var(--whr-color-moderate);background:#f59e0b0a}._whr-suggestion[data-variant=moderate] ._whr-suggestion-icon{color:var(--whr-color-moderate)}._whr-suggestion[data-variant=high]{border-left-color:var(--whr-color-high);background:#ef44440a}._whr-suggestion[data-variant=high] ._whr-suggestion-icon{color:var(--whr-color-high)}@media (max-width:480px){._whr-result-card{padding:1.25rem}._whr-result-value{font-size:2.5rem}}._whr-gauge{padding:0 .25rem}._whr-gauge-bar{background:linear-gradient(90deg,#10b981 0% 50%,#f59e0b 50% 67%,#ef4444 67% 100%);border-radius:6px;height:12px;position:relative;overflow:visible}._whr-gauge-marker{background:var(--whr-bg);border-style:solid;border-width:3px;border-color:var(--whr-text);z-index:2;border-radius:50%;width:20px;height:20px;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0003}._whr-gauge-labels{justify-content:space-between;margin-top:.5rem;padding:0 .125rem;display:flex}._whr-gauge-label{color:var(--whr-text-muted);font-size:.6875rem;font-weight:500}._whr-gauge-label[data-category=low]{color:var(--whr-color-low)}._whr-gauge-label[data-category=moderate]{color:var(--whr-color-moderate)}._whr-gauge-label[data-category=high]{color:var(--whr-color-high)}._whr-gauge-values{justify-content:space-between;margin-top:.125rem;padding:0 .125rem;display:flex}._whr-gauge-values span{color:var(--whr-text-muted);font-size:.625rem;font-family:var(--main-font-mono,monospace)}@media (max-width:480px){._whr-gauge-label{font-size:.625rem}._whr-gauge-marker{border-width:2.5px;width:16px;height:16px}}._whr-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;display:grid}._whr-stat-card{background:var(--whr-bg);border-radius:var(--whr-radius-lg);box-shadow:var(--whr-shadow);border-style:solid;border-width:1px;border-color:var(--whr-border);align-items:center;gap:.75rem;padding:1rem;display:flex}._whr-stat-icon{flex-shrink:0;font-size:1.75rem;line-height:1}._whr-stat-content{min-width:0}._whr-stat-label{color:var(--whr-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.6875rem;font-weight:500}._whr-stat-value{color:var(--whr-text);font-size:.9375rem;font-weight:700}._whr-stat-desc{color:var(--whr-text-muted);margin-top:.125rem;font-size:.75rem}@media (max-width:480px){._whr-stats{grid-template-columns:1fr;gap:.5rem}}._whr-reference{background:var(--whr-bg);border-radius:var(--whr-radius-lg);box-shadow:var(--whr-shadow);border-style:solid;border-width:1px;border-color:var(--whr-border);margin-top:1.25rem;padding:1rem 1.25rem}._whr-reference-title{color:var(--whr-text);align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.8125rem;font-weight:600;display:flex}._whr-reference-title svg{color:var(--whr-primary);flex-shrink:0}._whr-reference-content p{color:var(--whr-text-secondary);margin:0 0 .75rem;font-size:.8125rem;line-height:1.5}._whr-reference-table{border-collapse:collapse;width:100%;margin-bottom:.75rem;font-size:.8125rem}._whr-reference-table th{text-align:left;color:var(--whr-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--whr-border);padding:.375rem .5rem;font-size:.6875rem;font-weight:600}._whr-reference-table td{color:var(--whr-text-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--whr-border);padding:.375rem .5rem}._whr-reference-table tr:last-child td{border-bottom:none}._whr-reference-table td:not(:first-child){text-align:right;font-family:var(--main-font-mono,monospace);color:var(--whr-text-muted);font-size:.75rem}._whr-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:.375rem;display:inline-block}._whr-dot-low{background:var(--whr-color-low)}._whr-dot-moderate{background:var(--whr-color-moderate)}._whr-dot-high{background:var(--whr-color-high)}._whr-reference-note{font-style:italic;color:var(--whr-text-muted)!important;margin-bottom:0!important;font-size:.75rem!important}