*,:before,:after{box-sizing:border-box}:root{--bg:#0f1115;--surface:#1a1d24;--surface-2:#242831;--border:#2e323c;--text:#e8eaed;--text-dim:#9ba1ad;--accent:#4f9eff;--accent-hover:#3b8ff5;--danger:#ef4444;--success:#22c55e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{font-family:inherit;font-size:inherit}a{color:var(--accent)}.page{flex-direction:column;gap:28px;max-width:560px;margin:0 auto;padding:48px 20px 80px;display:flex}.page-header{text-align:center}.page-header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:32px}.subtitle{color:var(--text-dim);margin:0;font-size:15px}.input-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-dim);font-size:13px;font-weight:500}.field input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;border-radius:10px;outline:none;padding:12px 14px;font-size:18px;font-weight:600;transition:border-color .15s}.field input:focus{border-color:var(--accent)}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:18px;padding:28px 24px;display:flex}.bmi-value{align-items:baseline;gap:8px;display:flex}.bmi-number{letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:56px;font-weight:700}.bmi-unit{color:var(--text-dim);font-size:14px}.category-pill{color:#fff;border-radius:999px;padding:6px 18px;font-size:16px;font-weight:700}.category-desc{color:var(--text-dim);text-align:center;margin:0;font-size:14px}.bar-wrapper{width:100%;margin-top:8px}.bar{border-radius:7px;height:14px;display:flex;position:relative;overflow:hidden}.seg{flex:1}.seg-under{background:#4f9eff;flex:3.5}.seg-normal{background:#22c55e;flex:4.5}.seg-over{background:#f5b301;flex:2}.seg-obese{background:#f97316;flex:5}.seg-severe{background:#ef4444;flex:5}.marker{border:2px solid var(--surface);border-radius:3px;width:6px;height:22px;transition:left .25s ease-out;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 0 1px #0000004d}.bar-labels,.bar-scale{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.bar-scale{margin-top:2px}.bar-scale span:first-child{margin-left:17%}.page-footer{text-align:center;color:var(--text-dim);font-size:13px}.page-footer p{margin:0}@media (width<=540px){.page-header h1{font-size:26px}.bmi-number{font-size:44px}}