@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Serif+SC:wght@500;600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap");:root{--ink:#26332f;--muted:#84908a;--line:#e9ece4;--canvas:#f7f7f2;--card:#ffffff;--sage:#dfeadb;--leaf:#4f765d;--orange:#e99b55;--cream:#f6efe2}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Nunito Sans,PingFang SC,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:520px;min-height:100vh;margin:auto;padding:42px 20px 108px;background:linear-gradient(165deg,#f8f7ee,#f4f7f0 60%,#f8f8f5)}.hero{margin:0 4px 29px}.hero h1{margin:2px 0 4px;font-family:"Noto Serif SC",serif;font-size:42px;letter-spacing:8px}.hero p:last-child{margin:0;color:var(--muted);font-size:14px}.eyebrow,.label{margin:0;color:var(--leaf);font-family:DM Mono,monospace;font-size:10px;letter-spacing:1.5px;font-weight:700}.panel{border:1px solid rgba(224,229,218,.8);border-radius:28px;padding:23px 17px;background:rgba(255,255,255,.8);box-shadow:0 12px 35px rgba(47,72,54,.06)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 5px 21px}.section-heading h2{margin:3px 0 0;font-family:"Noto Serif SC",serif;font-size:21px}.sun{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#fff4ca;color:#ca9130;font-size:23px}.input-card{min-height:83px;display:flex;align-items:center;gap:12px;padding:15px 12px;margin-top:10px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.input-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:13px;font-size:21px;font-weight:700}.moon{background:#ede9fa;color:#786ba5}.water{background:#e4f2f5;color:#43879a}.stand{background:#f8eadb;color:#bd7440}.input-card span:nth-child(2){display:grid;grid-gap:3px;gap:3px;flex:1 1}.input-card strong{font-size:14px}.chart-card small,.history-row small,.input-card small{color:var(--muted);font-size:11px}.input-card input{min-width:70px;border:0;background:transparent;color:var(--ink);text-align:right;font-weight:800;outline:none}.input-card input[type=time]{width:92px}.number-wrap{display:flex;align-items:center;gap:4px}.number-wrap input{width:55px}.number-wrap b{font-size:13px;color:var(--muted)}.quick-actions{display:flex;gap:8px;margin:8px 0 4px}.quick-actions button{padding:7px 11px;border:0;border-radius:20px;background:#edf3e9;color:#52715a;font-size:11px;font-weight:800}.save-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:16px 19px;border:0;border-radius:16px;background:var(--leaf);color:white;font-weight:800;box-shadow:0 8px 16px rgba(79,118,93,.22)}.save-button span{font-size:19px}.status-message{margin:12px 4px 0;color:var(--leaf);text-align:center;font-size:12px;font-weight:700}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;display:flex;justify-content:space-around;width:min(100%,520px);transform:translateX(-50%);padding:11px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e7ece3;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{display:grid;grid-gap:3px;gap:3px;border:0;background:transparent;color:#9aa49f;font-size:11px}.bottom-nav button span{font-size:19px}.bottom-nav button.active,.count{color:var(--leaf);font-weight:800}.count{padding:6px 9px;border-radius:11px;background:var(--sage);font-size:12px}.history-list{display:grid;grid-gap:8px;gap:8px}.history-row{display:flex;justify-content:space-between;align-items:center;min-height:61px;padding:10px 12px;border-radius:15px;background:#fafbf8}.history-row div:first-child{display:grid;grid-gap:4px;gap:4px}.history-row strong{font-size:13px}.metrics{display:flex;gap:9px;color:#52715a;font-family:DM Mono,monospace;font-size:11px}.muted{color:var(--muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat-grid article{display:grid;grid-gap:8px;gap:8px;padding:16px;border-radius:17px;background:var(--sage)}.stat-grid article:nth-child(2){background:var(--cream)}.stat-grid small{color:var(--muted);font-size:11px}.stat-grid strong{font-size:26px}.stat-grid em{font-size:13px;font-style:normal}.chart-card{display:grid;grid-gap:10px;gap:10px;margin-top:12px;padding:17px;border:1px solid var(--line);border-radius:18px;background:white}.chart-card>div:first-child{display:grid;grid-gap:3px;gap:3px}.chart{display:flex;height:155px;align-items:end;justify-content:space-between;gap:7px;padding-top:12px;border-bottom:1px solid #e6eae4}.bar-column{display:grid;flex:1 1;height:100%;grid-template-rows:18px 1fr 18px;justify-items:center;grid-gap:4px;gap:4px;color:var(--muted);font-size:10px}.bar-track{display:flex;align-items:end;height:100%;background:#f0f4ed}.bar,.bar-track{width:100%;border-radius:6px 6px 0 0}.bar{min-height:2px;background:linear-gradient(#8bb28d,#4f765d)}.bar-value{color:var(--leaf);font-size:9px}.insight-note{margin:18px 4px 0;color:var(--muted);font-size:13px;line-height:1.7}.insight-note strong{color:var(--leaf)}@media (min-width:600px){body{padding:30px 0}.app-shell{min-height:calc(100vh - 60px);border-radius:34px}}