:root{--bg: #f7f4ee;--surface: #fffdf9;--text: #1f1f1c;--muted: #6f6a63;--border: #e8e3da;--primary: #6d8a74;--primary-soft: #dde6df;--accent: #b58a5a;--danger: #b86a57;--shadow: 0 8px 24px rgba(31, 31, 28, .06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(109,138,116,.15),transparent 30%),linear-gradient(180deg,#ece6dc,#d8d5cf);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.phone{width:min(430px,100%);min-height:100vh;background:var(--bg);border-radius:28px;box-shadow:0 18px 40px #00000014;overflow:hidden;position:relative}.app{position:absolute;inset:0;display:flex;flex-direction:column}.screen{flex:1;overflow:auto;padding:24px 18px 98px}.screen::-webkit-scrollbar{display:none}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.1;margin:12px 0 8px}h2{font-size:22px;line-height:1.2}.sub,.muted{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid rgba(232,227,218,.85);border-radius:24px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px}.hero{padding:18px}.inner-card{background:#faf7f1}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.btn{border:none;cursor:pointer;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:600}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.small{padding:10px 14px;font-size:14px}.full{width:100%}.row{display:flex;gap:12px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.center{align-items:center}.col{display:flex;flex-direction:column;gap:4px}.col.right{align-items:flex-end}.stack{display:grid;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input,select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;color:var(--text)}.center-box{min-height:100%;display:flex;align-items:center}.big-number{font-size:18px;color:var(--muted)}.big-number strong{font-size:46px;color:var(--text);line-height:1;display:inline-block;margin-right:6px}.kicker,.section-title{font-size:18px;font-weight:700;margin-bottom:10px}.meter{height:8px;background:#d8d8d8;border-radius:999px;overflow:hidden;margin:14px 0}.meter>div{height:100%;border-radius:999px}.macro-item+.macro-item,.meal-item+.meal-item{margin-top:12px}.macro-head,.meal-item,.food-list-item,.list-simple>div{display:flex;justify-content:space-between;gap:12px}.list-simple>div,.meal-item,.food-list-item{padding:10px 0;border-top:1px solid var(--border)}.list-simple>div:first-child,.meal-item:first-child,.food-list-item:first-child{border-top:none;padding-top:0}.empty{padding:16px;background:#faf7f1;border-radius:18px;color:var(--muted);text-align:center}.photo-box,.chart-box{background:#faf7f1;border:1px solid var(--border);border-radius:18px}.photo-box{min-height:220px;display:grid;place-items:center;color:var(--muted);overflow:hidden}.capture-preview-image{width:100%;height:100%;object-fit:cover;display:block}.camera-actions{display:flex;gap:10px;margin:18px 0 12px}.centered{text-align:center}.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.stat{background:#faf7f1;border-radius:18px;padding:12px;text-align:center}.stat .v{font-size:20px;font-weight:700}.component{background:#faf7f1;border:1px solid var(--border);border-radius:18px;padding:12px}.component-grid{display:grid;grid-template-columns:minmax(0,1.8fr) 96px 42px;gap:8px;align-items:end}.icon-btn{width:42px;height:46px;border-radius:14px;padding:0}.time-row{display:grid;grid-template-columns:1fr 120px 120px;gap:12px;align-items:end;margin-top:16px}.time-row.two-cols{grid-template-columns:1fr 120px}.notice-box{background:#faf7f1;border:1px solid var(--border);border-radius:18px;padding:12px;margin:16px 0}.notice-box.editing{background:#fff4e8;border-color:#e7c89c}.notice-title{font-size:14px;font-weight:700;margin-bottom:4px}.food-manage-row{display:grid;grid-template-columns:1fr auto;gap:10px}.food-category-row{display:flex;gap:8px;overflow-x:auto;padding-top:10px}.food-category-row::-webkit-scrollbar{display:none}.food-list{max-height:240px;overflow:auto}.food-name{font-weight:600}.food-small{color:var(--muted);font-size:12px}.weekly-reminder{background:#faf7f1;border:1px solid var(--border);border-radius:18px;padding:12px;margin-top:16px}.formula-note{margin-top:12px;display:grid;gap:4px;font-size:13px;color:var(--muted)}.formula-preview{margin-bottom:0}.chart-svg{width:100%;height:180px;display:block}.file-btn{display:inline-flex;justify-content:center;align-items:center}.typical-dish-btn{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}.hidden-input{display:none}.toggle-row{display:flex;align-items:center;gap:8px}.danger{color:var(--danger)}.nav{position:absolute;left:0;right:0;bottom:0;height:82px;background:#fffdf9f5;border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-credit{position:absolute;right:14px;bottom:88px;font-size:11px;color:var(--muted);opacity:.9;pointer-events:none}.app-feedback{position:absolute;left:50%;bottom:100px;transform:translate(-50%);background:#1f1f1ceb;color:#fff;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 10px 30px #0000002e;z-index:20;white-space:nowrap}.nav button{background:none;border:none;color:var(--muted);font-size:13px;font-weight:600}.nav button.active{color:var(--text)}@media(max-width:420px){.app-shell{padding:0}.phone{width:100%;min-height:100vh;border-radius:0;box-shadow:none}.time-row,.time-row.two-cols,.grid2,.component-grid,.food-manage-row,.stats3{grid-template-columns:1fr}.camera-actions,.row{flex-wrap:wrap}}