:root{--blue: #158ced;--dark-gray: #999;--dark-plum: #56043d;--dark-yellow: #ffa700;--darker-yellow: #cc8600;--gray: #aaa;--light-gray: #ddd;--light-yellow: #fff9f2;--medium-yellow: #ffda92;--plum: #a00449;--green: #41a030;--red: #b21448;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 64px;--max-width: 400px}main.signup,main.signin{padding:100px 24px 24px;h1{margin-bottom:64px;img{width:225px}}}input[type=text],input[type=password],input[type=email],input[type=search],textarea{border:solid 1px #aaa;border-radius:12px;color:#666;padding:16px;outline:none;&::placeholder{color:var(--gray);font-style:italic;font-weight:100}}input[type=text],input[type=password],input[type=email],input[type=search]{font-size:16px;height:48px}input[type=search]{background:left 10px center no-repeat #fff url('data:image/svg+xml,<svg%0A  width="19"%0A  height="19"%0A  viewBox="0 0 19 19"%0A  fill="none"%0A  xmlns="http://www.w3.org/2000/svg"%0A>%0A  <g opacity="0.18">%0A    <path%0A      d="M8.70833 15.0417C12.2061 15.0417 15.0417 12.2061 15.0417 8.70833C15.0417 5.21053 12.2061 2.375 8.70833 2.375C5.21053 2.375 2.375 5.21053 2.375 8.70833C2.375 12.2061 5.21053 15.0417 8.70833 15.0417Z"%0A      stroke="black"%0A      stroke-width="2"%0A      stroke-linecap="round"%0A      stroke-linejoin="round"%0A    />%0A    <path%0A      d="M16.6249 16.625L13.1812 13.1813"%0A      stroke="black"%0A      stroke-width="2"%0A      stroke-linecap="round"%0A      stroke-linejoin="round"%0A    />%0A  </g>%0A</svg>%0A');padding-left:35px}textarea{field-sizing:content}input.stacked{width:100%;padding:32px 16px;&.top{border-radius:12px 12px 0 0;border-bottom:solid 1px var(--light-gray);margin-bottom:0}&.bottom{border-radius:0 0 12px 12px;border-top:none;margin-bottom:30px;margin-top:0}}button.button-link{background-color:transparent;border:none}.button-muted,.button-primary{border:solid 1px var(--gray);border-radius:50px;color:#fff;font-size:16px;margin:0;padding:16px;text-align:center;text-decoration:none;white-space:nowrap;&.button-sm{padding:8px}&:active{transform:translate(2px,2px)}&:focus{outline:thin solid var(--blue)}@media(max-width:600px){width:100%}}.button-muted{backdrop-filter:brightness(97%);border:1px solid rgba(0,0,0,.1)}.button-primary{background-color:var(--dark-yellow);border:none;box-shadow:3px 3px 5px #0003;font-weight:700;position:relative;transition:all .2s ease-out;main.dark &{background-color:var(--dark-plum)}&:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">%0A  <radialGradient%0A    id="a10"%0A    cx=".66"%0A    fx=".66"%0A    cy=".3125"%0A    fy=".3125"%0A    gradientTransform="scale(1.5)"%0A  >%0A    <stop offset="0" stop-color="%23FFFFFF"></stop>%0A    <stop offset=".3" stop-color="%23FFFFFF" stop-opacity=".9"></stop>%0A    <stop offset=".6" stop-color="%23FFFFFF" stop-opacity=".6"></stop>%0A    <stop offset=".8" stop-color="%23FFFFFF" stop-opacity=".3"></stop>%0A    <stop offset="1" stop-color="%23FFFFFF" stop-opacity="0"></stop>%0A  </radialGradient>%0A  <circle%0A    transform-origin="center"%0A    fill="none"%0A    stroke="url(%23a10)"%0A    stroke-width="15"%0A    stroke-linecap="round"%0A    stroke-dasharray="200 1000"%0A    stroke-dashoffset="0"%0A    cx="100"%0A    cy="100"%0A    r="70"%0A  >%0A    <animateTransform%0A      type="rotate"%0A      attributeName="transform"%0A      calcMode="spline"%0A      dur="2"%0A      values="360;0"%0A      keyTimes="0;1"%0A      keySplines="0 0 1 1"%0A      repeatCount="indefinite"%0A    >%0A    </animateTransform>%0A  </circle>%0A  <circle%0A    transform-origin="center"%0A    fill="none"%0A    opacity=".2"%0A    stroke="%23FFFFFF"%0A    stroke-width="15"%0A    stroke-linecap="round"%0A    cx="100"%0A    cy="100"%0A    r="70"%0A  >%0A  </circle>%0A</svg>%0A');content:"";display:block;height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-out;width:40px}&.loading{filter:brightness(75%);&:before{opacity:1}}}[popover]{border:solid 1px #aaa;border-radius:16px;box-shadow:3px 3px 5px #0003;inset:auto;padding:15px 0;right:anchor(right);top:anchor(bottom);form{display:contents}a,button{border:none;background-color:transparent;color:inherit;font-size:16px;font-weight:400;display:block;padding:8px 24px;margin:0;text-align:left;text-decoration:none;width:100%;&:hover{background-color:#ddd}}}main.security{.session{align-items:center;background-color:#fff;border:solid 1px #ddd;border-radius:24px;padding:24px;margin-bottom:24px;dl{display:grid;grid-template-columns:min-content 1fr;dt{font-weight:700;white-space:nowrap}}}}.flex-space-between{align-items:center;display:flex;justify-content:space-between;gap:10px;@media(max-width:600px){flex-direction:column}}.flex-column{flex-direction:column}.flex-stretch{align-self:stretch}.text-md{font-size:32px}.text-center{text-align:center}.height-100{height:100%}.width-100{width:100%}.display-block{display:block}.mb-md{margin-bottom:32px}.position-relative{position:relative}label.domain{align-items:center;background-color:#fff;border:solid 1px var(--light-gray);border-radius:16px;display:flex;height:100px;font-weight:700;font-size:14px;justify-content:center;overflow:hidden;transition:all .2s;&:has(input:focus){outline:thin solid var(--blue)}span{inline-size:min-content;text-align:center}input{clip-path:circle(0%);position:absolute}}main.welcome{img{display:block;margin:var(--space-lg) auto;max-width:100%;max-height:300px}}main.welcome-domains{.domain-strip{background:url('data:image/svg+xml,<svg%0A  width="404"%0A  height="91"%0A  viewBox="0 0 404 91"%0A  fill="none"%0A  xmlns="http://www.w3.org/2000/svg"%0A>%0A  <path%0A    d="M76.2564 81.8834L99.7046 18.8834C103.109 9.73622 96.3442 -2.16102e-07 86.584 -4.19131e-07L14.0124 -1.92874e-06C4.25212 -2.13177e-06 -2.51284 9.73622 0.891692 18.8834L24.3399 81.8834C26.3799 87.3645 31.6121 91 37.4606 91L63.1357 91C68.9842 91 74.2164 87.3645 76.2564 81.8834Z"%0A    fill="%23b21448"%0A  />%0A  <path%0A    transform="translate(101, 0)"%0A    d="M24.3403 9.11657L0.89203 72.1166C-2.51251 81.2638 4.25244 91 14.0127 91L86.5843 91C96.3446 91 103.11 81.2638 99.705 72.1166L76.2568 9.11657C74.2168 3.63546 68.9846 -3.24443e-06 63.1361 -2.99184e-06L37.4609 -1.88294e-06C31.6125 -1.63035e-06 26.3803 3.63546 24.3403 9.11657Z"%0A    fill="%2341a030"%0A  />%0A  <path%0A    transform="translate(202, 0)"%0A    d="M76.2564 81.8834L99.7046 18.8834C103.109 9.73622 96.3442 -2.16102e-07 86.584 -4.19131e-07L14.0124 -1.92874e-06C4.25212 -2.13177e-06 -2.51284 9.73622 0.891692 18.8834L24.3399 81.8834C26.3799 87.3645 31.6121 91 37.4606 91L63.1357 91C68.9842 91 74.2164 87.3645 76.2564 81.8834Z"%0A    fill="%23148ced"%0A  />%0A  <path%0A    transform="translate(303, 0)"%0A    d="M24.3403 9.11657L0.89203 72.1166C-2.51251 81.2638 4.25244 91 14.0127 91L86.5843 91C96.3446 91 103.11 81.2638 99.705 72.1166L76.2568 9.11657C74.2168 3.63546 68.9846 -3.24443e-06 63.1361 -2.99184e-06L37.4609 -1.88294e-06C31.6125 -1.63035e-06 26.3803 3.63546 24.3403 9.11657Z"%0A    fill="%23ffa700"%0A  />%0A</svg>%0A') -50px 100% repeat-x;height:120px;left:calc(-50vw + 50%);margin-top:100px;margin-bottom:100px;position:relative;width:100vw}}main.welcome-domains-choose{input[type=search]{margin:20px auto;width:100%}form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}label.domain:has(input:checked){color:#fff;&.blue{background-color:var(--blue);border-color:var(--blue)}&.green{background-color:var(--green);border-color:var(--green)}&.red{background-color:var(--red);border-color:var(--red)}&.yellow{background-color:var(--dark-yellow);border-color:var(--dark-yellow)}}button.add-domain{align-items:center;background-color:transparent;border:dashed 1px var(--light-gray);border-radius:16px;display:flex;height:100px;flex-direction:column;font-weight:700;font-size:14px;justify-content:center;overflow:hidden;.big-plus{font-size:32px}}}main.welcome-domains-weight{img{display:block;margin:64px auto}}main.welcome-domains-heavy{form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}form:has(input:checked) label.domain:not(:has(input:checked)){opacity:.5;transform:scale(.9)}label.domain{color:#fff;transition:all .2s ease-out;&:has(input:checked){transform:scale(1.1)}&.blue{background-color:var(--blue);border-color:var(--blue)}&.green{background-color:var(--green);border-color:var(--green)}&.red{background-color:var(--red);border-color:var(--red)}&.yellow{background-color:var(--dark-yellow);border-color:var(--dark-yellow)}}}main.welcome-domains-flag{.flag-strip{background:url('data:image/svg+xml,<svg%0A  width="392"%0A  height="115"%0A  viewBox="0 0 392 115"%0A  fill="none"%0A  xmlns="http://www.w3.org/2000/svg"%0A>%0A  <path%0A    d="M160.769 90.866L181.898 33.866C185.288 24.7217 178.524 15 168.771 15L104.012 15C94.2597 15 87.4953 24.7217 90.8849 33.866L112.014 90.866C114.049 96.3562 119.286 100 125.141 100L147.642 100C153.497 100 158.734 96.3562 160.769 90.866Z"%0A    fill="%2341A030"%0A  />%0A  <path%0A    d="M22.0139 24.134L0.884908 81.134C-2.50476 90.2783 4.25968 100 14.012 100L78.7711 100C88.5235 100 95.2879 90.2783 91.8983 81.134L70.7693 24.134C68.7341 18.6438 63.4974 15 57.6421 15L35.1411 15C29.2858 15 24.0491 18.6438 22.0139 24.134Z"%0A    fill="%23148CED"%0A  />%0A  <path%0A    d="M207.09 12.3725L178.43 89.3768C173.81 101.791 182.991 115.004 196.237 115.004L284.189 115.004C297.435 115.004 306.616 101.791 301.996 89.3767L273.335 12.3725C270.567 4.93385 263.466 3.54477e-06 255.529 3.88758e-06L224.897 5.21054e-06C216.96 5.55334e-06 209.859 4.93384 207.09 12.3725Z"%0A    fill="%23FFA700"%0A  />%0A  <path%0A    d="M224.287 66.5066C224.287 66.5066 226.446 64.3476 232.923 64.3476C239.4 64.3476 243.718 68.6655 250.195 68.6655C256.672 68.6655 258.831 66.5066 258.831 66.5066V40.599C258.831 40.599 256.672 42.758 250.195 42.758C243.718 42.758 239.4 38.4401 232.923 38.4401C226.446 38.4401 224.287 40.599 224.287 40.599V66.5066Z"%0A    fill="white"%0A    stroke="white"%0A    stroke-width="2"%0A    stroke-linecap="round"%0A    stroke-linejoin="round"%0A  />%0A  <path%0A    d="M224.287 81.6193V66.5066"%0A    stroke="white"%0A    stroke-width="2"%0A    stroke-linecap="round"%0A    stroke-linejoin="round"%0A  />%0A  <path%0A    transform="translate(208, 0)"%0A    d="M160.769 90.866L181.898 33.866C185.288 24.7217 178.524 15 168.771 15L104.012 15C94.2597 15 87.4953 24.7217 90.8849 33.866L112.014 90.866C114.049 96.3562 119.286 100 125.141 100L147.642 100C153.497 100 158.734 96.3562 160.769 90.866Z"%0A    fill="%23b21448"%0A  />%0A</svg>%0A') -50px 100% repeat-x;height:120px;left:calc(-50vw + 50%);margin-top:100px;margin-bottom:100px;position:relative;width:100vw}}main.welcome-domains-notes{button.domain-notes{align-items:center;background-color:transparent;border:none;border-top:solid 1px var(--light-gray);display:flex;justify-content:space-between;padding:12px;transition:all .2s;width:100%;&:last-of-type{border-bottom:solid 1px var(--light-gray)}&:hover{background-color:var(--medium-yellow)}span{font-weight:700}.flag{background:#fff;border:solid 1px var(--light-gray);border-radius:20px;width:40px;height:40px;position:relative;&:before{content:url('data:image/svg+xml,<svg%0A  width="20"%0A  height="20"%0A  viewBox="0 0 20 18"%0A  fill="none"%0A  xmlns="http://www.w3.org/2000/svg"%0A>%0A  <path%0A    d="M3.5 13.125C3.5 13.125 4.375 12.25 7 12.25C9.625 12.25 11.375 14 14 14C16.625 14 17.5 13.125 17.5 13.125V2.625C17.5 2.625 16.625 3.5 14 3.5C11.375 3.5 9.625 1.75 7 1.75C4.375 1.75 3.5 2.625 3.5 2.625V13.125Z"%0A    stroke="%23FFA700"%0A    stroke-width="2"%0A    stroke-linecap="round"%0A    stroke-linejoin="round"%0A  />%0A  <path%0A    d="M3.5 19.25V13.125"%0A    stroke="%23FFA700"%0A    stroke-width="2"%0A    stroke-linecap="round"%0A    stroke-linejoin="round"%0A  />%0A</svg>%0A');position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.has-notes &{background:var(--dark-yellow);border:solid 1px var(--dark-yellow);&:before{content:url('data:image/svg+xml,<svg%0A  width="20"%0A  height="20"%0A  viewBox="0 0 20 18"%0A  fill="none"%0A  xmlns="http://www.w3.org/2000/svg"%0A>%0A  <path%0A    d="M3.5 13.125C3.5 13.125 4.375 12.25 7 12.25C9.625 12.25 11.375 14 14 14C16.625 14 17.5 13.125 17.5 13.125V2.625C17.5 2.625 16.625 3.5 14 3.5C11.375 3.5 9.625 1.75 7 1.75C4.375 1.75 3.5 2.625 3.5 2.625V13.125Z"%0A    fill="white"%0A    stroke="white"%0A    stroke-width="2"%0A    stroke-linecap="round"%0A    stroke-linejoin="round"%0A  />%0A  <path%0A    d="M3.5 19.25V13.125"%0A    stroke="white"%0A    stroke-width="2"%0A    stroke-linecap="round"%0A    stroke-linejoin="round"%0A  />%0A</svg>%0A')}}}}dialog.domain-notes{background-color:var(--light-yellow);border:none;border-radius:16px;width:300px;max-width:95%;header{display:flex;font-weight:700;justify-content:space-between;margin-bottom:32px;button{background-color:#fff;border:solid 1px var(--light-gray);border-radius:16px;position:relative;width:32px;height:32px;&:before{color:var(--gray);content:"\2715";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}textarea{field-sizing:content;height:100px;margin-bottom:32px;resize:none;width:100%}}}main.welcome-goals{label{background-color:#fff;border:solid 1px var(--gray);border-radius:16px;display:flex;gap:var(--space-md);justify-items:center;margin-bottom:var(--space-md);padding:var(--space-md);&:has(input:checked){background-color:var(--medium-yellow);border-color:var(--dark-yellow)}input{accent-color:var(--darker-yellow)}}}main.welcome-huddle{img{display:block;margin:64px auto}}main.welcome-partner{form input{margin-bottom:24px;width:100%}}main.welcome-ready{display:flex;align-items:center;justify-content:center;text-align:center;a{display:block;width:100%}}main.welcome-profile{label.add{color:var(--dark-yellow);display:block;text-align:center;margin:0 auto 40px}label.photo{background-color:#fff;border:solid 1px var(--light-gray);border-radius:75px;display:flex;align-items:center;justify-content:center;height:100px;margin:40px auto 8px;overflow:hidden;width:100px;img{height:100px;object-fit:cover;width:100px}}input[type=file]{clip-path:circle(0%);position:absolute}}main.welcome-solutions{ul{list-style:none;margin:20px 0;padding:0;li{align-items:center;display:flex;gap:8px;margin-bottom:12px}}blockquote{background-color:#fff;border-radius:8px;margin:64px 0;padding:48px 16px 32px;position:relative;text-align:center;width:100%;img{border:solid 1px var(--gray);border-radius:100px;height:50px;inset:0 0 0 50%;position:absolute;width:50px}img:first-of-type{transform:translate(-50%,-50%) translate(-40%)}img:last-of-type{transform:translate(-50%,-50%) translate(40%)}cite{color:var(--gray);display:block;margin-top:8px}}}main.welcome-tank{label:has(input:checked),label:has(input:checked)~label{border:solid 1px var(--dark-gray);color:#fff;&.level-0{background-color:#bf4640}&.level-10{background-color:#e96b4c}&.level-20{background-color:#f5a880}&.level-30{background-color:#ffb38b}&.level-40{background-color:#fad183}&.level-50{background-color:#ffc14d}&.level-60{background-color:#e3cf4c}&.level-70{background-color:#bcdb89}&.level-80{background-color:#91c46b}&.level-90{background-color:#48a338}&.level-100{background-color:#48a338}}label{background-color:#fff;border:solid 1px var(--light-gray);display:block;font-size:16px;font-weight:700;margin:-1px auto 0;padding:12px;text-align:center;transition:all .2s ease-out;width:150px;input{clip-path:circle(0%);position:absolute}&:first-of-type{border-top:solid 1px var(--light-gray);border-top-left-radius:12px;border-top-right-radius:12px}&:last-of-type{border-bottom-left-radius:12px;border-bottom-right-radius:12px}&:has(input:checked){border:solid 1px var(--dark-gray);border-radius:12px;transform:scale(1.1);width:165px;z-index:1}}}main.welcome-tank-notes{textarea{min-height:200px;resize:none;width:100%}}@keyframes slide-from-right{0%{translate:100% 0}}@keyframes slide-to-left{to{translate:-100% 0;opacity:0}}@view-transition{navigation:auto}::view-transition{background:var(--light-yellow)}::view-transition-group(root){animation-duration:.5s}::view-transition-group(main){animation-duration:.5s;overflow:hidden}:root.slide{&::view-transition-old(main){animation-name:slide-to-left}&::view-transition-new(main){animation-name:slide-from-right}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:var(--light-yellow);color:var(--dark-plum);font-family:sans-serif;font-weight:300;font-size:16px;height:100dvh;margin:0 auto;max-width:var(--max-width)}body:has(main.step){display:grid;grid-template-rows:1fr min-content}body:has(main.dark){background-color:var(--dark-yellow);color:#fff}main{padding:var(--space-lg);&.step{overflow-x:hidden;overflow-y:scroll;view-transition-name:main}&:not(.step){height:100%}}p{font-size:16px;line-height:20px;text-wrap:pretty}h1{font-size:28px;a{text-decoration:none}}header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:var(--space-md)}a,button,label{cursor:pointer}nav{align-items:center;background-color:var(--light-yellow);display:flex;height:100px;justify-content:center;margin:0 auto;max-width:var(--max-width);padding:0 var(--space-lg);width:100%;&.bar{background-color:#fff;border-top:solid 1px var(--light-gray);.button-primary{background-color:var(--dark-plum)}}a,button{width:100%}}.alert-error{background-color:var(--plum);border-radius:5px;color:#fff;margin:24px 0;padding:12px}