:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f9f7;--surface:#fff;--text:#2d342d;--text-sub:#6b746b;--text-hint:#9ca39c;--border:#e2e8e2;--primary:#5b8a52;--primary-soft:#e8f0e6;--primary-ink:#2d5a27;--track:#f0f3ef;--warn-bg:#fff9f4;--warn-ink:#3c1e1e;--over:#e06a90;--over-soft:#ffdce5;--over-ink:#eb0035;--tabbar-h:64px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;word-break:keep-all;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{opacity:.5;cursor:default}input{font:inherit;color:inherit}.app{background:var(--bg);max-width:430px;min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.header{z-index:10;background:var(--bg);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.header h1{margin:0;font-size:18px;font-weight:700}.header .slot{justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;position:relative}.header .dot{background:var(--over-ink);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.content{flex-direction:column;gap:20px;padding:12px 24px 24px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.stack.tight{gap:10px}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:430px;padding:8px 0 calc(8px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{flex-direction:column;flex:1;align-items:center;gap:2px;font-size:20px;display:flex}.tabbar a span{color:var(--text-hint);font-size:10px;font-weight:600}.tabbar a.active span{color:var(--primary)}.section-title{margin:0;font-size:18px;font-weight:700}.section-title.lg{font-size:20px}.label{margin:0;font-size:14px;font-weight:700}.sub{color:var(--text-sub);font-size:13px}.hint{color:var(--text-hint);font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.card.pad16{padding:16px}.card.list{border-radius:12px;padding:0;overflow:hidden}.card.list>*+*{border-top:1px solid var(--border)}.list-item{justify-content:space-between;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;display:flex}.list-item.total{background:var(--primary-soft);color:var(--primary-ink);font-weight:800}.kcal{color:var(--primary);white-space:nowrap;font-weight:700}.alert{border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.alert.info{background:var(--primary-soft);color:var(--primary-ink)}.alert.warning{background:var(--warn-bg);color:var(--warn-ink)}.alert .icon{flex-shrink:0;font-size:14px}.btn{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;display:flex}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn.pill{border-radius:20px;padding:12px;font-weight:700}.btn.soft{background:var(--primary-soft);color:var(--primary);border-radius:8px;padding:8px;font-size:13px}.btn.small{background:var(--primary);color:#fff;border-radius:100px;width:auto;padding:6px 12px;font-size:12px}.link-btn{color:var(--text-hint);font-size:12px;text-decoration:underline}.chip{background:var(--primary-soft);color:var(--primary);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.chip.over{background:var(--over-soft);color:var(--over-ink)}.chip.round{border-radius:20px;padding:6px 12px}.progress{background:var(--track);border-radius:5px;height:10px;overflow:hidden}.progress.thin{background:var(--border);border-radius:4px;height:8px}.progress>div{background:var(--primary);height:100%;transition:width .3s}.progress.over>div{background:var(--over)}.segment{gap:8px;display:flex}.segment button{border:1px solid var(--border);background:var(--surface);color:var(--text-sub);border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:700}.segment button.on{background:var(--primary);border-color:var(--primary);color:#fff}.tabs{background:var(--border);border-radius:10px;padding:4px;display:flex}.tabs button{color:var(--text-sub);border-radius:8px;flex:1;padding:8px 0;font-size:13px;font-weight:500}.tabs button.on{background:var(--surface);color:var(--primary);font-weight:700}.option{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.option.on{background:var(--primary-soft);border:2px solid var(--primary);padding:11px}.option strong{font-size:14px}.option span{color:var(--text-sub);font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field>label{font-size:14px;font-weight:600}.input{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:14px 16px;font-size:14px;display:inline-flex}.input input{text-align:right;background:0 0;border:none;outline:none;width:5ch;padding:0;font-size:14px}.input.wide{width:100%}.input.wide input{text-align:left;width:100%}.input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input input[type=number]{-moz-appearance:textfield}.input:focus-within{border-color:var(--primary)}.meal-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.meal-card .body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.meal-card .title{font-size:15px;font-weight:600}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thumb{object-fit:cover;background:var(--primary-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.thumb.lg{width:72px;height:72px;font-size:34px}.thumb.xl{width:80px;height:80px;font-size:38px}.photo{color:#fff;background:#1f241f;border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:relative;overflow:hidden}.photo>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo>*{position:relative}.photo .overlay-chip{background:#00000080;border-radius:20px;align-self:flex-start;padding:5px 10px;font-size:12px;font-weight:600}.photo .overlay-chip.success{background:#5b8a52cc;font-weight:700}.photo .guide{background:#000c;border-radius:8px;align-self:center;padding:8px 16px;font-size:13px}.photo.empty{background:var(--primary-soft);color:var(--primary-ink);border:2px dashed #c9d6c5;justify-content:center;align-items:center;gap:8px}.photo.empty .big{font-size:40px}.macro-boxes{gap:8px;display:flex}.macro-boxes>div{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px;display:flex}.macro-boxes span{color:var(--text-sub);font-size:11px}.macro-boxes strong{color:var(--primary-ink);white-space:nowrap;font-size:14px}.bars{justify-content:space-between;align-items:flex-end;height:150px;padding:0 10px;display:flex}.bars>*{color:var(--text-sub);flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.bars .bar{background:var(--primary);border-radius:4px;width:20px}.bars .bar.over{background:var(--over)}.bars .bar.none{background:var(--track)}.bars .tag{background:var(--over-soft);color:var(--over-ink);border-radius:4px;padding:2px 4px;font-size:9px;font-weight:700}.calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar .dow{text-align:center;color:var(--text-hint);padding-bottom:4px;font-size:12px}.calendar .day{aspect-ratio:1;background:var(--bg);border-radius:8px;flex-direction:column;justify-content:space-between;min-width:0;padding:4px;font-size:12px;display:flex}.calendar .day.ok{background:var(--primary-soft);color:var(--primary-ink)}.calendar .day.over{background:var(--over-soft);color:var(--over-ink);font-weight:700}.calendar .day small{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.noti{flex-direction:column;gap:10px;display:flex}.noti.unread{border-color:var(--primary)}.noti.read{opacity:.7}.noti-title{gap:6px;font-size:14px;font-weight:700;display:flex}.noti.unread .noti-title strong{color:var(--primary)}.error{color:var(--over-ink);font-size:13px}.muted-center{text-align:center;color:var(--text-hint);padding:12px 0;font-size:13px}