*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Tahoma,sans-serif;background:#eef7fb;color:#1f2937;direction:rtl}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:18px;background:radial-gradient(circle at top,#ffffff 0,#edf8fb 45%,#e7f3f6 100%)}.phone-card{width:min(430px,100%);min-height:760px;border-radius:34px;padding:30px 26px 24px;background:linear-gradient(180deg,#f9feff,#eef8fb);box-shadow:0 28px 70px rgba(36,88,110,.22);position:relative;overflow:hidden}.phone-card:before{content:"";position:absolute;width:260px;height:260px;top:-110px;left:-90px;background:rgba(51,189,125,.12);border-radius:50%}.top-actions{display:flex;justify-content:space-between;direction:ltr;position:relative;z-index:1}.top-actions button{width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 8px 18px rgba(31,41,55,.08);font-size:24px}.hero-text{text-align:center;margin-top:24px}.eyebrow{margin:0 0 8px;color:#64748b;font-size:15px}h1{margin:0;font-size:34px;line-height:1.25}.hero-text p:last-child{margin:10px 0 0;color:#64748b}.status-idle{color:#22a86b}.status-thin{color:#38d56b}.status-normal{color:#10b981}.status-over{color:#f59e0b}.status-obese1,.status-obese2,.status-obese3{color:#ef4444}.form-area{margin-top:28px;display:grid;grid-gap:22px;gap:22px;text-align:right}label{display:grid;grid-gap:8px;gap:8px;color:#475569;font-size:23px}label b{font-weight:500;color:#64748b}input{width:100%;border:0;outline:0;background:transparent;border-bottom:2px solid rgba(71,85,105,.18);direction:rtl;text-align:right;font-size:34px;color:#475569;padding:4px 0 10px}input::placeholder{color:rgba(71,85,105,.65)}input:focus{border-bottom-color:#38bdf8}.ideal-box{margin-top:4px;border-radius:999px;padding:15px 20px;background:linear-gradient(90deg,#ff4b3f,#ffd85b);color:#8d311e;font-size:18px;font-weight:700;text-align:center;box-shadow:0 14px 28px rgba(255,112,67,.28)}.ideal-box strong{color:#5f1d10}.calculate-btn,.error-message{display:none}.gauge-wrap{margin-top:42px;text-align:center}.gauge{width:290px;height:145px;margin:0 auto;position:relative;overflow:hidden;border-radius:290px 290px 0 0}.gauge:after{content:"";width:168px;height:84px;left:61px;background:#f3fbfd;border-radius:168px 168px 0 0;z-index:3;box-shadow:inset 0 10px 22px rgba(0,0,0,.04)}.gauge:after,.seg{position:absolute;bottom:0}.seg{width:290px;height:145px;left:0;border-radius:290px 290px 0 0}.seg-1{background:conic-gradient(from 270deg at 50% 100%,#ff6048 0 28deg,transparent 28deg)}.seg-2{background:conic-gradient(from 300deg at 50% 100%,#ff9b4f 0 32deg,transparent 32deg)}.seg-3{background:conic-gradient(from 334deg at 50% 100%,#e9df67 0 28deg,transparent 28deg)}.seg-4{background:conic-gradient(from 4deg at 50% 100%,#38d56b 0 52deg,transparent 52deg)}.seg-5{background:conic-gradient(from 58deg at 50% 100%,#0faa72 0 52deg,transparent 52deg)}.needle{position:absolute;width:6px;height:124px;background:linear-gradient(#32465d,#6b7b8f);left:calc(50% - 3px);bottom:0;transform-origin:50% 100%;z-index:5;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:transform .35s ease}.needle-dot{position:absolute;width:20px;height:20px;border-radius:50%;background:#34495e;left:calc(50% - 10px);bottom:-10px;z-index:6}.bmi-number{margin-top:16px;display:grid;grid-gap:2px;gap:2px}.bmi-number strong{font-size:42px;color:#173552}.bmi-number span{color:#64748b;font-weight:700}.legend{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;font-size:13px;color:#64748b}.legend span{background:rgba(255,255,255,.72);border-radius:14px;padding:12px 6px;text-align:center;transition:.25s ease;box-shadow:0 8px 18px rgba(31,41,55,.05)}.legend .active{color:#fff;transform:scale(1.06);font-weight:700;box-shadow:0 12px 24px rgba(31,41,55,.16)}.legend .thin{background:#38d56b}.legend .normal{background:#10b981}.legend .over{background:#f59e0b}.legend .obese{background:#ef4444}@media (max-width:480px){.page-shell{padding:0;align-items:stretch}.phone-card{width:100%;min-height:100vh;border-radius:0;padding:22px 24px}.hero-text{margin-top:18px}h1{font-size:30px}.form-area{gap:18px}label{font-size:22px}input{font-size:32px}.ideal-box{font-size:16px;padding:14px 16px}.gauge-wrap{margin-top:36px}.gauge{transform:scale(.92);transform-origin:center bottom}.bmi-number{margin-top:8px}}