@font-face{font-family:Raleway;src:url(/assets/Raleway-VariableFont_wght-tcJTL8Dy.ttf)format("truetype");font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:Musgo;src:url(/assets/Musgo-ExtraBold-D7iolkug.otf)format("opentype");font-style:normal;font-weight:800;font-display:swap}:root{--color-primary:#002f6c;--color-secondary:#3ec2b4;--color-tertiary:#5bc2e7;--color-quaternary:#bde7f5;--color-quinary:#ceedf8;--text:#fff;--text-dark:var(--color-primary);--text-h:#08060d;--bg:#fff;--sans:"Raleway", sans-serif;--title:"Musgo", sans-serif;--heading:var(--title);--text-lg:22px;--text-base:15px;--text-line-height:normal;--title-xl-size:46px;--title-xl-line-height:48px;--title-md-size:30px;--title-md-line-height:36px;--title-sm-size:20px;--title-sm-line-height:22px;--app-mobile-width:430px;font:15px var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}#root{box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:var(--bg);margin:0}h1,h2{font-family:var(--heading);font-weight:500}p{margin:0}.text-lg{font-family:var(--sans);font-size:var(--text-lg);font-weight:400;line-height:var(--text-line-height)}.text-base{font-family:var(--sans);font-size:var(--text-base);font-weight:400;line-height:var(--text-line-height)}.text-base-bold{font-family:var(--sans);font-size:var(--text-base);font-weight:700;line-height:var(--text-line-height)}.title-xl{font-family:var(--title);font-size:var(--title-xl-size);font-weight:800;line-height:var(--title-xl-line-height)}.title-md{font-family:var(--title);font-size:var(--title-md-size);font-weight:800;line-height:var(--title-md-line-height)}.title-sm{font-family:var(--title);font-size:var(--title-sm-size);font-weight:800;line-height:var(--title-sm-line-height)}button{font-family:var(--sans);font-weight:500;font-size:var(--text-base);background-color:var(--color-tertiary);color:var(--text-dark);border:none;border-radius:20px;width:fit-content;padding:10px 20px}.language-selector{--language-selector-color:var(--color-primary);--language-selector-active-text:var(--text);border:1.5px solid var(--language-selector-color);border-radius:20px;padding:2px;display:inline-flex}.language-selector--light{--language-selector-color:var(--text);--language-selector-active-text:var(--color-primary)}.language-selector-option{min-width:36px;height:26px;color:var(--language-selector-color);font:inherit;letter-spacing:.5px;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0 8px;font-size:12px;font-weight:700;transition:background-color .15s,color .15s}.language-selector-option[aria-pressed=true]{background:var(--language-selector-color);color:var(--language-selector-active-text);cursor:default}.language-selector-option:disabled:not([aria-pressed=true]){cursor:wait;opacity:.65}.language-selector-option:focus-visible{outline:3px solid var(--color-tertiary);outline-offset:2px}.login-page{width:min(100%, var(--app-mobile-width));background-color:var(--color-primary);flex-direction:column;align-items:center;min-height:100svh;margin:0 auto;padding:160px 20px 80px;display:flex;position:relative}.login-language{top:calc(20px + env(safe-area-inset-top));position:absolute;right:20px}.login-logo{width:166px;height:auto}.login-form{flex-direction:column;align-items:flex-start;width:166px;margin-top:80px;display:flex}.login-form input{background-color:var(--bg);width:166px;height:39px;color:var(--text-dark);font:15px var(--sans);border:0;border-radius:22px;outline:none;padding:0 15px}.login-form input:focus{box-shadow:0 0 0 3px var(--color-quaternary)}.login-form button{background-color:var(--color-tertiary);color:var(--text-dark);margin-top:32px;padding:10px 16px;font-size:15px}.login-form button:disabled{cursor:wait;opacity:.65}.login-otp-form{margin-top:42px}.login-message,.login-feedback{width:100%;color:var(--text);font-size:12px;line-height:16px}.login-message{text-align:center;margin-bottom:18px}.login-otp-inputs{justify-content:space-between;width:100%;display:flex}.login-otp-inputs input{border:2px solid var(--bg);width:22px;height:31px;color:var(--text);text-align:center;background-color:#0000;border-radius:4px;padding:0;font-size:16px}.login-otp-form button{margin-top:28px}.login-feedback{text-align:center;min-height:16px;margin-top:12px}.login-join-link{border:0;border-bottom:1px solid color-mix(in srgb, var(--text) 45%, transparent);color:color-mix(in srgb, var(--text) 78%, transparent);font:inherit;background:0 0;border-radius:0;margin-top:18px;padding:4px 0;font-size:12px;transition:color .15s,border-color .15s}.login-join-link:hover,.login-join-link:focus-visible{border-bottom-color:var(--text);color:var(--text)}.login-partner-logo{width:90px;height:25px;margin-top:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (height<=700px){.login-page{padding-top:64px}.login-form{margin-top:40px}}.register-page{width:100%;min-height:100svh;color:var(--text-dark);padding:77px 20px 68px}.register-form{width:min(100%,390px);margin:0 auto}.register-eyebrow{margin-bottom:14px;font-size:14px;line-height:18px}.register-form h1{color:var(--color-primary);font-family:var(--title);margin:0 0 32px;font-size:28px;line-height:30px}.register-field{margin-bottom:19px}.register-field:first-of-type{--register-input-delay:0s}.register-field:nth-of-type(2){--register-input-delay:.1s}.register-field:nth-of-type(3){--register-input-delay:.2s}.register-field:nth-of-type(4){--register-input-delay:.3s}.register-field:nth-of-type(5){--register-input-delay:.4s}.register-field:nth-of-type(6){--register-input-delay:.5s}.register-field label{margin-bottom:10px;font-size:15px;font-weight:700;line-height:18px;display:block}.register-field input,.register-field select{border:2px solid var(--color-primary);width:100%;height:40px;color:var(--text-dark);background-color:var(--bg);font:15px var(--sans);opacity:0;animation:register-input-fade-in .55s ease-out var(--register-input-delay) both;border-radius:22px;outline:none;padding:0 13px}.register-consent input{opacity:0;animation:.55s ease-out .6s both register-input-fade-in}@keyframes register-input-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.register-field input::placeholder{color:var(--text-dark);opacity:1}.register-field input:focus,.register-field select:focus{box-shadow:0 0 0 3px var(--color-quaternary)}.register-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath d='M14.7812 0.292757C15.1716 -0.0976749 15.8057 -0.0974963 16.1962 0.292757C16.5867 0.68328 16.5867 1.31727 16.1962 1.7078L8.95987 8.94217C8.95698 8.94514 8.955 8.949 8.95206 8.95194C8.56154 9.34246 7.92755 9.34246 7.53702 8.95194L0.29288 1.7078C-0.097618 1.31727 -0.0976354 0.683273 0.29288 0.292757C0.683348 -0.0972528 1.31654 -0.0973547 1.70694 0.292757L8.24405 6.82987L14.7812 0.292757Z' fill='%23002F6C'/%3E%3C/svg%3E");background-position:calc(100% - 19px);background-repeat:no-repeat;background-size:17px 10px;padding-right:45px}.register-consent{color:#53648a;align-items:center;gap:10px;margin-top:2px;display:flex}.register-consent input{appearance:none;border:2px solid var(--color-primary);background-color:var(--bg);width:13px;height:13px;accent-color:var(--color-primary);border-radius:50%;flex:0 0 13px;place-content:center;margin:1px 0 0;display:grid}.register-consent input:before{background-color:var(--color-primary);content:"";border-radius:50%;width:5px;height:5px;transition:transform .12s ease-in-out;transform:scale(0)}.register-consent input:checked:before{transform:scale(1)}.register-consent input:focus-visible{box-shadow:0 0 0 3px var(--color-quaternary)}.register-consent label{font-size:10px;line-height:13px}.register-privacy-info{color:#53648a;margin:8px 0 12px;font-size:10px;line-height:13px}.register-privacy-info p{margin:0}.register-privacy-info .register-privacy-info-title{margin-bottom:4px;font-weight:700}.register-privacy-info a,.register-consent a{color:var(--color-primary);font-weight:700}.register-submit{border-radius:22px;margin-top:40px;padding:10px 16px;font-size:15px}@media (prefers-reduced-motion:reduce){.register-field input,.register-field select,.register-consent input{opacity:1;animation:none;transform:none}}@media (width>=600px){.register-page{padding-top:96px}}.register-complete-page{width:min(100%, var(--app-mobile-width));background-color:var(--bg);min-height:100svh;color:var(--text);flex-direction:column;margin:0 auto;display:flex}.register-complete-illustration{width:100%;height:auto}.register-complete-illustration--secondary{position:relative}.register-complete-secondary-code{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.register-complete-secondary-code .personal-code-button{margin-top:100px}.register-complete-illustration svg{width:100%;height:auto;display:block}.register-complete-shape{clip-path:inset(0 100% 0 0);animation:1.2s cubic-bezier(.22,.8,.35,1) .1s forwards register-complete-shape-reveal}.register-complete-hand{transform-box:fill-box;transform-origin:50%;animation:1.25s cubic-bezier(.2,.75,.25,1.1) .55s both register-complete-hand-enter}@keyframes register-complete-shape-reveal{0%{clipPath:inset(0 100% 0 0)}65%{clipPath:inset(0 0 0 0)}to{clipPath:inset(0 0 0 0)}}@keyframes register-complete-hand-enter{0%{opacity:0;transform:translate(125px,-92px)rotate(11deg)scale(.94)}70%{opacity:1;transform:translate(-5px,4px)rotate(-1deg)scale(1.01)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes register-complete-panel-enter{0%{opacity:0;transform:translateY(90px)}80%{opacity:1;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.register-complete-content{flex-direction:column;flex:1;margin-top:-17px;display:flex;position:relative}.register-complete-content--pickup{flex:1;align-items:flex-end;min-height:280px;margin-top:0;display:flex}.register-complete-summary{background-color:var(--color-primary);border-radius:20px 20px 0 0;flex:1;min-height:256px;padding:40px 20px 35px;animation:1s cubic-bezier(.2,.8,.25,1) 1.2s both register-complete-panel-enter}.register-complete-eyebrow{opacity:0;margin-bottom:14px;font-size:14px;line-height:18px;animation:.5s ease-out 2.05s forwards register-complete-text-in}.register-complete-summary h1{font-family:var(--title);opacity:0;margin:0;font-size:28px;line-height:36px;animation:.6s ease-out 2.18s forwards register-complete-text-in}.register-complete-details{opacity:0;align-items:center;gap:30px;margin-top:32px;animation:.6s ease-out 2.38s forwards register-complete-text-in;display:flex}.register-complete-location-message{margin:1.25rem 0 0;font-size:1rem;line-height:1.4}.register-complete-detail{align-items:center;gap:14px;display:flex}.register-complete-detail svg{flex:0 0 42px;width:42px;height:42px}.register-complete-detail p{flex-direction:column;font-size:14px;line-height:18px;display:flex}.register-complete-detail strong{font-weight:800}.register-complete-actions{background-color:var(--color-tertiary);min-height:274px;color:var(--text-dark);opacity:0;border-radius:20px 20px 0 0;flex:1;margin-top:-16px;padding:40px 20px;animation:1s cubic-bezier(.2,.8,.25,1) 1.2s forwards register-complete-actions-in;transform:translateY(100%)}.register-complete-actions p{opacity:0;max-width:335px;font-size:15px;line-height:19px;animation:.5s ease-out 3.08s forwards register-complete-text-in}.register-complete-actions--pickup{box-sizing:border-box;flex-direction:column;justify-content:flex-end;width:100%;height:280px;min-height:280px;display:flex}.register-complete-actions--pickup h1{font-family:var(--title);opacity:0;text-transform:uppercase;margin:0 0 18px;font-size:28px;line-height:36px;animation:.6s ease-out 2.05s forwards register-complete-text-in}.register-complete-pickup-trigger{background-color:var(--color-primary);color:var(--text);opacity:0;border:0;border-radius:22px;margin-top:40px;padding:10px 15px;font-size:15px;font-weight:800;animation:.5s ease-out 3.48s forwards register-complete-text-in;display:block}.register-complete-quick-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px;display:flex}.register-complete-install{border:2px solid var(--color-primary);background-color:var(--bg);color:var(--text);background-color:var(--color-primary);border-radius:22px;padding:10px 15px;font-size:15px;font-weight:800}.register-complete-code,.register-complete-challenge{width:fit-content;font-size:15px;line-height:19px;display:block}.register-complete-code{border:2px solid var(--color-primary);background-color:var(--bg);color:var(--text-dark);opacity:0;border-radius:22px;margin-top:39px;padding:10px 15px;font-weight:800;animation:.5s ease-out 3.28s forwards register-complete-text-in}.register-complete-challenge{background-color:var(--color-primary);color:var(--text);opacity:0;border-radius:22px;margin-top:40px;padding:10px 15px;text-decoration:none;animation:.5s ease-out 3.48s forwards register-complete-text-in}@keyframes register-complete-text-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes register-complete-actions-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.register-complete-challenge--summary{opacity:0;background-color:var(--color-tertiary);width:fit-content;color:var(--color-primary);margin-top:32px;font-weight:500;animation:.5s ease-out 2.7s forwards register-complete-text-in;display:block}@media (prefers-reduced-motion:reduce){.register-complete-shape,.register-complete-hand,.register-complete-summary,.register-complete-eyebrow,.register-complete-summary h1,.register-complete-details,.register-complete-challenge--summary,.register-complete-actions,.register-complete-actions--pickup h1,.register-complete-actions p,.register-complete-code,.register-complete-challenge,.register-complete-pickup-trigger{opacity:1;clip-path:none;animation:none;transform:none}}@media (width<=360px){.register-complete-details{gap:14px}.register-complete-detail{gap:8px}.register-complete-detail p{font-size:12px}}.personal-code-button{border:1px solid var(--color-primary);background-color:var(--bg);width:fit-content;color:var(--color-primary);letter-spacing:1px;border-radius:999px;justify-content:center;align-items:center;margin-top:18px;padding:10px 15px;font-size:15px;font-weight:800;line-height:19px;display:inline-flex}.dashboard-challenge-completion-visual{align-items:stretch;padding:28px 20px 34px;margin-top:50px!important}.dashboard-challenge-completion-title{font-family:var(--title);text-transform:uppercase;margin:0;line-height:1.1;font-size:30px!important}.challenge-completion-form{box-sizing:border-box;width:100%;color:var(--text-dark);margin-top:24px;padding-inline:20px}.challenge-completion-field,.challenge-completion-question{margin-bottom:19px}.challenge-completion-question>p,.challenge-completion-form>h2{margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.3}.challenge-completion-options{gap:9px;display:grid}.challenge-completion-options label{border:2px solid var(--color-primary);color:var(--text-dark);font:15px var(--sans);text-align:left;cursor:pointer;background:0 0;border-radius:22px;align-items:flex-start;gap:9px;padding:10px 13px;display:flex}.challenge-completion-options input{width:17px;height:17px;accent-color:var(--color-primary);flex:none;margin:1px 0 0}.challenge-completion-options label.is-selected{color:#fff;background:var(--color-primary)}.challenge-completion-options label.is-selected input{accent-color:#fff}.challenge-completion-question-select{border:2px solid var(--color-primary);width:100%;height:40px;color:var(--text-dark);font:15px var(--sans);appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78.29a1.2 1.2 0 0 1 1.7 1.42L8.95 8.95a1.2 1.2 0 0 1-1.41 0L.29 1.71A1.2 1.2 0 0 1 1.71.29l6.54 6.54L14.78.29Z' fill='%23002F6C'/%3E%3C/svg%3E");background-position:calc(100% - 19px);background-repeat:no-repeat;border-radius:22px;outline:none;padding:0 45px 0 13px;font-weight:650}.challenge-completion-question-select:focus{box-shadow:0 0 0 3px var(--color-quaternary)}.challenge-completion-field input{box-sizing:border-box;border:2px solid var(--color-primary);width:100%;height:40px;font:15px var(--sans);background:0 0;border-radius:22px;margin-top:8px;padding:0 13px}.challenge-completion-field label{margin-bottom:10px;font-size:15px;font-weight:700;line-height:18px;display:block}.challenge-completion-field select{border:2px solid var(--color-primary);width:100%;height:40px;color:var(--text-dark);font:15px var(--sans);appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.78.29a1.2 1.2 0 0 1 1.7 1.42L8.95 8.95a1.2 1.2 0 0 1-1.41 0L.29 1.71A1.2 1.2 0 0 1 1.71.29l6.54 6.54L14.78.29Z' fill='%23002F6C'/%3E%3C/svg%3E");background-position:calc(100% - 19px);background-repeat:no-repeat;border-radius:22px;outline:none;padding:0 45px 0 13px;font-weight:650}.challenge-completion-field select:focus{box-shadow:0 0 0 3px var(--color-quaternary)}.challenge-completion-error{color:#9d2637;line-height:1.3;font-size:13px!important}.challenge-completion-submit{border-radius:22px;margin-top:20px;padding:10px 16px;font-size:15px}.challenge-completion-submit:disabled{cursor:not-allowed;opacity:.5}.dashboard-home{width:min(100%, var(--app-mobile-width));min-height:100svh;padding-bottom:calc(70px + env(safe-area-inset-bottom));background:var(--bg);color:var(--text-dark);flex-direction:column;margin:0 auto;display:flex;position:relative}.dashboard-home--water-entry{padding-bottom:0}.dashboard-home--challenge-completed{background:var(--bg)}.challenge-container{flex-direction:column;flex:1;display:flex}.dashboard-tab-transition{opacity:1;transition:opacity .18s}.dashboard-tab-transition--exit{opacity:0}.dashboard-tab-transition--advices.dashboard-tab-transition--enter{animation:.18s ease-out both dashboard-advices-fade-in}@keyframes dashboard-advices-fade-in{0%{opacity:0}to{opacity:1}}.dashboard-tab-transition--challenge.dashboard-tab-transition--enter{animation:.36s ease-out both dashboard-home-fade-in}.dashboard-tab-transition--challenge{transition-duration:.3s}.dashboard-tab-transition--challenge .dashboard-hero{animation:.8s cubic-bezier(.2,.8,.25,1) 80ms both dashboard-home-section-enter}.dashboard-tab-transition--challenge .dashboard-challenge-panel:not(.dashboard-challenge-panel--fullscreen){animation:.85s cubic-bezier(.2,.8,.25,1) .24s both dashboard-home-section-enter}.dashboard-tab-transition--challenge .dashboard-info-panel{animation:.8s cubic-bezier(.2,.8,.25,1) .42s both dashboard-home-section-enter}.dashboard-tab-transition--challenge .dashboard-water-options{animation:.7s cubic-bezier(.2,.8,.25,1) 80ms both dashboard-home-section-enter}.dashboard-hero-visual .dashboard-home-hand{transform-box:fill-box;transform-origin:50%;animation:1.25s cubic-bezier(.2,.75,.25,1.1) 1.25s both dashboard-home-hand-enter}@keyframes dashboard-home-hand-enter{0%{opacity:0;transform:translate(500px,-12px)rotate(8deg)scale(.94)}70%{opacity:1;transform:translate(-8px,4px)rotate(-1deg)scale(1.01)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes dashboard-home-section-enter{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-home-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.dashboard-tab-transition{transition:none}.dashboard-tab-transition--challenge.dashboard-tab-transition--enter{animation:none}.dashboard-tab-transition--challenge .dashboard-hero,.dashboard-tab-transition--challenge .dashboard-challenge-panel,.dashboard-tab-transition--challenge .dashboard-info-panel,.dashboard-tab-transition--challenge .dashboard-water-options{animation:none;transform:none}.dashboard-hero-visual .dashboard-home-hand{opacity:1;animation:none;transform:none}.dashboard-tab-transition--advices .dashboard-advice{animation:none}}.dashboard-challenge-close{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;padding:0}.dashboard-hero{background:var(--bg);height:434px;position:relative;overflow:hidden}.dashboard-hero-visual{width:100%;margin-top:44px;display:block}.dashboard-settings-container{z-index:4;position:absolute;top:20px;right:20px}.dashboard-settings-button{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:25px;line-height:1;display:flex}.dashboard-settings-button--completion svg path{stroke:var(--color-primary)}.dashboard-settings-panel{box-sizing:border-box;background:var(--bg);width:max-content;min-width:240px;max-width:calc(100vw - 40px);color:var(--text-dark);z-index:3;transform-origin:100% 0;border-radius:16px;flex-direction:column;gap:12px;padding:18px;animation-duration:.26s;animation-timing-function:cubic-bezier(.2,.8,.25,1);animation-fill-mode:both;display:flex;position:absolute;top:50px;right:0;box-shadow:0 8px 24px #002f6c2e}.dashboard-settings-panel--enter{animation-name:dashboard-settings-panel-enter}.dashboard-settings-panel--exit{animation-name:dashboard-settings-panel-exit}@keyframes dashboard-settings-panel-enter{0%{opacity:0;transform:translateY(-12px)scale(.15)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dashboard-settings-panel-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.15)}}.dashboard-settings-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dashboard-settings-header h2{margin:0;font-size:18px}.dashboard-settings-close{background:var(--color-quinary);width:28px;height:28px;color:var(--color-primary);border:0;border-radius:50%;padding:0;font-size:20px;line-height:1}.dashboard-settings-language{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.dashboard-settings-action,.dashboard-settings-logout{background:var(--color-primary);width:100%;color:var(--text);font:inherit;border:0;border-radius:8px;padding:11px 14px;font-weight:700}.dashboard-settings-logout{border:1px solid var(--color-primary);color:var(--color-primary);background:0 0;margin-top:4px}.dashboard-settings-logout:hover{background:var(--color-quinary)}.dashboard-settings-close,.dashboard-settings-action,.dashboard-settings-logout{cursor:pointer}.dashboard-settings-close:focus-visible,.dashboard-settings-action:focus-visible,.dashboard-settings-logout:focus-visible,.dashboard-settings-button:focus-visible{outline:3px solid var(--color-tertiary);outline-offset:3px}.dashboard-settings-privacy{color:#53648a;align-self:center;font-size:11px;line-height:14px;text-decoration:underline}.dashboard-settings-privacy:focus-visible{outline:3px solid var(--color-tertiary);outline-offset:3px}.dashboard-settings-logout:disabled{opacity:.65;cursor:wait}.dashboard-settings-notifications-message{color:var(--text-dark);margin:8px 14px 0;font-size:12px;line-height:15px}.dashboard-settings-notifications-message--success{color:var(--color-primary,var(--text-dark))}.dashboard-settings-notifications-message--denied,.dashboard-settings-notifications-message--unsupported,.dashboard-settings-notifications-message--error{color:var(--color-error,var(--text-dark))}@media (prefers-reduced-motion:reduce){.dashboard-settings-panel{animation:none}}.dashboard-add-cup{background:var(--bg);color:var(--text-dark);text-wrap:nowrap;border:0;border-radius:28px;padding:14px 27px;font-size:20px;font-weight:600;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.dashboard-water-options{justify-content:center;align-items:flex-end;gap:12px;margin-top:84px;display:flex}.dashboard-water-option{cursor:pointer;background:0 0;border:0;width:min(43%,167px);padding:0;display:block;position:relative}.dashboard-water-option svg{width:100%;height:auto;display:block}.dashboard-water-option-label{background:var(--color-primary);width:fit-content;max-width:156px;color:var(--text);border-radius:50px;padding:15px 25px;font-size:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.dashboard-challenge-panel{z-index:1;background:var(--color-primary);min-height:200px;color:var(--text);border-radius:20px 20px 0 0;flex:1;margin-top:-20px;padding:32px 20px 24px;position:relative}.dashboard-challenge-summary{flex:none}.dashboard-challenge-day-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dashboard-challenge-current-day{border:1px solid var(--text);color:var(--text);cursor:pointer;background:0 0;border-radius:20px;padding:8px 14px}.dashboard-challenge-feedback{flex-direction:column;flex:auto;min-height:0;margin-top:32px;display:flex}.dashboard-challenge-feedback h2,.dashboard-challenge-feedback h3,.dashboard-challenge-feedback h4{margin:0}.dashboard-challenge-motivational{font-family:var(--title);text-transform:uppercase;margin:0;line-height:1.2;font-size:30px!important}.dashboard-challenge-feedback h2{font-family:var(--title);font-size:28px;line-height:1.1}.dashboard-challenge-tips{flex:auto;min-height:0;margin-top:24px;overflow-y:auto}.dashboard-challenge-feedback h3{font-size:18px}.dashboard-challenge-tips h4{font-family:var(--title);text-transform:uppercase;margin-top:40px;font-size:20px;line-height:1.1}.dashboard-challenge-tips p{font-size:15px;line-height:1.4;margin-top:8px!important}.dashboard-challenge-panel h1{font-family:var(--title);margin:0;font-size:28px;line-height:32px}.dashboard-challenge-panel p{margin-top:15px;font-size:14px}.dashboard-glasses{justify-content:space-between;gap:8px;display:flex}.dashboard-glass{fill:none;width:27px;height:32px;display:block}.dashboard-glass.is-complete.dashboard-glass--tap{fill:var(--color-quaternary)}.dashboard-glass.is-complete.dashboard-glass--bottled{fill:var(--color-secondary)}.dashboard-info-panel{z-index:2;background-color:var(--color-tertiary);border-radius:20px 20px 0 0;justify-content:space-between;min-height:190px;margin-top:-20px;padding:40px 150px 40px 20px;display:flex;position:relative;overflow:hidden}.dashboard-info-panel h2{margin:0 0 10px;font-size:15px;font-weight:800}.dashboard-info-panel p{font-size:15px;line-height:19px}.dashboard-bottle{display:block;position:absolute;bottom:-20px;right:0}.dashboard-tabs{width:min(100%, var(--app-mobile-width));background:var(--bg);z-index:2;border-radius:20px 20px 0 0;justify-content:space-around;margin:0 auto;padding:20px 12px 18px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #002f6c14}.dashboard-home--challenge-completed .dashboard-tabs{z-index:5}.dashboard-tabs button{background:var(--color-quinary);width:72px;height:72px;color:var(--color-primary);border-radius:50%;place-items:center;padding:0;font-size:30px;transition:background-color .22s,box-shadow .22s,transform .22s;display:grid}.dashboard-tabs button.is-active{background:var(--color-tertiary);transform:translateY(-4px)scale(1.06);box-shadow:0 5px 14px #002f6c2e}.dashboard-tabs-icon{transition:transform .22s}.dashboard-tabs button.is-active .dashboard-tabs-icon{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.dashboard-tabs button,.dashboard-tabs-icon{transition:none}}.dashboard-tab-placeholder{background:var(--color-quaternary);min-height:calc(100svh - 413px);padding:48px 20px}.dashboard-tab-placeholder h1{margin:0 0 12px;font-size:30px}.dashboard-tabs-icon path{stroke:var(--color-primary)}#dashboard-info-title{font-family:var(--sans)}.dashboard-challenge-fullscreen{background:var(--color-primary);min-height:100dvh}.dashboard-challenge-completed-view{box-sizing:border-box;background:var(--bg);color:var(--text-dark);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;display:flex}.dashboard-challenge-completed-copy{width:100%;padding:72px 20px 28px}.dashboard-challenge-completed-svg{flex:1;justify-content:center;align-items:flex-start;width:100%;display:flex}.dashboard-challenge-completed-svg>svg{width:min(100%,524px);height:auto;display:block}.dashboard-challenge-completed-view h1{font-family:var(--title);text-transform:uppercase;margin:0;padding:0 20px;font-size:30px;line-height:1.1}.dashboard-challenge-completed-view h2{font-family:var(--sans);margin:12px 0 0;padding:0 20px;font-size:18px;line-height:1.2}.dashboard-challenge-panel--fullscreen{border-radius:0;flex-direction:column;min-height:100dvh;margin-top:0;padding:20px 20px 120px;display:flex}.dashboard-challenge-panel--fullscreen.dashboard-challenge-panel--milestone{padding-inline:0;padding-bottom:0}.dashboard-challenge-panel--fullscreen.dashboard-challenge-panel--milestone>*{padding-inline:20px}.dashboard-challenge-panel--fullscreen.dashboard-challenge-panel--completion{padding-inline:0;padding-top:60px;padding-bottom:0}.dashboard-challenge-panel--fullscreen.dashboard-challenge-panel--completion>*{padding-inline:20px}.dashboard-challenge-panel--fullscreen.dashboard-challenge-panel--completion>.dashboard-challenge-completion-visual{padding-inline:0}.dashboard-challenge-panel--fullscreen .dashboard-challenge-feedback{flex:none;overflow:visible}.dashboard-challenge-visual{background:var(--color-quaternary);border-radius:16px 16px 0 0;flex-direction:column;flex:1;align-items:center;width:100%;margin-top:120px;padding-top:10px;display:flex;position:relative}.dashboard-challenge-milestone-visual{place-items:center;width:223px;height:223px;display:grid;position:relative}.dashboard-challenge-milestone-visual-wrapper{position:absolute;top:-5%}.dashboard-challenge-milestone-label{background:var(--color-primary);width:min(145px,100% - 40px);min-height:66px;color:var(--text);text-align:center;border-radius:34px;justify-content:center;align-items:center;padding:12px 18px;display:flex;position:absolute;bottom:-40px}.dashboard-challenge-milestone-label strong{font-family:var(--sans);text-transform:uppercase;font-size:15px;font-weight:900}.dashboard-challenge-close-container{justify-content:flex-end;width:100%;margin-bottom:30px;display:flex}.dashboard-calendar{--calendar-tap:var(--color-quaternary);--calendar-bottled:var(--color-secondary);background:var(--bg);min-height:calc(100svh - 70px);color:var(--color-primary);flex-direction:column;padding:92px 20px 0;display:flex;position:relative}.dashboard-calendar:not(.dashboard-calendar--skeleton) .dashboard-calendar-circle{animation:.45s cubic-bezier(.2,.8,.25,1) both dashboard-calendar-circle-in}.dashboard-calendar:not(.dashboard-calendar--skeleton) .dashboard-calendar-day:nth-child(2n) .dashboard-calendar-circle{animation-delay:35ms}.dashboard-calendar:not(.dashboard-calendar--skeleton) .dashboard-calendar-day:nth-child(3n) .dashboard-calendar-circle{animation-delay:70ms}.dashboard-calendar--skeleton .dashboard-calendar-days,.dashboard-calendar--skeleton .dashboard-calendar-results{animation:1.3s ease-in-out infinite dashboard-calendar-skeleton-pulse}.dashboard-calendar-skeleton-title{background:color-mix(in srgb, var(--color-primary) 14%, transparent);border-radius:5px;width:225px;height:25px;margin-bottom:30px}.dashboard-calendar-skeleton-circle{border:2px solid color-mix(in srgb, var(--color-primary) 20%, transparent);border-radius:50%;width:40px;height:40px}.dashboard-calendar-skeleton-label{background:color-mix(in srgb, var(--color-primary) 14%, transparent);border-radius:3px;width:10px;height:10px}.dashboard-calendar-results--skeleton{flex-direction:column;gap:9px;display:flex}.dashboard-calendar-skeleton-line{background:color-mix(in srgb, var(--text) 25%, transparent);border-radius:4px;width:48px;height:28px;display:block}.dashboard-calendar-skeleton-line--small,.dashboard-calendar-skeleton-line--label{width:110px;height:15px}.dashboard-calendar-skeleton-line--label{width:160px;margin-bottom:9px}@keyframes dashboard-calendar-circle-in{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes dashboard-calendar-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.dashboard-calendar:not(.dashboard-calendar--skeleton) .dashboard-calendar-circle,.dashboard-calendar--skeleton .dashboard-calendar-days,.dashboard-calendar--skeleton .dashboard-calendar-results{animation:none}}.dashboard-calendar h1{margin:0 0 30px;font-size:25px;font-weight:800;line-height:1}.dashboard-calendar-settings{border:2px solid var(--color-primary);width:42px;height:42px;color:var(--color-primary);background:0 0;border-radius:50%;font-size:25px;position:absolute;top:20px;right:20px}.dashboard-calendar-days{grid-template-columns:repeat(7,40px);justify-content:space-between;justify-items:center;gap:13px 0;display:grid}.dashboard-calendar-day{min-width:40px;min-height:40px;color:var(--color-primary);flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;font-size:12px;display:flex}.dashboard-calendar-circle-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dashboard-calendar-circle{border:2px solid var(--color-primary);min-width:20px;min-height:20px;color:var(--color-primary);cursor:pointer;appearance:none;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.dashboard-calendar-circle:disabled{opacity:1;cursor:default}.dashboard-calendar-add{fill:none;width:40px;height:40px;stroke:var(--color-primary);stroke-width:2px;pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dashboard-calendar-add path{stroke-linecap:round}.dashboard-calendar-completed{fill:none;stroke:#0f0;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:40px;filter:drop-shadow(0 0 1.5px var(--color-primary));pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.dashboard-calendar-circle.has-water{border-color:var(--color-primary)}.dashboard-calendar-circle.is-empty-past{border-style:dashed}.dashboard-calendar-results{background:var(--color-primary);min-height:340px;color:var(--text);border-radius:20px 20px 0 0;flex:1;margin:40px -20px 0;padding:40px 20px;position:relative}.dashboard-calendar-results p,.dashboard-calendar-results b,.dashboard-calendar-results strong{display:block}.dashboard-calendar-results p{margin:0 0 12px;font-size:14px}.dashboard-calendar-results strong{font-size:30px;line-height:1}.dashboard-calendar-results b{margin:4px 0 18px;font-size:14px}@media (width<=320px){.dashboard-calendar{padding-left:10px;padding-right:10px}.dashboard-calendar-results{margin-left:-10px;margin-right:-10px}}.dashboard-advices{background:var(--bg);min-height:calc(100svh - 70px);color:var(--color-primary);flex-direction:column;gap:32px;padding:96px 0 32px;display:flex}.dashboard-advices>*{padding-inline:20px}.dashboard-advices h1{font-family:var(--title);margin:0;font-size:28px;line-height:1}.dashboard-advices-list{background-color:var(--color-quaternary);border-radius:20px 20px 0 0;flex:1;grid-auto-rows:max-content;align-content:start;gap:18px;padding-block:40px;display:grid}.dashboard-advice{gap:8px;animation-duration:.16s;animation-timing-function:ease-out;animation-fill-mode:both;display:grid}.dashboard-tab-transition--enter .dashboard-advice{animation-name:dashboard-advice-enter;animation-delay:calc(.18s + var(--advice-index) * 60ms)}.dashboard-tab-transition--exit .dashboard-advice{animation-name:dashboard-advice-exit;animation-delay:calc(var(--advice-index) * 8ms)}@keyframes dashboard-advice-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-advice-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.dashboard-advice-day{margin:0;font-size:14px}.dashboard-advice-content{font-size:15px;line-height:1.25}.dashboard-advice h2{font-family:var(--title);text-transform:uppercase;margin:0;font-size:16px;line-height:1.1}.dashboard-advice hr{border:0;border-top:2px solid var(--color-tertiary);width:100%;margin:0}.dashboard-milestones{background:var(--bg);min-height:calc(100svh - 70px);color:var(--color-primary);padding-top:96px;animation:.36s ease-out both dashboard-milestones-fade-in}@keyframes dashboard-milestones-fade-in{0%{opacity:0}to{opacity:1}}.dashboard-milestones h1{font-family:var(--title);margin:0 20px 34px;font-size:28px;line-height:1}.dashboard-milestones-grid{background:var(--color-primary);border-radius:20px 20px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:225px;gap:38px 16px;min-height:calc(100svh - 260px);padding:40px 20px 80px;display:grid}.dashboard-milestone{min-width:0;height:225px;animation:.36s ease-out both dashboard-milestone-enter;animation-delay:calc(.36s + var(--milestone-index) * 70ms);flex-direction:column;align-items:center;display:flex;position:relative}@keyframes dashboard-milestone-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-milestone-visual{width:100%;max-width:165px;height:165px;color:var(--color-primary);place-items:center;display:grid}.dashboard-milestone-visual>div{width:100%}.dashboard-milestone-visual svg{object-fit:contain;width:100%;height:165px;display:block}.dashboard-milestone-svg>:not(:first-child):not(defs),.dashboard-milestone-svg>:first-child>:not(:first-child):not(defs){transform-box:fill-box;transform-origin:50%;animation-duration:1.25s;animation-timing-function:cubic-bezier(.2,.75,.25,1.1);animation-delay:1.25s;animation-fill-mode:both}.dashboard-milestone-svg[data-animation-direction=top-to-bottom]>:not(:first-child):not(defs),.dashboard-milestone-svg[data-animation-direction=top-to-bottom]>:first-child>:not(:first-child):not(defs){animation-name:dashboard-milestone-art-top-to-bottom}.dashboard-milestone-svg[data-animation-direction=right-to-left]>:not(:first-child):not(defs),.dashboard-milestone-svg[data-animation-direction=right-to-left]>:first-child>:not(:first-child):not(defs){animation-name:dashboard-milestone-art-right-to-left}.dashboard-milestone-svg[data-animation-direction=bottom-to-top]>:not(:first-child):not(defs),.dashboard-milestone-svg[data-animation-direction=bottom-to-top]>:first-child>:not(:first-child):not(defs){animation-name:dashboard-milestone-art-bottom-to-top}.dashboard-milestone-svg[data-animation-direction=left-to-right]>:not(:first-child):not(defs),.dashboard-milestone-svg[data-animation-direction=left-to-right]>:first-child>:not(:first-child):not(defs){animation-name:dashboard-milestone-art-left-to-right}.dashboard-milestone-svg[data-unlocked=false]>*{visibility:hidden}.dashboard-milestone-svg[data-unlocked=false]>defs,.dashboard-milestone-svg[data-unlocked=false]>:first-child,.dashboard-milestone-svg[data-unlocked=false]>:first-child>:first-child{visibility:visible}.dashboard-milestone-svg[data-unlocked=false]>:first-child>:not(:first-child){visibility:hidden}@keyframes dashboard-milestone-art-top-to-bottom{0%{opacity:0;transform:translateY(-300px)rotate(-8deg)scale(.94)}70%{opacity:1;transform:translate(3px,6px)rotate(1deg)scale(1.01)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes dashboard-milestone-art-right-to-left{0%{opacity:0;transform:translate(300px,-8px)rotate(8deg)scale(.94)}70%{opacity:1;transform:translate(-6px,3px)rotate(-1deg)scale(1.01)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes dashboard-milestone-art-bottom-to-top{0%{opacity:0;transform:translateY(300px)rotate(8deg)scale(.94)}70%{opacity:1;transform:translate(-3px,-6px)rotate(-1deg)scale(1.01)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes dashboard-milestone-art-left-to-right{0%{opacity:0;transform:translate(-300px,8px)rotate(-8deg)scale(.94)}70%{opacity:1;transform:translate(6px,-3px)rotate(1deg)scale(1.01)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.dashboard-milestone-label{background:var(--bg);width:calc(100% - 12px);min-height:64px;color:var(--color-primary);text-align:center;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;margin-top:-18px;padding:15px 25px;transition:color .3s;display:flex;position:relative}.dashboard-milestone-label strong,.dashboard-milestone-label span{overflow-wrap:anywhere;max-width:100%}.dashboard-milestone-label strong{font-family:var(--sans);font-size:var(--text-base);text-transform:uppercase;font-weight:900}.dashboard-milestone-label span{margin-top:4px;font-size:11px;line-height:1.1}.dashboard-milestone.is-locked .dashboard-milestone-label{color:var(--color-quaternary)}@media (prefers-reduced-motion:reduce){.dashboard-milestones,.dashboard-milestone{animation:none}.dashboard-milestone-label{transition:none}.dashboard-milestone-svg>:not(:first-child):not(defs),.dashboard-milestone-svg>:first-child>:not(:first-child):not(defs){opacity:1;animation:none;transform:none}}@media (width<=320px){.dashboard-milestones-grid{gap:28px 10px;padding-left:12px;padding-right:12px}.dashboard-milestone-label strong{font-size:12px}}.dashboard-intro,.dashboard-main{min-height:100svh}.dashboard-intro{width:min(100%, var(--app-mobile-width));background:var(--bg);min-height:100dvh;margin:0 auto;position:relative}.dashboard-intro-slide{min-height:100dvh;padding:clamp(32px, 8vh, 80px) 20px calc(32px + env(safe-area-inset-bottom));box-sizing:border-box;color:var(--color-primary);text-align:center;flex-direction:column;align-items:center;display:flex}.dashboard-intro-header h1{font-family:var(--title);margin:0;font-size:38px;line-height:1.05}.dashboard-intro-header p{margin:22px 0 0;font-size:14px}.dashboard-intro-placeholder{background:var(--color-secondary);width:230px;height:230px;color:var(--color-primary);border-radius:48% 52% 50% 45%;place-items:center;margin:74px 0 18px;font-size:14px;display:grid}.dashboard-intro-slide--water-types .dashboard-intro-placeholder{background:var(--color-quaternary);border-radius:45% 55% 48% 52%;width:350px;max-width:100%}.dashboard-intro-slide--trophy .dashboard-intro-placeholder{background:var(--color-tertiary)}.dashboard-intro-slide--hand .dashboard-intro-placeholder{width:220px;height:220px;margin-top:0}.dashboard-intro-text{font-size:var(--text-lg);max-width:300px;margin:20px 0 0}.dashboard-intro-final-title{max-width:350px;font-family:var(--title);text-transform:uppercase;margin:30px 0 0;font-size:27px;line-height:1.3}.dashboard-intro-slide--hand .dashboard-intro-text{font-size:var(--text-base);margin-top:20px;text-decoration:underline}.dashboard-intro-actions{flex-direction:column;align-items:center;gap:34px;margin-top:auto;display:flex}.dashboard-intro-next{background:var(--color-primary);color:var(--text);cursor:pointer;border:0;border-radius:22px;padding:10px 17px;font-size:14px}.dashboard-intro-skip{color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.dashboard-main{background:var(--bg);color:var(--text-dark);padding:48px 20px}.dashboard-main-header p{font-size:14px;font-weight:700}.dashboard-main-header h1{color:var(--color-primary);margin:12px 0 40px;font-size:32px}.dashboard-main-section{background:var(--color-primary);color:var(--text);border-radius:20px;padding:24px}.dashboard-main-section h2,.dashboard-subsection h2{margin:0 0 10px;font-size:22px}.dashboard-main-section p{margin:0;line-height:1.45}.dashboard-subsections{grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.dashboard-subsections a{background:var(--color-quaternary);color:var(--text-dark);text-align:center;border-radius:16px;padding:12px 8px;font-size:13px;text-decoration:none}.dashboard-subsection{border:2px solid var(--color-primary);border-radius:20px;min-height:120px;margin-top:16px;padding:20px}.dashboard-intro-svg{margin-top:80px}.dashboard-intro-visual-final .dashboard-intro-svg{margin-top:0}.dashboard-intro-visual{flex-flow:row;justify-content:center;align-items:center;gap:8px;width:100%;min-height:0;margin-top:clamp(36px,8vh,80px);display:flex}.dashboard-intro-visual .dashboard-intro-svg{width:auto;max-width:100%;height:auto;margin-top:0;display:block}.dashboard-intro-visual-final{justify-content:center;width:100%;display:flex}.dashboard-intro-visual-final .dashboard-intro-svg{width:min(217px,72vw);height:auto;display:block}@media (height<=720px){.dashboard-intro-slide{padding-top:24px}.dashboard-intro-visual{margin-top:28px}.dashboard-intro-text{margin-top:12px}.dashboard-intro-actions{margin-top:32px}}.onboarding{width:min(100%, var(--app-mobile-width));background:var(--bg);height:100svh;min-height:100svh;margin:0 auto;position:relative;overflow:hidden}.onboarding-scroll{scroll-behavior:smooth;height:100%;position:relative;overflow:hidden auto}.onboarding-panel{background:var(--color-primary);will-change:transform;height:100%;position:absolute;inset:0}.onboarding-panel-viewport{z-index:0;pointer-events:none;height:100svh;position:absolute;top:0;left:0;right:0;overflow:hidden}.onboarding-content{z-index:1;opacity:1;min-height:100svh;transition:opacity .35s;position:relative}.onboarding-content.is-leaving{opacity:0}.landing-panel-content{border-radius:0 0 20px 20px}.quiz-panel,.result-panel,.result-panel-declined{border-radius:20px}.result-step,.result-section,.landing-step,.quiz-step{min-height:100svh;position:relative}.landing-intro{position:absolute;inset:0}.landing-intro .gotagot-logo{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-intro .aigues-barcelona-logo{bottom:calc(82px + env(safe-area-inset-bottom));display:block;position:absolute;left:50%;transform:translate(-50%)}.landing-content,.quiz-step-content{display:grid;position:absolute;inset:0}.landing-content{align-content:flex-end;margin-inline:20px;bottom:43.5%}.landing-content h1{font-size:var(--title-xl-size);line-height:var(--title-xl-line-height)}.landing-content p{font-size:var(--text-lg)}.landing-content button{font-size:var(--text-base);height:40px;margin-top:36px}.landing-language{top:calc(20px + env(safe-area-inset-top));z-index:2;position:absolute;right:20px}.landing-content-background{place-items:end;display:grid;position:absolute;inset:0% 0 0}.landing-content-background svg{width:100%;height:auto;display:block}.quiz-step-content{align-content:start;margin-inline:20px;padding-top:25px;top:10%}.quiz-step-content h1{font-family:var(--sans);font-size:14px;font-weight:bolder}.quiz-step-content-question{font-size:var(--text-lg);margin-top:28px}.quiz-step-content-question-transition{display:block}.quiz-step-content-answers{flex-direction:column;gap:19px;margin-top:40px;display:flex}.quiz-step-content-continue-button{bottom:calc(40px + env(safe-area-inset-bottom));transition:transform .18s,background-color .18s;position:absolute;right:0}.quiz-step-content-continue-button:disabled{cursor:not-allowed;opacity:.45}.quiz-step-content-answers button{background-color:var(--bg);color:var(--text-dark);transition:background-color .18s,color .18s,transform .18s}.quiz-step-content-answers button:focus-visible,.quiz-step-content-answers button.is-selected{background-color:var(--color-secondary);color:var(--text-dark);transform:translateY(-2px)}.result-section{flex-direction:column;display:flex}.result-section--profile{min-height:1123px}.result-section--challenge{min-height:1421px}.result-section-profile-svg{margin-top:20px}.result-section-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;margin-top:30px;display:flex}.result-subtitle,.result-title{margin:0}.result-subtitle{font-family:var(--sans);font-size:var(--text-base)}.result-title{font-size:var(--title-xl-size);text-align:center;margin-top:12px}#result-challenge-title{margin-inline:40px}.result-section-content-link{margin-top:10px}.result-section-content-description{box-sizing:border-box;background-color:var(--color-tertiary);border-radius:20px 20px 0 0;flex-direction:column;flex:1;width:100%;height:100%;margin-top:30px;padding-inline:20px;display:flex}.result-section-content-description>div{flex-direction:column;flex:1;justify-content:center;width:100%;height:100%;display:flex}.result-section-content-description-text{font-family:var(--sans);font-size:var(--text-lg);color:var(--text-dark);padding-top:38px}.result-section--challenge .result-section-content-description{background-color:var(--color-secondary)}.result-section--challenge .result-section-content-description-text.text-base{font-size:var(--text-base)}.result-section--challenge .result-section-content-description>div{gap:20px}.result-section-content-description-tutorial{flex-direction:column;justify-content:center;gap:20px;margin:35px 0 0;padding:0;list-style:none;display:flex}.result-section-content-description-tutorial li{flex-direction:row;align-items:center;gap:10px;display:flex}.result-section-content-description-tutorial p{color:var(--text-dark);font-weight:900;font-size:var(--text-base)}#result-profile-button{background-color:var(--bg)}.result-challenge-button-accept{background-color:var(--bg);color:var(--text-dark)}.result-install-button{background-color:var(--color-primary);color:var(--text)}.install-app-action{flex-direction:column;gap:6px;display:flex}.install-app-message{color:var(--text-dark);font-size:12px;line-height:15px}.result-challenge-button-decline{text-align:start;background:0 0;padding-left:0;text-decoration:underline}.challenge-declined-step{box-sizing:border-box;min-height:100svh;padding:28px 20px}.challenge-declined-content{flex-direction:column;gap:18px;margin:80px auto 0;display:flex;position:relative}.challenge-declined-back{color:var(--text);background:0 0;align-self:flex-start;padding:6px 12px;font-size:28px}.challenge-declined-eyebrow{font-family:var(--sans);font-size:var(--text-base);font-weight:700}.challenge-declined-description{max-width:480px;font-size:var(--text-lg)}.challenge-declined-submit{background:var(--color-secondary);align-self:flex-start;margin-top:auto}.challenge-declined-submit:disabled{cursor:not-allowed;opacity:.55}.challenge-declined-step--submitted .challenge-declined-content{justify-content:center}.onboarding-panel-viewport:has(.result-panel-declined){max-height:100svh}.challenge-declined-step p{font-size:var(--text-base);font-weight:400}.challenge-declined-step label{font-size:var(--text-base);font-weight:700}.challenge-declined-eyebrow{text-transform:uppercase;font-size:14px;font-weight:400}.challenge-declined-step h1{font-size:var(--title-xl-size);font-weight:800}.challenge-declined-submit-buttons{flex-direction:row;justify-content:space-between;width:100%;display:flex}.challenge-declined-cancel{background:var(--bg);color:var(--text-dark)}.challenge-declined-submit{background:var(--color-tertiary);color:var(--text-dark)}#challenge-declined-reason{appearance:none;background-color:var(--color-primary);width:100%;min-height:40px;color:var(--text);font-family:var(--sans);font-size:var(--text-base);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 6l5 5 5-5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:16px;border:2px solid #ffffffbf;border-radius:20px;padding:10px 40px 10px 15px;line-height:1.2}#challenge-declined-reason:focus-visible{outline:3px solid var(--color-quaternary);outline-offset:3px}#challenge-declined-reason option{background-color:var(--color-primary);color:var(--text)}.milestones-preview{min-height:100svh;color:var(--color-primary);background:#f5fbfd;padding:48px 28px 72px}.milestones-preview-header{max-width:1126px;margin:0 auto 34px}.milestones-preview-eyebrow{color:#3a8ca8;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:800}.milestones-preview h1{margin:0 0 10px;font-size:clamp(32px,5vw,52px);line-height:1}.milestones-preview-header>p:last-child{color:#466477}.milestones-preview-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1126px;margin:0 auto;display:grid}.milestones-preview-card{background:var(--color-primary);text-align:center;border:1px solid #cfeaf2;border-radius:22px;min-width:0;padding:22px 16px 18px;box-shadow:0 10px 24px #002f6c14}.milestones-preview-art{place-items:center;min-height:230px;display:grid}.milestones-preview-art svg{width:min(100%,223px);height:230px;display:block}.milestones-preview-label{background:var(--bg);min-height:78px;color:var(--color-primary);border-radius:20px;padding:13px 12px 10px}.milestones-preview-label strong,.milestones-preview-label span{display:block}.milestones-preview-label strong{text-transform:uppercase;font-size:14px;font-weight:900;line-height:1.15}.milestones-preview-label span{color:#628097;margin-top:7px;font-size:11px}@media (width<=600px){.milestones-preview{padding:32px 14px 48px}.milestones-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.milestones-preview-card{border-radius:16px;padding:12px 8px 10px}.milestones-preview-art{min-height:170px}.milestones-preview-art svg{height:170px}.milestones-preview-label{min-height:82px;padding:10px 6px 8px}.milestones-preview-label strong{font-size:11px}}.not-found-page{background:var(--color-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:32px 24px;display:flex}.not-found-code{color:var(--color-tertiary);font-family:var(--title);font-size:72px;line-height:1}.not-found-page h1{margin:20px 0 12px;font-size:28px}.not-found-message{max-width:340px;color:var(--text);line-height:1.5}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.not-found-actions a{border-radius:22px;padding:11px 18px;font-size:14px;text-decoration:none}.not-found-primary-action{background:var(--color-tertiary);color:var(--text-dark)}.not-found-secondary-action{border:1px solid var(--color-quaternary);color:var(--text)}.unsubscribe-page{background:var(--color-primary);min-height:100svh;color:var(--text);place-items:center;padding:24px;display:grid}.unsubscribe-card{background:var(--bg);width:min(100%,430px);color:var(--text-dark);text-align:center;border-radius:28px;padding:48px 28px 36px;box-shadow:0 18px 50px #00000026}.unsubscribe-mark{background:var(--color-quaternary);width:58px;height:58px;color:var(--color-primary);border-radius:50%;place-items:center;margin:0 auto 28px;font-size:28px;display:grid}.unsubscribe-eyebrow{color:#3a8ca8;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.unsubscribe-card h1{color:var(--color-primary);margin:0;font-size:clamp(30px,8vw,42px);line-height:1.05}.unsubscribe-copy{color:#466477;max-width:330px;margin:20px auto 0;font-size:15px;line-height:1.5}.unsubscribe-actions{flex-direction:column;align-items:center;gap:18px;margin-top:32px;display:flex}.unsubscribe-card button{cursor:pointer}.unsubscribe-card button:disabled{cursor:wait;opacity:.65}.unsubscribe-cancel{color:var(--color-primary);background:0 0;padding:0;text-decoration:underline}.unsubscribe-error{color:#a13a4a;margin-top:20px;font-size:13px;line-height:1.4}.privacy-page{width:100%;min-height:100svh;color:var(--text-dark);padding:32px 20px 64px}.privacy-header{justify-content:space-between;align-items:center;gap:16px;width:min(100%,720px);margin:0 auto;display:flex}.privacy-back{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.privacy-back:focus-visible{outline:3px solid var(--color-tertiary);outline-offset:3px}.privacy-content{overflow-wrap:anywhere;width:min(100%,720px);margin:32px auto 0;line-height:1.55}.privacy-eyebrow{text-transform:uppercase;margin:0 0 14px;font-size:14px;line-height:18px}.privacy-content h1{color:var(--color-primary);font-family:var(--title);margin:0 0 32px;font-size:28px;line-height:30px}.privacy-content section{margin-bottom:28px}.privacy-content h2{color:var(--color-primary);font-family:var(--sans);margin:0 0 12px;font-size:17px;font-weight:800;line-height:1.3}.privacy-content p,.privacy-content ul{margin:0 0 12px}.privacy-content ul{padding-left:20px}.privacy-content li+li{margin-top:6px}.privacy-content a{color:var(--color-primary)}.privacy-rights{border-collapse:collapse;width:100%;margin:4px 0 16px;font-size:14px}.privacy-rights th,.privacy-rights td{border:1px solid var(--color-quaternary);text-align:left;vertical-align:top;padding:10px 12px}.privacy-rights thead th{background:var(--color-primary);color:var(--text)}.privacy-rights tbody th{background:var(--color-quinary);width:40%}