.bmi-bg{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 25%,rgba(79,168,159,.15) 0,transparent 45%),radial-gradient(circle at 85% 75%,rgba(56,132,124,.12) 0,transparent 40%),radial-gradient(circle at 50% 10%,rgba(200,230,226,.3) 0,transparent 50%),linear-gradient(135deg,#f5f7fa,#eef1f5);background-attachment:fixed}.bmi-bg:before{opacity:.07;background:linear-gradient(60deg,transparent 25%,rgba(79,168,159,.4) 0,rgba(79,168,159,.4) 25.5%,transparent 0),linear-gradient(120deg,transparent 25%,rgba(79,168,159,.4) 0,rgba(79,168,159,.4) 25.5%,transparent 0),linear-gradient(60deg,transparent 75%,rgba(56,132,124,.35) 0,rgba(56,132,124,.35) 75.5%,transparent 0),linear-gradient(120deg,transparent 75%,rgba(56,132,124,.35) 0,rgba(56,132,124,.35) 75.5%,transparent 0);background-size:80px 140px}.bmi-bg:after,.bmi-bg:before{content:"";position:absolute;inset:0;pointer-events:none}.bmi-bg:after{opacity:.04;background:linear-gradient(60deg,transparent 50%,rgba(79,168,159,.6) 0,rgba(79,168,159,.6) 50.3%,transparent 0),linear-gradient(120deg,transparent 50%,rgba(56,132,124,.5) 0,rgba(56,132,124,.5) 50.3%,transparent 0);background-size:120px 208px;background-position:40px 70px}.bmi-bg .glass-card{background:rgba(255,255,255,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1.5px solid rgba(255,255,255,.6);border-radius:1.25rem;box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.03)}.bmi-pill-toggle{display:inline-flex;background:rgba(0,0,0,.06);border-radius:9999px;padding:3px;gap:2px;width:100%}.bmi-pill-toggle button{flex:1;padding:.45rem 1rem;border-radius:9999px;border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:#666}.bmi-pill-toggle button[data-active=true]{background:#fff;color:#1a1a1a;box-shadow:0 1px 6px rgba(0,0,0,.1);font-weight:600}.bmi-pill-toggle button[data-active=false]:hover{color:#333}.bmi-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#c8e6e2,#4fa89f);outline:none;margin:.5rem 0}.bmi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #4fa89f;box-shadow:0 2px 6px rgba(79,168,159,.35);cursor:pointer;-webkit-transition:box-shadow .15s ease,transform .15s ease;transition:box-shadow .15s ease,transform .15s ease}.bmi-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 10px rgba(79,168,159,.5);transform:scale(1.1)}.bmi-slider::-webkit-slider-thumb:active{transform:scale(.95)}.bmi-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #4fa89f;box-shadow:0 2px 6px rgba(79,168,159,.35);cursor:pointer}.bmi-bg .bmi-reset-btn{background:linear-gradient(135deg,#4fa89f,#3d8b83)!important;color:#fff!important;border:none!important;box-shadow:0 1px 6px rgba(59,139,131,.2);transition:transform .15s ease,box-shadow .2s ease}.bmi-bg .bmi-reset-btn:hover{background:linear-gradient(135deg,#5bb3aa,#489e95)!important;transform:translateY(-1px);box-shadow:0 3px 12px rgba(59,139,131,.3)}.bmi-bg input[type=number]{background:rgba(255,255,255,.8)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bmi-spectrum{position:relative;display:flex;flex-direction:column;width:18px;border-radius:9px;overflow:hidden;flex-shrink:0}.bmi-spectrum-seg{width:100%;transition:flex .3s ease}.bmi-spectrum-seg[data-cat=underweight]{background:#3b82f6;flex:8.5}.bmi-spectrum-seg[data-cat=normal]{background:#22c55e;flex:6.5}.bmi-spectrum-seg[data-cat=overweight]{background:#eab308;flex:5}.bmi-spectrum-seg[data-cat=obese-1]{background:#f97316;flex:5}.bmi-spectrum-seg[data-cat=obese-2]{background:#ef4444;flex:5}.bmi-spectrum-seg[data-cat=obese-3]{background:#991b1b;flex:10}.bmi-spectrum-marker{left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:2}.bmi-spectrum-label,.bmi-spectrum-marker{position:absolute;transition:top .4s ease}.bmi-spectrum-label{left:calc(100% + 12px);transform:translateY(-50%);white-space:nowrap;font-size:.7rem;color:#888}.bmi-spectrum-label-active{font-weight:600;color:#333;font-size:.8rem}.bmi-spectrum-tooltip{position:absolute;left:calc(100% + 12px);transform:translateY(-50%);background:#fff;border-radius:.75rem;padding:.5rem .85rem;box-shadow:0 4px 16px rgba(0,0,0,.12);white-space:nowrap;z-index:3;transition:top .4s ease}.bmi-spectrum-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#fff;border-left:0}.bmi-spectrum-labels{position:relative;width:-moz-max-content;width:max-content;height:100%}.bmi-cat-label{position:absolute;left:0;transform:translateY(-50%);font-size:.7rem;line-height:1;color:#888;display:flex;align-items:center;gap:6px;white-space:nowrap}.bmi-cat-label .bmi-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bmi-cat-label[data-active=true]{font-weight:700;color:#333;font-size:.8rem}.bmi-results-layout{display:flex;gap:1.25rem;align-items:stretch;min-height:320px}.bmi-spectrum-col{display:flex;gap:.6rem;flex-shrink:0;width:160px;position:relative}.bmi-result-details{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.bmi-result-number{font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.02em}@media (max-width:768px){.bmi-bg:after,.bmi-bg:before{opacity:.04}.bmi-spectrum{width:14px}.bmi-spectrum-col{width:140px}.bmi-result-number{font-size:2.5rem}}