:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #1a1a1a);--hint: var(--tg-theme-hint-color, #8a8a8a);--card: var(--tg-theme-secondary-bg-color, #f4f4f5);--accent: #4f8cff;--green: #34c759;--orange: #ff9f0a;--red: #ff3b30}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.wrap{padding:16px;max-width:560px;margin:0 auto}h1{font-size:20px;margin:4px 0 16px}h2{font-size:15px;margin:24px 0 10px;color:var(--hint);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.card{background:var(--card);border-radius:14px;padding:14px}.card .label{font-size:12px;color:var(--hint)}.card .value{font-size:22px;font-weight:700;margin-top:4px}.card .sub{font-size:12px;color:var(--hint);margin-top:2px}.progress{height:10px;background:#7f7f7f33;border-radius:999px;overflow:hidden;margin-top:8px}.progress>div{height:100%;border-radius:999px;transition:width .3s}.chart-box{background:var(--card);border-radius:14px;padding:12px 6px 6px}.meal{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid rgba(127,127,127,.15)}.meal:last-child{border-bottom:none}.meal .name{font-size:14px;font-weight:600}.meal .macros{font-size:12px;color:var(--hint);margin-top:2px}.meal .kcal{font-size:15px;font-weight:700;white-space:nowrap}.center{text-align:center;padding:48px 16px;color:var(--hint)}
