:root{color-scheme:light;--bg: #f4fbff;--surface: #ffffff;--surface-2: #e5f7ff;--text: #12303d;--muted: #5d7580;--border: #cfeaf5;--accent: #00bfff;--accent-strong: #008dc2;--accent-soft: #d9f5ff;--danger: #b34040;--shadow: 0 14px 36px rgba(0, 132, 180, .1)}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,select{font:inherit}.app-shell{width:min(100%,540px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom))}.app-shell .app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 18px}.app-shell .app-header h1{margin:2px 0 0;font-size:26px;line-height:1.15;font-weight:760;letter-spacing:0}.app-shell .app-main{display:grid;gap:14px}.eyebrow,.section-kicker{margin:0;color:var(--accent);font-size:12px;font-weight:760;letter-spacing:0;text-transform:uppercase}.icon-button{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 8px 22px #17201d0d}.intro-panel,.form-panel,.summary-hero,.metric-card,.calorie-panel,.explain-panel,.report-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.intro-panel{padding:22px 20px}.intro-panel h2{margin:8px 0;font-size:28px;line-height:1.12;letter-spacing:0}.intro-panel p,.muted{margin:0;color:var(--muted);line-height:1.6}.form-panel{padding:18px}.form-panel .field-grid{display:grid;gap:14px}.form-panel label,.form-panel .target-period{display:grid;gap:7px}.form-panel label>span,.form-panel .target-period>span{color:var(--text);font-size:14px;font-weight:700}.form-panel .plain-field{align-content:start}.form-panel input,.form-panel select{width:100%;min-height:48px;border:1px solid var(--border);border-radius:8px;outline:none;background:#fbfcfa;color:var(--text);padding:0 13px}.form-panel input:focus,.form-panel select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-panel input[type=range]{min-height:28px;padding:0;border:0;background:transparent;accent-color:var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-panel input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:var(--accent-soft)}.form-panel input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px;border:3px solid #ffffff;border-radius:50%;background:var(--accent);box-shadow:0 4px 12px #0084b438;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-panel input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:var(--accent-soft)}.form-panel input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid #ffffff;border-radius:50%;background:var(--accent);box-shadow:0 4px 12px #0084b438}.form-panel .input-with-unit{position:relative}.form-panel .input-with-unit input{padding-right:48px}.form-panel .input-with-unit em{position:absolute;top:50%;right:13px;color:var(--muted);font-style:normal;transform:translateY(-50%)}.form-panel .number-ruler .number-ruler__slider{display:grid;gap:2px;padding:4px 2px 0}.form-panel .number-ruler .number-ruler__scale{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.form-panel .target-period{padding:14px;border:1px solid var(--border);border-radius:8px;background:#fbfcfa}.form-panel .target-period .target-period__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-panel .target-period .target-period__header span{font-size:14px;font-weight:700}.form-panel .target-period .target-period__header strong{color:var(--accent-strong);font-size:14px}.form-panel .target-period .target-period__slider{display:grid;gap:4px;margin-top:8px}.form-panel .target-period .target-period__slider.disabled{opacity:.48}.form-panel .target-period .target-period__ticks{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;text-align:center}.form-panel .target-period .target-period__ticks span{min-width:0}.form-panel .target-period .target-period__help{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.form-panel .form-error{min-height:22px;margin:12px 2px 10px;color:var(--danger);font-size:14px;line-height:1.45}.form-panel .form-actions{display:grid;grid-template-columns:1fr;gap:10px}.form-panel .form-actions .primary-button,.form-panel .form-actions .secondary-button{width:100%;min-height:52px;border-radius:8px;font-weight:760}.form-panel .form-actions .primary-button{border:0;background:var(--accent);color:#fff}.form-panel .form-actions .primary-button:active{background:var(--accent-strong)}.form-panel .form-actions .secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}.summary-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:20px}.summary-hero h2{margin:8px 0;font-size:28px;line-height:1.12;letter-spacing:0}.summary-hero .bmi-badge{display:grid;width:78px;height:78px;align-content:center;justify-items:center;border-radius:50%;background:var(--surface-2);color:var(--accent-strong);font-size:13px;font-weight:760;text-align:center}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid .metric-card{min-height:118px;padding:14px}.metric-grid .metric-card span{display:block;color:var(--muted);font-size:13px;font-weight:700}.metric-grid .metric-card strong{display:block;margin-top:8px;font-size:25px;line-height:1.1;letter-spacing:0}.metric-grid .metric-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.calorie-panel{padding:17px;background:var(--surface-2)}.calorie-panel h3{margin:0 0 8px;font-size:17px;letter-spacing:0}.calorie-panel strong{display:block;margin:6px 0;font-size:30px;line-height:1.15;letter-spacing:0}.calorie-panel p{margin:0;color:var(--muted);line-height:1.55}.calorie-panel.warning{border-color:#e8c9a8;background:#fff6eb}.calorie-panel.danger{border-color:#ebb9b9;background:#fff1f1}.explain-panel{padding:18px}.explain-panel h3{margin:0 0 8px;font-size:17px;letter-spacing:0}.explain-panel dl{display:grid;gap:14px;margin:0}.explain-panel dl div{display:grid;gap:4px}.explain-panel dt{font-weight:760}.explain-panel dd{margin:0;color:var(--muted);line-height:1.58}.report-panel{padding:18px}.report-panel .report-panel__header{display:grid;gap:8px;margin-bottom:14px}.report-panel .report-panel__header h3{margin:0;font-size:19px;letter-spacing:0}.report-panel .report-panel__header p{margin:0;color:var(--muted);line-height:1.58}.report-panel dl{display:grid;gap:14px;margin:0}.report-panel dl div{display:grid;gap:4px}.report-panel dl dt{font-weight:760}.report-panel dl dd{margin:0;color:var(--muted);line-height:1.58}@media (min-width: 480px){.form-panel .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-panel .full-span{grid-column:1/-1}}@media (max-width: 360px){.app-shell{padding-left:12px;padding-right:12px}.summary-hero{grid-template-columns:1fr}.summary-hero .bmi-badge{width:100%;height:54px;border-radius:8px}.metric-grid{grid-template-columns:1fr}}