@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#1c3433;background:#e8eeea;font-synthesis:none;font-weight:400;--green: #087f79;--dark: #075c58;--muted: #7b8b87;--border: #e7ece7;--paper: #f8faf6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #42bdb2;outline-offset:3px}a{color:var(--green);text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:29px;letter-spacing:-1.2px;font-weight:800;line-height:1.3}h1 small{font-size:16px;color:var(--muted);letter-spacing:0;margin-left:5px}h2{font-size:20px;font-weight:750;letter-spacing:-.6px}h3{font-size:14px;font-weight:750;letter-spacing:-.2px}p{font-size:13px;line-height:1.7}small{font-size:11px}.muted{color:var(--muted)}.grow{flex:1;min-width:0}.full{width:100%}.align-right{text-align:right;flex-shrink:0}.text-green{color:var(--green)}.text-amber{color:#a26928}.small-copy{font-size:12px;margin-bottom:12px}.app-wrap{min-height:100dvh}.mobile-app,.login-screen{position:relative;max-width:480px;margin:auto;background:var(--paper);min-height:100dvh;box-shadow:0 0 75px #173d3210}.topbar{height:83px;background:#f8faf6f5;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e7ece780;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.9px;font-weight:800;border:0;padding:0;background:transparent}.brand-icon{width:34px;height:36px;border-radius:11px;background:var(--green);display:grid;place-items:center;color:#e0f6dc}.brand-dot{color:var(--green)}.topbar-right{display:flex;align-items:center;gap:9px}.topbar-right>div{text-align:right}.topbar-right b{font-size:11px;display:block}.topbar-right small{font-size:9px;color:var(--muted)}.avatar{background:#e7efe4;color:#49765c;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.avatar-button{border:1px solid #d5e3ce;width:33px;height:33px}.avatar.amber{background:#f7ecd6;color:#a27937}.avatar.large{width:66px;height:66px;font-size:22px}.mobile-app main{padding:25px 23px 110px;min-height:calc(100dvh - 83px);animation:appear .22s ease-out}@keyframes appear{0%{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.eyebrow{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.7px;font-weight:700;color:var(--green);line-height:1.5}.greeting{margin-bottom:24px}.greeting h1{margin:8px 0 7px}.greeting p{color:var(--muted);font-size:12px}.wave{color:#b5b96c;margin-left:8px;font-size:28px}.water-hero{background:linear-gradient(125deg,#0b7773,#075c58);border-radius:23px;position:relative;min-height:258px;overflow:hidden;padding:24px;color:#fff}.water-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#ffffff07;right:-90px;bottom:-110px}.hero-copy{position:relative;z-index:2;max-width:250px;pointer-events:none}.hero-copy>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:5px;color:#d2e9ce;font-size:8px;font-weight:600;letter-spacing:.7px;background:#ffffff13;padding:6px 8px;border-radius:20px}.hero-copy h2{font-size:25px;line-height:1.3;letter-spacing:-.9px;margin:15px 0 8px}.hero-copy p{font-size:10px;color:#c7ded4}.hero-copy>strong{display:block;font-size:15px;margin:11px 0 17px}.hero-copy>strong small{font-size:10px;font-weight:400;color:#b7d6cd}.button{border:0;background:var(--green);color:#fff;min-height:47px;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.button:hover{background:#066b66}.button.light{background:#e1efbc;color:#173f35;min-height:40px;padding:10px 14px;font-size:11px;display:inline-flex}.button.secondary{background:#fff;border:1px solid #dce5dc;color:var(--dark)}.button.secondary:hover{background:#eef4ea}.button.full+.button.full{margin-top:10px}.bottle-scene{position:absolute;width:155px;height:225px;right:-4px;bottom:13px;transform:rotate(9deg);pointer-events:none}.bottle{width:108px;position:absolute;bottom:6px;left:24px;height:210px;filter:drop-shadow(7px 8px 3px #022d4240)}.bottle-cap{width:39px;height:18px;position:absolute;top:5px;left:35px;border-radius:5px 5px 2px 2px;background:repeating-linear-gradient(90deg,#e3f3e6,#c9e4d5 2px,#b7d7c7 3px);z-index:2;border-top:3px solid #eef9e9}.bottle-neck{position:absolute;left:36px;top:20px;width:37px;height:25px;background:linear-gradient(90deg,#93c2bd,#c8e0d2,#7bb5b2)}.bottle-body{position:absolute;bottom:0;width:108px;height:174px;border-radius:30px 30px 19px 19px;background:linear-gradient(90deg,#76aeb2,#b7d8d4,#cee5db 40%,#a0c7c4 65%,#6a9eaa);border:1px solid #d2eee068;overflow:hidden;box-shadow:inset 0 -8px #739da54d,inset 0 10px 10px #a7d8cc80}.bottle-shine{position:absolute;top:5px;bottom:8px;left:13px;width:10px;background:#f2fff12e;border-radius:40px}.bottle-label{position:absolute;top:51px;width:100%;height:80px;background:#f5f8e8;box-shadow:0 1px 1px #577e641a;color:#136b62;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-1deg)}.bottle-label svg{width:13px;height:13px}.bottle-label strong{font-family:Manrope;font-size:27px;letter-spacing:-2px;line-height:1}.bottle-label span{font-size:4.6px;letter-spacing:1px;margin-top:6px}.bottle-label b{font-size:9px;margin-top:4px}.bottle-ridge{position:absolute;width:100%;height:8px;background:linear-gradient(#659a9b44,#d7ebdf99,#659a9b33);border-radius:8px}.r1{top:30px}.r2{bottom:23px}.bottle-shadow{position:absolute;bottom:-2px;width:120px;left:35px;height:17px;background:#003b3b60;border-radius:50%;filter:blur(8px)}.spark{position:absolute;color:#dce9b6;font-size:26px}.s1{left:2px;top:57px}.s2{right:7px;top:7px;font-size:19px}.metrics{display:grid;gap:12px;margin:18px 0}.metrics.two{grid-template-columns:1fr 1fr}.metric{background:#fff;border:1px solid var(--border);border-radius:17px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:7px}.metric.mint{background:#eff5e9;border-color:#e4eddb}.metric-icon{display:grid;place-items:center;color:var(--green);margin-bottom:3px}.metric .muted{font-size:10px}.metric strong{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.9px;line-height:1.4;overflow-wrap:anywhere}.metric strong small{font-family:DM Sans;font-size:10px;font-weight:450;letter-spacing:0;color:var(--muted);margin-left:5px}.deposit-strip{display:flex;align-items:center;gap:12px;border:1px solid #e6eadd;border-radius:13px;padding:12px 14px;background:#f3f5ec;color:#83905c}.deposit-strip>div{flex:1}.deposit-strip b{color:#44543c;font-size:12px;display:block}.deposit-strip span{font-size:10px;color:#89937d}.icon-button{border:0;background:transparent;display:grid;place-items:center;padding:7px;color:var(--muted);border-radius:10px;flex-shrink:0}.icon-button:hover{background:#e5eee4}.icon-button.add{background:var(--green);color:#fff;width:40px;height:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 13px}.section-heading h2{font-size:16px;letter-spacing:-.4px}.text-button{background:none;border:0;color:var(--green);display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:650;padding:7px 0}.text-button.centered{margin:15px auto}.text-button.destructive{color:#bd6559}.order-card{display:block;text-align:left;width:100%;border:1px solid var(--border);background:#fff;border-radius:17px;padding:16px;margin-bottom:12px;transition:border .15s}.order-card:hover{border-color:#a8c6b7}.order-card-top{display:flex;justify-content:space-between;align-items:center}.order-id{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.2px}.status{font-size:8px;font-weight:650;display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;color:#8b9090;background:#f0f2ef;white-space:nowrap}.status>span{height:4px;width:4px;border-radius:50%;background:currentColor}.status.assigned,.status.active,.status.paid,.status.delivered{color:#1e8973;background:#eaf5ec}.status.pending,.status.submitted,.status.grace-period{background:#f8f0da;color:#ad7b27}.status.unpaid,.status.restricted{background:#fff0e9;color:#b36b45}.order-main{display:flex;gap:12px;align-items:center;margin:15px 0}.order-main>div:nth-child(2){flex:1}.order-main p{font-size:10px;color:var(--muted);margin-top:4px}.order-main>svg{color:#9da9a0}.product-icon{width:43px;height:47px;display:grid;place-items:center;background:#edf5f1;border-radius:12px;color:#508a79;flex-shrink:0}.order-footer{border-top:1px dashed #e4e9e1;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px}.order-footer span{display:flex;align-items:center;gap:6px;color:var(--muted)}.order-footer b{font-size:11px}.hydration-card{display:flex;align-items:center;gap:12px;background:#f2f0e3;border:1px solid #ebe8d8;padding:18px 13px;border-radius:16px;width:100%;text-align:left;margin-top:21px}.hydration-card .eyebrow{font-size:7px;letter-spacing:1px;color:#96925b}.hydration-card h3{font-size:13px;margin:5px 0}.hydration-card p{font-size:9px;color:#8c907c}.hydration-card>svg{margin-left:auto;color:#898f6e;flex-shrink:0}.glass-icon{color:#889c71;width:42px;flex-shrink:0}.footnote{text-align:center;color:#9aa49a;font-size:9px;line-height:1.8;margin:19px 0 3px;display:flex;gap:5px;justify-content:center;align-items:center;flex-wrap:wrap}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:480px;width:100%;height:calc(76px + env(safe-area-inset-bottom));padding:9px 10px calc(8px + env(safe-area-inset-bottom));background:#ffffffed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e7ece5;z-index:20}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;font-weight:500;color:#8c9990}.bottom-nav button>span{height:30px;width:53px;display:grid;place-items:center;position:relative;border-radius:12px}.bottom-nav button.active{color:var(--green);font-weight:700}.bottom-nav button.active>span{background:#e8f2e7}.bottom-nav i{position:absolute;right:11px;top:4px;width:5px;height:5px;border-radius:50%;background:#b5b76c;border:1px solid #fff}.card{background:#fff;border:1px solid var(--border);border-radius:17px;overflow:hidden}.card:empty{display:none}.soft-empty{padding:23px;display:flex;align-items:center;gap:15px;color:var(--green)}.soft-empty p{font-size:11px;color:var(--muted);margin-top:5px}.business-hero{padding:25px 22px;border-radius:21px;background:#086e68;color:#fff;position:relative;overflow:hidden}.business-hero .eyebrow{color:#b9d5bf;font-size:9px;position:relative;z-index:1}.business-hero h2{font-size:33px;letter-spacing:-1px;margin:10px 0 5px}.business-hero h2 small{font-size:12px;font-weight:500;letter-spacing:0}.business-hero p{font-size:10px;color:#b8d7cd;max-width:80%;position:relative;z-index:1}.business-hero>button{display:flex;align-items:center;gap:7px;color:#d9edbd;font-size:11px;font-weight:600;background:transparent;border:0;border-top:1px solid #ffffff20;width:100%;margin-top:21px;padding:14px 0 0}.business-hero .status{margin-top:15px}.hero-symbol{position:absolute;right:20px;top:27px;opacity:.16;transform:rotate(-12deg)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0;gap:6px}.quick-actions button{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;font-size:9px;padding:0}.quick-actions span{width:45px;height:45px;border-radius:14px;background:#edf1e7;display:grid;place-items:center;color:#657c5b}.quick-actions svg{width:19px}.notice{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #e1e9e2;background:#eef4ed;color:#5d7d6e;border-radius:12px;font-size:11px;line-height:1.65;margin:17px 0;text-align:left}.notice>svg{flex-shrink:0;width:20px}.notice b{font-size:11px;font-weight:600}.notice.warning{background:#f9f2e2;border-color:#eee2c7;color:#9c7b3e}.notice.danger{background:#fff0ed;border-color:#efd1c7;color:#a64c38}.notice.promotion{background:#eef2dd;color:#7d834b}.balance-card{padding:5px 17px}.balance-card>div{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #eef1eb;font-size:11px}.balance-card>div:last-child{border:0}.balance-card span{color:var(--muted)}.balance-card b{text-align:right;font-weight:600}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1{margin-top:7px}.search-box{background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;padding:13px;align-items:center;color:#91a095;margin-bottom:16px}.search-box input{border:0;background:transparent;outline:0;font-size:12px;width:100%;color:#354e47}.search-box:focus-within{border-color:var(--green)}.search-box input::placeholder{color:#a1aaa2}.tabs{display:flex;gap:7px;overflow:auto;margin:0 0 18px;scrollbar-width:none}.tabs button{border:1px solid #e4e9df;background:transparent;color:#809080;border-radius:25px;padding:8px 13px;font-size:10px;white-space:nowrap}.tabs button.active{background:#146e61;color:#fff;border-color:#146e61}.order-promo{background:#eaf1df;border:1px solid #dfe9d4;border-radius:17px;padding:20px;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;margin-bottom:21px}.order-promo h3{font-size:20px;margin:7px 0}.order-promo span:not(.eyebrow){font-size:11px;color:#7e9075}.round-button{width:37px;height:37px;background:#d6e6c6;border-radius:50%;display:grid;place-items:center}.back{display:flex;align-items:center;gap:4px;border:0;background:transparent;font-size:11px;color:var(--muted);padding:0;margin-bottom:20px}.address-card{padding:18px;margin-bottom:16px}.address-card h3{font-size:16px;margin-bottom:10px}.address-card p,.address-card a{display:flex;align-items:flex-start;gap:8px;font-size:12px;margin:10px 0;color:var(--muted)}.address-card svg{flex-shrink:0;margin-top:2px}.address-card a{color:var(--green)}.note{background:#f5f6ed;padding:12px;border-radius:9px;font-size:11px;color:#7c856e;line-height:1.6;overflow-wrap:anywhere}.product-summary{display:flex;align-items:center;gap:13px;padding:18px}.product-summary p{color:var(--muted);font-size:10px}.breakdown{background:#f7f9f3;border-radius:12px;padding:16px;margin:16px 0;font-size:11px}.card>.breakdown{margin:0;border-radius:0;border-top:1px solid var(--border)}.breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.breakdown>div:last-child{margin-bottom:0}.breakdown span{color:#7e8c7b}.breakdown b{font-weight:600;text-align:right}.breakdown .total{border-top:1px dashed #d7dfd0;padding-top:14px;font-size:13px}.breakdown .total span{color:#344b3e;font-weight:650}.breakdown small{font-size:10px;color:var(--muted);line-height:1.7;display:block}.list-row{padding:17px 16px;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #edf0e8;width:100%;background:none;text-align:left}.list-row:last-child{border-bottom:0}button.list-row:hover{background:#f8faf4}.list-row strong{font-size:12px;font-weight:650;display:block;overflow-wrap:anywhere}.list-row small{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.list-row b{font-size:10px;font-weight:600}.list-row .status{margin-top:5px}.list-row>.align-right{max-width:43%}.row-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eff5ed;color:#7e9a76;flex-shrink:0}.list-row>svg{color:#94a38f;flex-shrink:0}.action-stack{margin:20px 0}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0}.small-button{border:1px solid #d9e6d4;background:#f1f7eb;color:#55784b;font-size:10px;border-radius:9px;padding:8px 12px}.ledger details{padding:16px;border-bottom:1px solid #edf0e8}.ledger details:last-child{border:0}.ledger summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer}.ledger summary::-webkit-details-marker{display:none}.ledger summary strong{font-size:11px;display:block}.ledger summary small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.ledger summary>svg{color:var(--muted)}.ledger-line{display:flex;justify-content:space-between;font-size:10px;padding:9px 0 0;margin-left:45px;color:var(--muted)}.ledger-line span{text-transform:capitalize}.ledger-line b{font-weight:500;color:#47654c}.profile{text-align:center;padding:25px}.profile h2{margin-top:13px;font-size:20px}.profile p{font-size:11px;color:var(--muted);margin:5px 0 10px}.profile>small{display:block;color:var(--muted);margin-top:10px}.role-pill{font-size:9px;color:var(--green);background:#edf5e9;border-radius:20px;padding:5px 10px}.menu-list{margin:21px 0}.local-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;letter-spacing:1.5px;color:#9b9f85;margin-top:28px}.local-label span{height:5px;width:5px;border-radius:50%;background:#b4b879}.empty{text-align:center;padding:38px 20px;color:#a0ae9a}.empty svg{margin-bottom:13px;color:#9bb593}.empty h3{color:#617c60;font-size:14px}.empty p{font-size:11px;margin-top:7px}.reminder-hero{background:#e9eddc;border-radius:20px;padding:27px;position:relative;overflow:hidden;margin-bottom:21px}.reminder-hero>svg{position:absolute;right:30px;bottom:35px;color:#95a885;transform:rotate(9deg);height:65px;width:65px}.reminder-hero h2{font-size:24px;line-height:1.4;color:#536b43}.reminder-hero p{font-size:11px;color:#8a9878;margin-top:9px}.reminder-hero .spark{right:24px;top:13px;color:#a2ae7f}.reminder-card{padding:20px;margin-bottom:15px}.reminder-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.row-icon.drink{background:#eaf3ef;color:#4b9a87}.row-icon.reorder{background:#f5f0df;color:#aa9457}.reminder-card h3{font-size:16px}.reminder-card p{font-size:11px;color:var(--muted);margin-top:6px}.reminder-meta{display:flex;gap:6px;align-items:center;font-size:10px;color:#7a8e78;margin:15px 0 6px}.reminder-card .text-button{margin-left:auto}.company-card{padding:21px;margin-bottom:17px}.row-between{display:flex;align-items:center;justify-content:space-between}.company-card h2{margin:15px 0 5px}.company-card p{font-size:11px;color:var(--green)}.company-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;margin:17px 0 8px}.company-stats strong{font-size:13px;display:block}.company-stats small{font-size:9px;display:block;color:var(--muted);margin-top:5px}.invoice{padding:25px;margin-bottom:20px}.invoice .brand{color:var(--green);margin-bottom:30px}.invoice h1{font-size:31px}.invoice-meta{display:flex;justify-content:space-between;margin:30px 0}.invoice-meta span{display:block;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.invoice-meta strong{font-size:12px;display:block;margin-top:8px}.invoice p{margin-top:12px}.subscription-banner{background:#f8e8d0;display:flex;align-items:center;gap:8px;padding:11px 23px;font-size:10px;color:#997747}.modal-backdrop{position:fixed;inset:0;background:#153d335f;z-index:40;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fffef9;width:100%;max-width:480px;max-height:92dvh;overflow:auto;border-radius:25px 25px 0 0;padding:10px 25px max(27px,env(safe-area-inset-bottom));box-shadow:0 -10px 70px #1b362327}.modal-handle{width:35px;height:4px;background:#d7dfd2;border-radius:3px;margin:0 auto 20px}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.modal header h2{font-size:22px;margin-top:6px}.modal>p{font-size:12px;margin-bottom:18px}.modal .button{margin-top:20px}.field{display:flex;flex-direction:column;gap:8px;margin:15px 0;min-width:0}.field>span{font-size:11px;font-weight:600;color:#526b54}.field input,.field select,.field textarea{background:#fafbf6;border:1px solid #dde5d8;border-radius:10px;min-height:44px;padding:10px 12px;font-size:16px;color:#334e3c;width:100%;outline:0}.field textarea{height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#54a58d;box-shadow:0 0 0 3px #73b39a13}.field small{font-size:10px;line-height:1.7;color:var(--muted)}.check-field{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 0}.check-field input{height:20px;min-height:20px;width:20px;accent-color:var(--green)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:94px;width:calc(100% - 40px);max-width:426px;background:#244e40;color:#fff;border-radius:13px;padding:15px;box-shadow:0 8px 30px #153c3435;display:flex;align-items:center;gap:9px;z-index:60;font-size:12px;line-height:1.6}.toast svg{flex-shrink:0}.loading{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:var(--paper);color:var(--green)}.loading>svg{width:40px;height:40px}.login-screen{padding-bottom:20px}.login-screen>.brand{padding:28px 28px 18px}.login-art{height:265px;background:#e7eddf;margin:5px 22px 0;border-radius:23px;position:relative;overflow:hidden}.login-art .bottle-scene{right:10px;bottom:13px;transform:rotate(8deg) scale(.93)}.art-caption{position:absolute;bottom:35px;left:24px;z-index:1;pointer-events:none}.art-caption .eyebrow{font-size:7px;letter-spacing:1.3px;color:#7e946d}.art-caption h1{font-size:31px;color:#2f654f;margin-top:12px;line-height:1.3;letter-spacing:-1.4px}.login-content{padding:26px}.login-content>h2{font-size:24px}.login-content>p{font-size:11px;margin-top:7px}.login-content form{margin-top:22px}.login-content form>.button{margin-top:22px}.demo-box{margin-top:28px;padding:18px;background:#f0f3e8;border:1px solid #e5eadb;border-radius:14px}.demo-box .eyebrow{font-size:8px;color:#8a976c;letter-spacing:1.2px}.demo-box p{font-size:12px;color:#7d8b70;margin:8px 0 12px}.demo-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-roles button{display:flex;align-items:center;justify-content:space-between;border:1px solid #dce4d2;border-radius:9px;background:#fffdf5;padding:10px;font-size:10px;color:#5e7751}.login-footer{text-align:center;color:#a4ad96;font-size:10px}.desktop-note{display:none}@media(min-width:920px){.desktop-note{display:block;position:fixed;right:calc(50% + 290px);top:50%;transform:translateY(-50%);width:200px;color:#80978a}.desktop-note .brand{font-size:21px;color:#557e69}.desktop-note p{font-size:13px;margin-top:19px;line-height:1.9}.desktop-note>span{font-size:7px;letter-spacing:1.7px;display:block;margin-top:24px;color:#9cae9d}.app-wrap{background:radial-gradient(ellipse at 18% 35%,#dbe6da,transparent 45%),radial-gradient(ellipse at 80% 75%,#e2e7d8,transparent 50%)}.modal-backdrop{align-items:center}.modal{border-radius:24px;max-height:88dvh}.modal-handle{display:none}.modal{padding-top:25px}}@media(max-width:370px){.mobile-app main{padding:22px 16px 100px}.topbar{padding:0 16px}.hero-copy h2{font-size:22px}.water-hero{padding:20px}.water-hero .bottle-scene{right:-25px;transform:rotate(9deg) scale(.85)}.hero-copy p{font-size:9px}.topbar-right>div{display:none}.metric{padding:12px}.metric strong{font-size:22px}.list-row{padding:14px 12px;gap:8px}.list-row>.align-right{max-width:38%}h1{font-size:26px}.art-caption h1{font-size:27px}.login-art .bottle-scene{right:-14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{body{background:#fff}.topbar,.bottom-nav,.desktop-note,.back,.print-button,.toast,.modal-backdrop,.subscription-banner,main>.button,main>.text-button{display:none!important}.mobile-app,.app-wrap{box-shadow:none;background:#fff;max-width:none;min-height:0}.mobile-app main{padding:0;min-height:0}.invoice{border:0;padding:25px}.card{break-inside:avoid}button.order-card{border:1px solid #ccc}.invoice .brand{display:flex}.page-heading h1{font-size:24px}}.water-hero,.login-art{overflow:clip}.modal-backdrop .modal{overscroll-behavior:contain}@media(max-width:420px){.water-hero .bottle-scene{right:-24px;transform:rotate(9deg) scale(.82);bottom:0}.hero-copy h2{font-size:23px}.hero-copy p{font-size:9px}.hero-copy .pill{font-size:7px}.hero-copy{max-width:235px}.water-hero{min-height:258px}}.hydration-progress{padding:20px;margin-bottom:20px}.hydration-progress h2{font-size:29px;margin:16px 0 14px;letter-spacing:-1px}.hydration-progress h2 small{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0}.water-progress-track{height:12px;background:#e6eee2;border-radius:20px;overflow:hidden}.water-progress-track>div{height:100%;background:linear-gradient(90deg,#087f79,#80b9a2);border-radius:20px;transition:width .25s ease}.hydration-progress>p{font-size:12px;margin-top:12px;color:#658372}.hydration-progress>.button-grid{margin:18px 0 12px}.hydration-progress>small{font-size:10px;line-height:1.7;display:block}.hydration-last{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:8px;margin-bottom:10px;font-size:10px;color:var(--muted)}.reminder-card .hydration-progress{border:0;border-top:1px solid var(--border);border-radius:0;padding:19px 0 0;margin:18px 0 4px;background:transparent}.hydration-progress .button-grid{grid-template-columns:1fr}.hydration-progress .button-grid .button:first-child{font-size:14px}.recovery-result,.saved-place{padding:20px;margin-top:18px}.recovery-result code{display:block;overflow-wrap:anywhere;background:#edf4e9;padding:15px;border-radius:10px;margin:15px 0;font-size:15px}.recovery-result p,.saved-place p{font-size:12px;margin-top:10px;color:var(--muted)}.saved-place p{display:flex;gap:7px;align-items:flex-start}.saved-place p svg{flex-shrink:0;margin-top:3px}.place-actions{display:flex;gap:22px;margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.modal-shell{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 18px);position:relative;padding-top:50px}.modal-close{position:absolute;top:0;right:12px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #dce6d8;border-radius:50%;background:#fffef9;color:#45675c;box-shadow:0 3px 12px #17392d22;z-index:2}.modal-close:hover{background:#e7f1e3}.modal-shell>.modal{max-height:calc(100dvh - 80px);min-height:0;width:100%}.modal-close svg{width:22px;height:22px}@media(min-width:920px){.modal-shell{max-height:92dvh}.modal-shell>.modal{max-height:calc(92dvh - 50px)}}.mobile-app main>.card:has(+.button){margin-bottom:0}.mobile-app main>.card+.button,.mobile-app main>.button+.card,.mobile-app main>.button+.button{margin-top:16px}