:root{--bg:#f7f4ee;--surface:#fffdf9;--ink:#102c4c;--muted:#77808c;--line:#e6ded3;--green:#078775;--soft:#e4f2ed;--blue:#2473ae;--blue-soft:#e4f2fc;--shadow:0 8px 24px #27303a12}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,textarea{font:inherit;color:inherit}.app{width:min(100%,480px);min-height:100dvh;margin:auto;padding:calc(12px + env(safe-area-inset-top)) 16px calc(78px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}header p{margin:0 0 2px;font-size:.85rem}h1{margin:0;font-size:2.15rem;line-height:1}.sync{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--green);font-weight:700}.sync i{display:grid;place-items:center;width:30px;height:30px;border:2px dashed;border-radius:50%;font-style:normal}.screen{display:none}.screen.active{display:block}.capture,.attention,.card,.water-log{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.capture{padding:10px;border-radius:17px}.capture textarea{width:100%;min-height:48px;resize:none;border:0;background:transparent;padding:10px;outline:none}.capture-row{display:flex;gap:8px}.types{display:flex;flex:1;gap:5px}.type{flex:1;border:1px solid var(--line);border-radius:11px;background:white;padding:8px 4px;font-size:.72rem}.type.active{border-color:var(--green);background:var(--soft);color:var(--green);font-weight:700}.add{border:0;border-radius:11px;background:var(--green);color:white;padding:8px 12px;font-weight:700}.attention{margin-top:12px;border-radius:15px}.attention-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:0;background:none;padding:10px;text-align:left}.attention-row>b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff0d3;color:#bd7300}.attention-row span{display:flex;gap:5px;align-items:baseline}.attention-row small{color:var(--muted)}.attention-row em{font-style:normal;font-size:.72rem;background:#fff0d3;color:#bd7300;padding:6px 8px;border-radius:99px}section>h2{font-size:1rem;margin:14px 2px 8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{min-height:112px;border-radius:17px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.card>b{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--soft);color:var(--green);font-size:1.25rem}.water-card>b{background:var(--blue-soft);color:var(--blue)}.card strong{margin-top:6px}.card small{color:var(--muted);font-size:.74rem}.bar{height:5px;width:100%;margin-top:auto;border-radius:9px;background:#e7e4de;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:inherit}.water-card .bar i{background:var(--blue)}nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,480px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fffdf9f2;padding:6px 8px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(15px)}nav button{position:relative;border:0;background:none;border-radius:13px;min-height:52px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.2rem}nav button span{font-size:.68rem}nav button.active{background:var(--soft);color:var(--green);font-weight:700}nav em{position:absolute;right:20%;top:2px;background:#bd7300;color:white;border-radius:99px;padding:2px 5px;font-size:.62rem;font-style:normal}.water-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;margin:8px 0 22px}.back{width:40px;height:40px;border:0;border-radius:13px;background:var(--surface);font-size:2rem}.water-head div{display:flex;flex-direction:column}.water-head div strong{font-size:2rem}.water-head span{color:var(--muted);font-size:.82rem;margin-bottom:5px}.water-picks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.water-picks button{min-height:86px;border:1px solid var(--line);border-radius:19px;background:var(--surface);font-size:1.55rem;font-weight:750}.water-picks small{display:block;color:var(--muted);font-size:.7rem}.water-picks button.selected{border:2px solid var(--blue);background:var(--blue-soft);color:var(--blue)}.water-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:12px 0 20px}.water-actions button{min-height:50px;border-radius:15px;font-weight:700}.remove{border:1px solid var(--line);background:var(--surface)}.remove:disabled{opacity:.4}.add-water{border:0;background:var(--blue);color:white}.water-log{border-radius:18px;padding:14px}.water-log>div{display:flex;justify-content:space-between;align-items:center}.water-log h2{margin:0;font-size:1rem}.water-log>div>strong{font-size:.75rem;color:var(--muted)}ol{list-style:none;margin:10px 0 0;padding:0}ol li{display:flex;align-items:center;justify-content:space-between;padding:11px 3px;border-top:1px solid var(--line)}ol li span{display:flex;align-items:baseline;gap:10px}ol li small{color:var(--muted)}ol li i{color:var(--green);font-style:normal}.no-water{color:var(--muted);justify-content:center}#commands{display:grid;gap:8px}#commands article{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}#commands article header{margin:0}#commands article header b{font-size:.72rem}#commands time,#commands small{color:var(--muted);font-size:.7rem}#commands p{margin:6px 0}.inbox-head p{margin:3px 0;color:var(--muted)}.empty{padding:50px 15px;text-align:center;color:var(--muted)}#toast{position:fixed;z-index:20;left:50%;bottom:82px;transform:translateX(-50%);background:var(--ink);color:white;border-radius:99px;padding:10px 15px;white-space:nowrap;font-size:.82rem}@media(max-height:700px){.app{padding-top:8px}.grid .card{min-height:100px}.capture textarea{min-height:40px}}