:root{--bg:#0b0e0a;--card:#151a12;--card2:#1c2417;--line:#2a3423;--text:#eef4e6;--dim:#93a385;--lime:#c8ff3d;--lime-dim:#9ac72f;--orange:#ffb03d;--red:#ff5d5d;--blue:#5db8ff;--purple:#c39dff;--r:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Thai,Sarabun,sans-serif}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--text);background:var(--card2);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:1rem}input:focus,textarea:focus{border-color:var(--lime-dim)}.page{max-width:480px;margin:0 auto;padding:14px 14px 96px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;padding:14px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1}.dim{color:var(--dim)}.small{font-size:.82rem}.big{font-size:1.6rem;font-weight:800}.lime{color:var(--lime)}.center{text-align:center}h1{font-size:1.25rem}h2{margin-bottom:8px;font-size:1.05rem}h3{font-size:.95rem}.btn{background:var(--lime);color:#10160a;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:1rem;font-weight:700;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.45}.btn.ghost{background:var(--card2);color:var(--text);border:1px solid var(--line)}.btn.mini{border-radius:10px;width:auto;padding:8px 14px;font-size:.85rem}.btn.danger{color:var(--red);background:#3a1818;border:1px solid #5a2525}.tabbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(8px + env(safe-area-inset-bottom));background:#0d110aeb;justify-content:space-around;align-items:flex-end;max-width:480px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--dim);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:.68rem;display:flex}.tabbar button.on{color:var(--lime)}.tabbar .ticon{font-size:1.35rem;line-height:1}.fab{background:var(--lime);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-top:-26px;font-size:1.7rem;transition:transform .1s;display:flex;box-shadow:0 4px 20px #c8ff3d59}.fab:active{transform:scale(.92)}.macro{margin:8px 0}.macro .bar{background:var(--card2);border-radius:6px;height:9px;overflow:hidden}.macro .fill{border-radius:6px;height:100%;transition:width .5s}.meal{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.meal:last-child{border-bottom:none}.meal .emoji{background:var(--card2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.sheet-wrap{z-index:60;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);border:1px solid var(--line);width:100%;max-width:480px;max-height:92dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-bottom:none;border-radius:22px 22px 0 0;margin:0 auto;animation:.22s up;overflow-y:auto}@keyframes up{0%{opacity:.4;transform:translateY(40%)}to{opacity:1;transform:none}}.chip{background:var(--card2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;display:inline-flex}.chip.on{border-color:var(--lime-dim);color:var(--lime)}.resttimer{z-index:50;background:var(--card);border:1px solid var(--lime-dim);border-radius:999px;align-items:center;gap:12px;padding:10px 22px;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.pr-banner{border:1px solid var(--lime);background:linear-gradient(135deg,#2a3a10,#1c2417);animation:.4s pop}.toast{z-index:80;border:1px solid var(--lime-dim);color:var(--text);background:#222c1a;border-radius:14px;max-width:90vw;padding:12px 18px;animation:.25s up;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.spin{border:2.5px solid var(--dim);border-top-color:var(--lime);border-radius:50%;width:18px;height:18px;animation:1s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:0;height:0}