@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#f0f8fc;--surface:#fff;--ink:#000;--ink-2:#3f4045;--muted:#6b6c72;--muted-2:#8c8c91;--icon:#7f848c;--hair:#e6eef4;--chip:#eef6fc;--blue:#3ea2e8;--blue-deep:#0179da;--blue-soft:#5db0e9;--droplet:#055897;--lime:#d2e659;--lime-crown:#d7f17c;--olive:#929e08;--olive-nav:#94a103;--track:#f3f3f3;--wave:#7ec3dd;--wave-soft:#dcecf3;--shadow:0 .25rem 1.5rem #15476e0b;--gap:1.125rem;--pad-l:1.5rem;--pad-r:1.0625rem;--pad-b:6.75rem;--cpad-y:2.125rem;--cpad-x:1.9375rem;--glass:2.1875rem;--r-lg:2.375rem;--r-md:2.25rem}*{box-sizing:border-box}html{font-size:clamp(7px,min(1.10497vw,1.4733dvh),23px)}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#dce8ee;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible,a:focus-visible){outline-offset:.1875rem;outline:.1875rem solid #0f7fd0}:is(.hero-photo button:focus-visible,.hydration button:focus-visible){outline-color:#fff}.app{background:var(--bg);border:1px solid #aeb7bdb3;border-radius:2.5rem;width:100%;height:100dvh;display:block;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.me-top{object-fit:cover;border-radius:50%;display:none}.main{gap:var(--gap);width:100%;min-width:0;height:100%;padding:0 var(--pad-r) var(--pad-b) var(--pad-l);grid-template-rows:7.5625rem 29.3125rem 27.9375rem;display:grid;overflow-y:auto}.global-menu-shell{z-index:100;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));pointer-events:none;width:max-content;max-width:calc(100vw - 1.5rem);position:fixed;transform:translate(-50%)}.global-menu{-webkit-backdrop-filter:blur(24px)saturate(1.45);pointer-events:auto;background:linear-gradient(135deg,#ffffffc7,#e2f0f68f);border:1px solid #ffffffc7;border-radius:2.2rem;align-items:center;gap:.3rem;padding:.38rem;display:flex;position:relative;overflow:hidden;box-shadow:0 .8rem 2.4rem #1f435b33,inset 0 1px #ffffffeb}.global-menu:before{content:"";pointer-events:none;background:#ffffffe0;height:1px;position:absolute;inset:1px 1.2rem auto}.global-menu__item{z-index:1;color:#52616a;letter-spacing:-.012em;white-space:nowrap;border-radius:1.7rem;justify-content:center;align-items:center;gap:.5rem;height:3.25rem;padding:0 1rem;font-size:.73rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.global-menu__item:hover{color:#050505;background:#ffffff94}.global-menu__item:active{transform:translateY(1px)}.global-menu__item[aria-current=page]{color:var(--lime-crown);background:#050505;box-shadow:0 .25rem .8rem #101d2533}.global-menu__item svg{flex:none}.topbar{justify-content:space-between;align-items:center;gap:1.5rem;min-width:0;display:flex}.hello h1{letter-spacing:-.021em;margin:0;font-size:2.25rem;font-weight:700;line-height:1.15}.hello p{color:var(--muted);margin:.48rem 0 0;font-size:.96875rem;font-weight:400}.top-actions{align-items:center;gap:.875rem;display:flex}.search{border:1px solid var(--hair);background:#fff;border-radius:2.0625rem;align-items:center;gap:.85rem;width:19.9375rem;height:4.125rem;padding:0 1.55rem;display:flex}.search .icon{color:#000;width:1.35rem;height:1.35rem}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:1.125rem}.search input::placeholder{color:#303136;opacity:1}.upgrade{height:4.125rem;color:var(--lime-crown);cursor:pointer;background:#050505;border:0;border-radius:2.0625rem;align-items:center;gap:.7rem;padding:0 1.55rem;font-size:1.1875rem;font-weight:600;text-decoration:none;display:flex}.upgrade svg{width:1.7rem;height:1.45rem;fill:var(--lime-crown)}.row-a,.row-b{gap:var(--gap);min-height:0;display:grid}.row-a{grid-template-columns:735fr 546fr;gap:1.0625rem}.row-b{grid-template-columns:407fr 439fr 416fr}.card{border-radius:var(--r-lg);min-width:0;min-height:0;box-shadow:var(--shadow);background:#fff;position:relative;overflow:hidden}.hero-photo{color:#fff;background-color:#4a6570;background-image:linear-gradient(90deg,#042a43b8 0%,#042a434d 50%,#042a4314 100%),url(/referral-hero.jpg);background-position:50% 57%;background-repeat:no-repeat;background-size:cover}.hero-photo h2{z-index:2;color:#fff;letter-spacing:-.032em;text-shadow:0 .125rem .45rem #3ca0e138;max-width:10.95em;margin:0;font-size:3.25rem;font-weight:600;line-height:3.875rem;position:absolute;top:2.0625rem;left:2.5625rem}.play{z-index:3;cursor:pointer;-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);background:#ffffffeb;border:.48rem solid #ffffff61;border-radius:50%;place-items:center;width:3.75rem;height:3.75rem;display:grid;position:absolute;top:48.1%;left:51.4%;transform:translate(-50%,-50%)}.play span{border-top:.55rem solid #0000;border-bottom:.55rem solid #0000;border-left:.85rem solid #111;width:0;height:0;margin-left:.2rem}.explore{z-index:2;color:#fff;white-space:nowrap;font-size:1.4375rem;font-weight:500;text-decoration:none;position:absolute;top:58.8%;left:51.7%;transform:translate(-50%)}.join{z-index:2;position:absolute;bottom:2.45rem;left:2.55rem}.join>span{margin-bottom:.72rem;font-size:.92rem;display:block}.join-row{align-items:center;display:flex}.avatars{display:flex}.avatars img{object-fit:cover;border:.19rem solid #fff;border-radius:50%;width:3.375rem;height:3.375rem}.avatars img+img{margin-left:-.875rem}.join-row>strong{margin-left:1rem;font-size:1.18rem;font-weight:700}.join-row>small{margin-left:.42rem;font-size:.78rem}.trial{z-index:2;color:#fff;cursor:pointer;background:#050505;border:0;border-radius:2.1875rem;justify-content:space-between;align-items:center;min-width:18.5rem;height:4.375rem;padding:0 .65rem 0 1.7rem;font-size:1.22rem;font-weight:500;display:flex;position:absolute;bottom:2.1rem;right:2.2rem}.trial span{color:#000;background:#fff;border-radius:50%;place-items:center;width:3.15rem;height:3.15rem;font-size:1.45rem;display:grid}.hydration{color:#fff;background:linear-gradient(145deg,#3199e5 0%,#3ea2e8 46%,#43a6ea 100%);padding:2.2rem 2.15rem}.hydration-copy h2{margin:0;font-size:1.25rem;font-weight:600}.hydration-copy p{opacity:.92;margin:.65rem 0 0;font-size:.79rem;line-height:1.55}.well{background:var(--lime);color:#16180c;cursor:pointer;border:0;border-radius:1.4rem;align-items:center;gap:.65rem;margin-top:1.05rem;padding:.68rem 1rem;font-size:.78rem;font-weight:600;display:flex}.well span{font-size:1rem}.status-stack{border-top:1px solid #ffffff57;width:15.4rem;margin:0;position:absolute;top:2rem;right:2.15rem}.status-stack div{border-bottom:1px solid #ffffff57;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:.62rem 0;display:grid}.status-stack dt{opacity:.85;font-size:.72rem}.status-stack dd{margin:0;font-size:1.02rem;font-weight:650}.litres{justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:5.8rem;right:2.15rem}.litres strong{letter-spacing:-.06em;font-size:5.625rem;font-weight:300;line-height:.8}.litres span{margin-left:.5rem;font-size:2.125rem;font-weight:400;line-height:.85}.periods{gap:.62rem;display:flex;position:absolute;bottom:2.1rem;left:2.15rem}.periods button{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;width:3.875rem;height:3.875rem;font-size:1rem}.periods button[aria-pressed=true]{color:#000;background:#fff}.sleep,.calories,.weight{border-radius:var(--r-md);padding:var(--cpad-y) var(--cpad-x)}.avatars.small img{border-width:.14rem;width:2.4375rem;height:2.4375rem}.avatars.small img+img{margin-left:-.62rem}.sleep h2{letter-spacing:-.027em;max-width:12em;margin:1.25rem 0 .85rem;font-size:1.6875rem;font-weight:500;line-height:2.1875rem}.deep{color:#fff;background:#050505;border-radius:1.5rem;align-items:center;gap:.5rem;padding:.62rem .95rem;font-size:.78rem;font-weight:500;display:inline-flex}.deep>span{font-size:1rem}.sleep>p{color:var(--muted);margin:1.1rem 0 0;font-size:.78rem;line-height:1.55}.sleep-foot{left:var(--cpad-x);right:var(--cpad-x);color:var(--muted-2);justify-content:space-between;align-items:center;font-size:1rem;display:flex;position:absolute;bottom:1.8rem}.sleep-foot>span strong{color:#000;font-size:2rem;font-weight:500}.sleep-foot>div{gap:.6rem;display:flex}.sleep-foot button{border:1px solid var(--hair);cursor:pointer;background:#fff;border-radius:50%;width:2.8rem;height:2.8rem}.sleep-foot button:last-child{color:#fff;background:#050505;border-color:#050505}.card-title{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.metric-chip{background:var(--chip);border-radius:.8rem;place-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;font-weight:700;display:grid}.metric-chip.flame{color:#000;transform:rotate(180deg)}.card-title h2{margin:0;font-size:1.25rem;font-weight:600}.card-title>div{align-items:flex-end;gap:.28rem;display:flex}.card-title>div strong{font-size:1.35rem}.card-title>div span{color:var(--muted);margin-bottom:.12rem;font-size:.72rem}.subrow{color:var(--muted);justify-content:space-between;gap:.8rem;margin-top:1.15rem;font-size:.67rem;display:flex}.cal-big{align-items:flex-end;margin-top:1.55rem;display:flex}.cal-big strong{letter-spacing:-.055em;font-size:3.75rem;font-weight:500;line-height:.9}.cal-big span{color:var(--muted);margin:0 0 .26rem .35rem;font-size:.85rem}.scale{color:var(--muted-2);justify-content:space-between;margin-top:1rem;font-size:.63rem;display:flex}.bars{grid-template-columns:repeat(30,1fr);align-items:end;gap:.32rem;height:3.875rem;margin-top:.45rem;display:grid}.bars span{background:var(--track);border-radius:1rem;width:100%;height:100%}.bars span.on{background:var(--olive)}.macros{left:var(--cpad-x);right:var(--cpad-x);color:var(--muted);grid-template-columns:1.25fr .9fr .72fr;gap:.55rem;font-size:.57rem;line-height:1.35;display:grid;position:absolute;bottom:1.8rem}.macros strong{color:#000;font-size:.98rem;font-weight:600}.sparkline{width:calc(100% + 1.5rem);height:7.25rem;margin:1rem -.75rem 0;overflow:visible}.sparkline path{fill:none;stroke:url(#waveFade);stroke-width:11px;stroke-linecap:round}.sparkline .soft-wave{stroke:var(--wave-soft);opacity:.7}.sparkline circle{fill:#83c5dd;stroke:#fff;stroke-width:5px}.weight-foot{left:var(--cpad-x);right:var(--cpad-x);justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:1.55rem}.weight-foot>div{align-items:flex-end;display:flex}.weight-foot strong{letter-spacing:-.08em;font-size:7.4375rem;font-weight:300;line-height:.73}.weight-foot>div span{color:var(--muted);margin:0 0 .22rem .35rem;font-size:1.12rem}.weight-foot p{color:var(--muted);margin:0;font-size:.7rem;line-height:1.55}.weight-foot b{color:#000;font-size:.86rem}@media (min-width:621px) and (max-width:1180px),(max-aspect-ratio:1) and (min-width:621px){html{font-size:clamp(10px,1.4vw,16px)}body{overflow:auto}.app{height:auto;min-height:100dvh;overflow:visible}.main{grid-template-rows:auto auto auto;padding-bottom:7rem}.topbar{min-height:7.5rem}.row-a,.row-b{grid-template-columns:1fr 1fr}.hero-photo{grid-column:1/-1;min-height:31rem}.hydration,.sleep,.calories,.weight{min-height:29rem}.row-b{display:contents}.main{grid-template-columns:1fr 1fr;display:grid}.topbar,.hero-photo{grid-column:1/-1}.row-a{display:contents}.hydration,.sleep,.calories,.weight{position:relative}.hydration{grid-column:1}.sleep{grid-column:2}}@media (max-width:620px){html{font-size:16px}body{background:var(--bg);overflow:auto}.app{border:0;border-radius:0;height:auto;min-height:100dvh;display:block;overflow:visible}.main{height:auto;padding:0 1rem 7rem;display:block;overflow:visible}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f0f8fcdb;min-height:6.75rem;padding:.9rem 0;position:sticky;top:0}.hello h1{font-size:1.75rem}.hello p{font-size:.8rem}.search,.upgrade{display:none}.me-top{border:.16rem solid var(--olive-nav);width:3.25rem;height:3.25rem;display:block}.row-a,.row-b{display:block}.card{border-radius:2rem;min-height:31rem;margin-bottom:1rem}.hero-photo{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:38rem;padding:2rem;display:flex}.hero-photo h2,.play,.explore,.join,.trial{position:relative;inset:auto;transform:none}.hero-photo h2{margin-bottom:auto;font-size:2.45rem;line-height:1.1}.play{align-self:center;margin-top:6rem}.explore{align-self:center;margin:.8rem 0 4rem}.join{margin-bottom:1.25rem}.trial{width:100%;min-width:0;bottom:auto;right:auto}.hydration{min-height:35rem;padding:2rem}.status-stack{width:100%;margin:2.2rem 0 2.8rem;position:relative;top:auto;right:auto}.litres{justify-content:flex-start;margin-top:1rem;position:relative;bottom:auto;right:auto}.litres strong{font-size:4.7rem}.periods{bottom:2rem;left:auto;right:2rem}.sleep,.calories,.weight{padding:2rem}.sleep-foot,.macros,.weight-foot{left:2rem;right:2rem}.calories,.weight{min-height:33rem}.bars{gap:.2rem}.weight-foot strong{font-size:6.5rem}}@media (max-width:400px){.global-menu-shell{width:calc(100% - 1rem);bottom:max(.5rem,env(safe-area-inset-bottom))}.global-menu{justify-content:space-between;width:100%}.global-menu__item{min-width:3.25rem;padding:0 .85rem}.global-menu__item span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-photo h2{font-size:2rem}.sleep h2{font-size:1.45rem;line-height:1.8rem}.macros{grid-template-columns:1.1fr .8fr .65fr;gap:.28rem}.macros strong{font-size:.82rem}.hello p{max-width:15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}