*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:#203d34;font:16px/1.7 Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:14px;background:#e5eee5;color:#155749;padding:12px 16px;min-height:48px}button:hover{filter:brightness(.96)}button:focus-visible,input:focus,select:focus{outline:3px solid #abbd8d;outline-offset:2px}header{max-width:1050px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center}.brand b{font-size:23px}.brand small{display:block;font-size:12px;color:#698274}.logo{background:#155749;color:#ecf5db;border-radius:17px;padding:4px 15px;font-size:32px}main{max-width:1000px;margin:auto;padding:0 24px 120px}.hero{height:285px;border-radius:25px;background:#e8dfcb url(hero.png) center/cover;overflow:hidden;padding:30px 38px;box-shadow:0 8px 25px #2449320a}.hero>div{max-width:48%}.eyebrow{font-size:12px;letter-spacing:.3px}h1{font-size:34px;line-height:1.4;margin:10px 0}h2{font-size:21px;margin:0 0 12px}h3{margin:0 0 12px}.hero p{margin:8px 0;font-size:14px}.datebar{display:flex;justify-content:space-between;align-items:center;margin:24px 0 16px;gap:10px}.datebar h2{margin:0}.datebar label{display:flex;align-items:center;gap:8px;font-size:13px}.datebar input{width:160px;padding:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:20px;border-radius:20px;display:flex;flex-direction:column}.card strong{font-size:35px;line-height:1.5}.card small{font-size:12px}.peach{background:#f8ead6}.blue{background:#e1eff4}.green{background:#e4eedc}.actions{display:flex;gap:12px;margin:18px 0}.actions button{flex:1;background:#155749;color:white}.box{background:white;border:1px solid #e5eadf;border-radius:22px;padding:25px;margin:18px 0}.muted{color:#62776b;font-size:13px}label{display:block;font-size:14px}input,select{display:block;width:100%;border:1px solid #d6dfd0;background:#fcfdf9;color:#203d34;border-radius:12px;padding:12px;margin:5px 0 15px;min-height:48px}input[type=file]{font-size:12px}form{max-width:650px;margin:auto}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.primary{background:#155749;color:white;width:100%;font-weight:bold}.estimate{background:#f8ead6;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;margin:6px 0 18px}.estimate strong{font-size:30px}.estimate span{font-size:12px}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #edf0e8}.row:last-child{border:0}.row small{display:block;color:#62776b}.row button{font-size:12px;color:#9c3d33;background:#fff2ee;flex-shrink:0}.empty{text-align:center;color:#7e8f82;padding:28px 10px}.waterBox{background:linear-gradient(145deg,#edf6f7,white)}.drop{font-size:45px;color:#408ba6}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid #e0e7da;padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:10}nav button{background:none;min-width:90px;font-size:22px;padding:6px 20px;line-height:1.2}nav span{display:block;font-size:12px;margin-top:5px}nav .active{background:#e7efdf;color:#155749}.import{margin-top:20px}a{color:#155749}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#203d34;color:white;padding:12px 20px;border-radius:14px;z-index:20;max-width:90%;display:none}#toast.show{display:block}[hidden]{display:none!important}details{margin:15px 0}summary{cursor:pointer}#foodTable .row{font-size:13px}
@media(max-width:600px){header{padding:16px}.brand b{font-size:20px}main{padding:0 16px 110px}.hero{height:245px;padding:22px;background-position:34% center;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,#f7efdde8 10%,#f7efddc9 47%,transparent 85%)}.hero>div{position:relative;max-width:76%}h1{font-size:29px}.hero p{font-size:13px}.datebar{align-items:flex-start}.datebar h2{font-size:19px}.datebar label{font-size:0}.datebar input{font-size:13px;width:145px;margin:0}.cards{gap:8px}.card{padding:14px 10px;border-radius:17px}.card>span{font-size:11px}.card strong{font-size:26px}.card small{font-size:10px}.actions{gap:7px}.actions button{font-size:12px;padding:10px 7px}.box{padding:19px}.twocol{gap:10px}nav{justify-content:space-around}nav button{min-width:0;flex:1;padding:6px}.row{font-size:14px}#install{font-size:12px;padding:8px}}

.bottles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.bottles button{padding:12px 4px;background:#e0eef2;color:#245d70;font-size:15px}.bottles button[aria-pressed="true"]{background:#155749;color:white;box-shadow:0 0 0 2px #a9c7b4}