:root{--bg: #0b1220;--panel: #131c2e;--panel-soft: #17223a;--border: #253150;--text: #eef2fb;--text-dim: #a7b3cc;--text-faint: #6f7c98;--accent: #5b9dff;--accent-soft: rgba(91, 157, 255, .16);--success: #4ade80;--warn: #facc15;--danger: #f87171;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: light){:root{--bg: #f4f6fb;--panel: #ffffff;--panel-soft: #eef1f8;--border: #dde3f0;--text: #16213a;--text-dim: #556180;--text-faint: #8892ab;--accent-soft: rgba(91, 157, 255, .14)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent}button,input,select{font-family:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-soft);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.full{width:100%}button.icon-btn{padding:6px 10px;font-size:16px;background:transparent;border-color:transparent}button.ghost-btn{background:transparent}button.text-btn{background:transparent;border:0;color:var(--danger);padding:2px 6px;font-size:12px}input,select{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;width:100%}.app-loading{display:grid;place-items:center;height:100vh;color:var(--text-faint)}.app{max-width:480px;margin:0 auto;padding:calc(14px + var(--safe-top)) 14px calc(90px + var(--safe-bottom));display:grid;gap:14px}.app-header{display:flex;align-items:center;justify-content:space-between}.app-header h1{font-size:19px;margin:0}.sync-banner{padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--warn) 16%,var(--panel));color:var(--warn);font-size:12px}.day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day-chip{display:grid;place-items:center;gap:2px;padding:8px 2px;border-radius:10px;font-size:11px;color:var(--text-faint)}.day-chip strong{font-size:14px;color:var(--text-dim)}.day-chip.selected{border-color:var(--accent);background:var(--accent-soft)}.day-chip.selected strong{color:var(--accent)}.hero{display:flex;align-items:center;gap:16px}.ring{position:relative;flex-shrink:0}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-fill{fill:none;stroke-width:10}.ring-track{stroke:var(--panel-soft)}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .4s ease}.ring-warn .ring-fill{stroke:var(--warn)}.ring-over .ring-fill{stroke:var(--danger)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring-center strong{font-size:24px;font-variant-numeric:tabular-nums}.ring-center span{font-size:12px;color:var(--text-dim)}.ring-warn .ring-center strong{color:var(--warn)}.ring-over .ring-center strong{color:var(--danger)}.hero-stats{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:var(--panel-soft);border:1px solid var(--border)}.stat span{font-size:11px;color:var(--text-faint)}.stat strong{font-size:15px;font-variant-numeric:tabular-nums}.stat-main{background:var(--accent-soft)}.stat-main strong{color:var(--accent)}.stat-danger strong{color:var(--danger)}.date-label{margin:-6px 0 0;font-size:12px;color:var(--text-faint);text-align:center}.macros,.micros{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-dim)}.micros{color:var(--text-faint);font-size:11px}.macros b{color:var(--text)}.advice-card{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),var(--panel-soft));border:1px solid var(--border)}.advice-head{display:flex;align-items:center;justify-content:space-between}.advice-text{margin:0;font-size:13px;line-height:1.6}.muted{color:var(--text-faint);font-size:12px;margin:0}.muted.center{text-align:center;padding:20px 0}.error-text{margin:0;color:var(--danger);font-size:12px}.exercise-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px}.chip-exercise{background:color-mix(in srgb,var(--success) 16%,var(--panel));color:var(--success)}.chip button{background:transparent;border:0;padding:0;color:inherit;font-size:13px;line-height:1}.record-list{display:grid;gap:8px}.record{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.record-main{display:flex;align-items:center;gap:10px;min-width:0}.record-icon{font-size:18px}.record-main strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-meta{font-size:11px;color:var(--text-faint)}.record-right{display:grid;justify-items:end;gap:2px;flex-shrink:0}.record-right strong{font-size:13px;font-variant-numeric:tabular-nums}.fab{position:fixed;right:20px;bottom:calc(24px + var(--safe-bottom));width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:26px;border:none;box-shadow:0 8px 20px #5b9dff66;display:grid;place-items:center}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a148c;display:flex;align-items:flex-end;z-index:50}.sheet{width:100%;max-height:88vh;background:var(--bg);border-radius:18px 18px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;padding-bottom:var(--safe-bottom)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.sheet-body{overflow-y:auto;padding:14px 16px 24px;display:grid;gap:18px}.sheet-section h3{margin:0 0 8px;font-size:14px}.photo-actions{display:flex;gap:8px;margin-bottom:8px}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.preview button{position:absolute;top:3px;right:3px;width:18px;height:18px;padding:0;border-radius:50%;background:#0009;color:#fff;border:0;font-size:11px;line-height:1}.meal-select-row{display:flex;gap:8px;align-items:center}.meal-select-row select{flex-shrink:0;width:auto}.meal-select-row input{flex:1}.estimate-box{margin-top:10px;padding:10px;border-radius:10px;background:var(--accent-soft);display:grid;gap:8px}.estimate-box p{margin:0;font-size:12px;color:var(--text-dim)}.estimate-total{font-size:18px;color:var(--accent)}.adjust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.adjust-grid label{display:grid;gap:3px;font-size:11px;color:var(--text-dim)}.estimate-actions{display:flex;gap:8px}.manual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.manual-grid.two{grid-template-columns:1fr 120px}.toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-bottom));transform:translate(-50%);background:var(--panel);border:1px solid var(--border);color:var(--text);padding:9px 14px;border-radius:10px;font-size:12px;max-width:90vw;z-index:60}.toast.error{border-color:var(--danger);color:var(--danger)}