:root{color:#263e38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f9f7;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}.site-header{justify-content:space-between;align-items:center;max-width:1120px;height:100px;margin:auto;padding:0 40px;display:flex}.brand{color:#285f4e;letter-spacing:.06em;align-items:center;gap:10px;font-size:19px;font-weight:750;text-decoration:none;display:flex}.brand-icon{color:#fff;background:#287b64;border-radius:11px;place-items:center;width:32px;height:32px;font-size:26px;font-weight:400;display:grid}.header-caption{color:#7a8982;letter-spacing:.08em;font-size:11px}main{max-width:940px;margin:auto;padding:32px 32px 0}.intro{text-align:center;margin-bottom:43px}.eyebrow{letter-spacing:.19em;color:#568372;font-size:10px;font-weight:700}h1{letter-spacing:.07em;margin:15px 0 14px;font-size:36px;font-weight:650;line-height:1.55}.intro p{color:#76837c;margin:0;font-size:13px;line-height:2}.mobile-break{display:none}.calculator{background:#fff;border:1px solid #e2e9e3;border-radius:22px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 12px 40px #2e604608}.input-panel{padding:32px 38px}.section-label{letter-spacing:.04em;align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.step{color:#688578;border:1px solid #d7e4dc;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.input-hint{color:#839087;margin:12px 0 26px;font-size:11px}label{margin-bottom:10px;font-size:13px;font-weight:600;display:block}.input-wrap{background:#fdfefd;border:1px solid #dce4df;border-radius:10px;align-items:center;padding-right:18px;transition:box-shadow .2s,border-color .2s;display:flex}.input-wrap:focus-within{border-color:#39836b;box-shadow:0 0 0 3px #39836b18}input{color:#2a483c;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:14px 16px;font-family:inherit;font-size:25px;font-weight:500;line-height:1.3}input::placeholder{color:#b7c1ba;font-size:19px}input[aria-invalid=true]{color:#a44e37}.input-wrap>span{color:#859189;font-size:13px}.error{color:#ad5139;min-height:19px;margin:3px 0 10px;font-size:10px;line-height:1.6}button{color:#6d8075;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8e3;border-radius:8px;padding:11px;font-size:11px}button span{margin-left:7px}button:hover{background:#f0f6f2}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #5b9b84}.privacy{color:#8a988f;text-align:center;margin-top:23px;font-size:10px}.privacy span{margin-right:5px;font-size:16px}.result-panel{text-align:center;background:#edf5ef;flex-direction:column;align-items:center;padding:32px 36px;display:flex}.result-panel .section-label{align-self:flex-start}.bmi-label{letter-spacing:.12em;color:#6e8a7b;margin:29px 0 2px;font-size:11px}.bmi-value{letter-spacing:-.04em;color:#2c7158;font-variant-numeric:tabular-nums;font-size:70px;font-weight:600;line-height:1.2}.bmi-value span{letter-spacing:0;color:#7b9385;font-size:12px;font-weight:400}.category{color:#60806a;background:#ddeae0;border-radius:30px;min-height:30px;margin-top:12px;padding:7px 17px;font-size:11px;display:inline-block}.category[data-category=normal]{color:#266d4f;background:#d2e9db}.category[data-category=low]{color:#426c8e;background:#dceaf4}.category[data-category=high]{color:#936439;background:#f5e3d2}.result-message{color:#7a8d80;min-height:42px;margin:15px 0 18px;font-size:11px;line-height:1.9}.scale{width:100%;margin-top:auto}.scale-bar{background:linear-gradient(90deg,#b4cfdd 0% 30%,#7bb393 30% 70%,#dfbd93 70% 100%);border-radius:10px;height:7px;position:relative}.scale-bar i{background:#2c5944;border:1px solid #fff;border-radius:3px;width:4px;height:17px;position:absolute;top:-5px;transform:translate(-50%)}.scale-labels{color:#748a7b;grid-template-columns:30fr 40fr 30fr;margin-top:9px;font-size:9px;display:grid}.scale-numbers{color:#8d9e93;height:15px;margin-top:4px;font-size:9px;position:relative}.scale-numbers span{position:absolute;transform:translate(-50%)}.scale-numbers span:first-child{left:30%}.scale-numbers span:last-child{left:70%}.formula{color:#8b9b90;margin:17px 0 0;font-size:10px}.guide{grid-template-columns:1fr 1.15fr;gap:40px;margin-top:18px;padding:34px 24px 25px;display:grid}h2{margin:9px 0 12px;font-size:19px;font-weight:600}.guide p{color:#7a8980;margin:0;font-size:11px;line-height:1.9}.guide-table>div{border-bottom:1px solid #e3e9e3;justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.guide-table>div:last-child{border:0}.guide-table strong{color:#7c8981;font-weight:400}.dot{border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.blue{background:#a2c4d5}.green{background:#7bb393}.orange{background:#dfbd93}.note{text-align:center;color:#8c978f;border-top:1px solid #e4eae4;margin:0;padding:23px 0 32px;font-size:10px;line-height:2}.note a{color:#7b9081;text-underline-offset:3px}footer{color:#7a8e80;border-top:1px solid #e5ebe5;justify-content:space-between;max-width:1040px;margin:auto;padding:22px 40px 26px;font-size:11px;display:flex}footer span{color:#9aa69c;font-size:10px}@media (width<=640px){.site-header{height:78px;padding:0 24px}.brand{font-size:16px}.header-caption{display:none}main{padding:25px 20px 0}.intro{margin-bottom:30px}h1{font-size:29px}.mobile-break{display:block}.intro p{font-size:12px}.calculator{border-radius:18px;grid-template-columns:1fr}.input-panel,.result-panel{padding:26px}.input-hint{margin-bottom:22px}.privacy{margin-top:18px}.bmi-label{margin-top:22px}.result-message{margin-bottom:22px}.scale{max-width:320px}.guide{grid-template-columns:1fr;gap:16px;margin-top:0;padding:30px 6px 22px}.desktop-break{display:none}.guide h2{margin-bottom:8px}.note{text-align:left;font-size:10px}footer{flex-wrap:wrap;gap:10px;padding:22px 24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}