@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500 800;font-display:swap;src:url(/assets/bricolage-grotesque-C23fTOVi.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/hanken-grotesk-KjBMhMia.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-mono-400-5TJO7pqc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/dm-mono-500-CO0PTrKB.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--green:#2e7d4f;--green-d:#22603d;--green-l:#3f9a64;--gold:#c9972b;--gold-d:#a67c1f;--gold-l:#e0b54e;--gold-text:#7a5713;--navy:#1b3a6b;--navy-d:#142c50;--cream:#fbf8f2;--cream-2:#f3ede1;--paper:#fff;--ink:#23211c;--ink-soft:#5c574c;--ink-faint:#6f6a5c;--line:#e7e0d2;--line-d:#d8cfbc;--clay:#b23a2e;--clay-l:#cf5a4d;--amber:#c9972b;--high:#2e7d4f;--med:#c9972b;--low:#b23a2e;--radius:16px;--radius-s:10px;--shadow-s:0 1px 2px #23211c0f, 0 2px 6px #23211c0d;--shadow-m:0 4px 14px #23211c14, 0 1px 3px #23211c0f;--shadow-l:0 18px 50px #142c5024, 0 6px 16px #23211c14;--maxw:1180px;--gutter:22px;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-display:"Bricolage Grotesque", "Hanken Grotesk", sans-serif;--font-mono:"DM Mono", monospace;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--bottom-nav-h:62px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}h1,h2,h3,h4,.serif{font-family:var(--font-display)}.mono{font-family:var(--font-mono)}::selection{background:var(--gold-l);color:var(--ink)}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}a{color:inherit}input,select,textarea{font-family:inherit}.grain:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:absolute;inset:0}.grain-light:before{mix-blend-mode:soft-light;opacity:.35}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-d);border:2px solid var(--cream);border-radius:20px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2.5px solid var(--green);outline-offset:2px}.app-fadein{animation:.5s both appfade}@keyframes appfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{animation:none!important}}#root{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.nt-bar{background:var(--green-d);color:#e3ede7;align-items:center;height:36px;display:flex;overflow:hidden}.nt-badge{background:var(--gold);color:#fff;letter-spacing:.08em;flex:none;align-items:center;height:100%;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.nt-viewport{flex:1;overflow:hidden}.nt-track{white-space:nowrap;animation:nt-scroll var(--nt-dur,180s) linear infinite;align-items:center;display:inline-flex}.nt-bar:hover .nt-track{animation-play-state:paused}@keyframes nt-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nt-item{flex:none;align-items:center;gap:6px;padding:0 16px;font-size:12.5px;display:inline-flex}.nt-sep{color:#ffffff4d;flex:none;font-size:8px}.container{width:100%;max-width:var(--maxw);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.only-mobile{display:none!important}@media (max-width:900px){.only-mobile{display:revert!important}.only-desktop{display:none!important}}.pt-safe{padding-top:var(--safe-t)}.pb-safe{padding-bottom:var(--safe-b)}.px-safe{padding-left:var(--safe-l);padding-right:var(--safe-r)}.has-bottom-nav{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-b))}.bottom-nav-bar{min-height:calc(var(--bottom-nav-h) + var(--safe-b));padding-bottom:var(--safe-b);padding-left:var(--safe-l);padding-right:var(--safe-r)}.btn{white-space:nowrap;background:var(--btn-bg);min-height:44px;color:var(--btn-c);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:15px;font-weight:700;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.btn--sm{padding:8px 15px;font-size:13.5px}.btn--lg{min-height:54px;padding:15px 28px;font-size:16.5px}.btn--full{width:100%}.btn--green{--btn-bg:var(--green);--btn-c:#fff;--btn-bgh:var(--green-d);--btn-glow:#2e7d4f4d}.btn--gold{--btn-bg:var(--gold);--btn-c:var(--ink);--btn-bgh:var(--gold-l);--btn-glow:#c9972b52}.btn--navy{--btn-bg:var(--navy);--btn-c:#fff;--btn-bgh:var(--navy-d);--btn-glow:#1b3a6b40}.btn--ghost{--btn-bg:transparent;--btn-c:var(--ink);--btn-bgh:var(--cream-2);border:1.5px solid var(--line-d)}.btn--cream{--btn-bg:var(--cream);--btn-c:var(--ink);--btn-bgh:#fff;border:1.5px solid var(--line-d)}.btn:hover:not(:disabled){background:var(--btn-bgh);transform:translateY(-1px)}.btn--green:hover:not(:disabled),.btn--gold:hover:not(:disabled){box-shadow:0 8px 22px var(--btn-glow)}.btn:disabled{opacity:.55}.skeleton{border-radius:var(--radius-s);background:linear-gradient(90deg, var(--cream-2) 25%, var(--cream) 50%, var(--cream-2) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.field-label{color:var(--ink-soft);letter-spacing:.02em;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.combo{display:block;position:relative}.combo--slot{display:inline-block}.field-btn{border:1.5px solid var(--line-d);background:var(--paper);width:100%;min-height:50px;color:var(--ink);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;font-size:15px;transition:border-color .16s;display:flex}.field-btn[aria-expanded=true]{border-color:var(--green)}.field-btn__chev{color:var(--ink-faint);flex:none;transition:transform .2s}.field-btn[aria-expanded=true] .field-btn__chev{transform:rotate(180deg)}.slot-btn{min-height:44px;font-family:var(--font-display);font-weight:700;font-size:inherit;white-space:nowrap;color:var(--ink);background:0 0;border:0;align-items:center;gap:7px;margin:-11px 0;padding:11px 4px;line-height:1.2;display:inline-flex;position:relative}.slot-btn[data-empty=true]{color:var(--ink-faint)}.slot-btn:after{content:"";border-bottom:2.5px solid var(--gold);position:absolute;bottom:8px;left:0;right:0}.slot-btn[aria-expanded=true]:after{border-color:var(--green)}.drop-panel{z-index:60;background:var(--paper);border:1px solid var(--line);max-height:340px;box-shadow:var(--shadow-l);border-radius:14px;padding:7px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.combo--slot .drop-panel{width:min(280px,100vw - 32px);left:50%;right:auto;transform:translate(-50%)}.drop-group{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);padding:10px 10px 5px;font-size:11px;font-weight:700}.drop-item{cursor:pointer;min-height:44px;color:var(--ink);border-radius:9px;align-items:center;gap:11px;padding:10px 11px;font-size:14.5px;font-weight:600;display:flex}.drop-item[data-active=true]{background:var(--cream-2)}.drop-item[aria-selected=true]{background:#2e7d4f1a}.drop-item__hint{color:var(--ink-faint);text-align:right;margin-left:auto;font-size:12.5px;font-weight:400}.water-set{border:0;min-width:0;margin:0;padding:0}.water-card,.water-pill{cursor:pointer;position:relative}.water-card input,.water-pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}:is(.water-card:has(input:focus-visible),.water-pill:has(input:focus-visible)){outline:2.5px solid var(--green);outline-offset:2px}.water-grid{grid-template-columns:repeat(5,1fr);gap:11px;display:grid}@media (max-width:680px){.water-grid{grid-template-columns:repeat(2,1fr)}}