body.setup-page{--th-color-paper: #fff;--th-color-ink: var(--navy);--th-color-ink-soft: rgba(23, 63, 121, .82);--th-color-line: var(--line);--th-color-cream: var(--cream);--th-color-ember: var(--orange);--th-color-ember-wash: var(--yellow-soft);--th-color-cobalt: var(--blue);--th-color-sky-wash: var(--sky);--th-color-leaf: #6FA84F;--th-color-leaf-wash: var(--grass);--th-space-xs: 4px;--th-space-sm: 8px;--th-space-md: 12px;--th-space-lg: 16px;--th-space-xl: 20px;--th-space-xxl: 24px;--th-space-xxxl: 32px;--th-radius-xl: 22px;--th-font-size-caption: 14px;--th-font-size-body: 16px;--th-font-size-subheading: 18px;--th-font-size-display: 34px;--th-onboarding-caption-size: 12px}*{box-sizing:border-box}body{margin:0;min-height:100svh;height:100svh;display:flex;flex-direction:column;background:var(--th-color-cream);color:var(--th-color-ink);font-family:Sora,system-ui,sans-serif;font-size:var(--th-font-size-body);line-height:1.6}.setup-page{--character:var(--th-color-ember);--wash:var(--th-color-ember-wash)}.sprout{--character:var(--th-color-leaf);--wash:var(--th-color-leaf-wash)}.pearl{--character:var(--th-color-cobalt);--wash:var(--th-color-sky-wash)}a{color:inherit;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--th-color-cobalt);outline-offset:var(--th-space-xs)}.skip{position:fixed;top:var(--th-space-sm);left:var(--th-space-sm);transform:translateY(-200%);padding:var(--th-space-md);background:var(--th-color-paper);z-index:10}.skip:focus{transform:none}.setup-header,.setup-hero,.chooser{width:min(1120px,calc(100% - var(--th-space-xxxl)*2));margin-inline:auto}.setup-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding-block:var(--th-space-xxl)}.setup-header img{display:block;width:148px;height:auto}.help-link{font-size:var(--th-font-size-caption);text-decoration:none}.help-link span{margin-left:var(--th-space-sm)}main{flex:1;min-height:0}.setup-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--th-space-xxl);height:100%;padding-block:var(--th-space-xxl) var(--th-space-xxxl)}h1,p{margin-top:0}.eyebrow{font-size:var(--th-onboarding-caption-size);letter-spacing:.13em;font-weight:700;margin:0 0 var(--th-space-xl);display:flex;align-items:center;gap:var(--th-space-sm)}.eyebrow>span{width:var(--th-space-sm);height:var(--th-space-sm);background:var(--character);border-radius:50%}h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.06em;margin-bottom:var(--th-space-xxl);max-width:540px}.name-line{display:block;width:220px;height:auto;object-fit:contain;margin-top:var(--th-space-xs)}.hero-description{font-size:var(--th-font-size-subheading);color:var(--th-color-ink-soft);margin-bottom:var(--th-space-xxxl)}.app-badges{display:flex;align-items:center;gap:var(--th-space-xxl)}.app-badges a,.app-badges img{display:block}.app-badges img{height:40px;width:auto;max-width:none}.hero-art{position:relative;min-height:0;height:100%;max-height:540px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-blob{position:absolute;background:var(--wash);width:94%;height:85%;border-radius:48% 52% 42% 58%/58% 40% 60% 42%;transform:rotate(-8deg);z-index:-1}.hero-character{width:auto;height:100%;max-height:460px;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 12px color-mix(in srgb,var(--th-color-ink) 9%,transparent))}.doodle{position:absolute;object-fit:contain}.star{top:8%;left:var(--th-space-sm);width:64px;height:64px;transform:rotate(-14deg)}.cloud{display:none}.speech-bubble{position:absolute;top:14%;right:0;color:var(--th-color-ink);font-size:var(--th-font-size-caption);font-weight:700;background:var(--th-color-paper);border:1px solid var(--th-color-line);border-radius:var(--th-radius-xl) var(--th-radius-xl) var(--th-radius-xl) var(--th-space-xs);padding:var(--th-space-md) var(--th-space-lg);box-shadow:0 4px 12px color-mix(in srgb,var(--th-color-ink) 5%,transparent);transform:rotate(-5deg)}.chooser{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:var(--th-space-xxl)}.chooser h1{margin-inline:auto}.chooser .eyebrow{justify-content:center}.friends{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--th-space-xl);max-width:640px;width:100%;margin:var(--th-space-xl) auto 0}.friend{display:flex;flex-direction:column;align-items:center;gap:var(--th-space-md);text-decoration:none;padding:var(--th-space-md);border-radius:var(--th-radius-xl)}.friend:hover{background:var(--th-color-paper)}.friend img{height:min(28svh,240px);width:100%;object-fit:contain}.friend span{font-size:var(--th-font-size-caption);font-weight:700}@media(max-width:760px){.setup-header,.setup-hero,.chooser{width:calc(100% - var(--th-space-xl)*2)}.setup-header{padding-block:var(--th-space-xl)}.setup-header img{width:118px}.help-link{font-size:var(--th-onboarding-caption-size)}.setup-hero{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:var(--th-space-xl);padding-block:var(--th-space-md) var(--th-space-xl);text-align:center}.hero-copy>.eyebrow{justify-content:center;font-size:11px;margin-bottom:var(--th-space-lg)}h1{font-size:51px;margin-inline:auto;margin-bottom:var(--th-space-lg)}.name-line{width:160px;margin-inline:auto}.hero-description{font-size:var(--th-font-size-body);margin-bottom:var(--th-space-xxl)}.app-badges{justify-content:center}.hero-art{max-height:400px;width:100%;align-self:center}.hero-character{max-height:340px}.art-blob{width:85%}.star{width:42px;height:42px;left:var(--th-space-lg);top:10%}.speech-bubble{top:14%;font-size:12px;padding:var(--th-space-md)}.chooser h1{font-size:var(--th-font-size-display)}.friends{gap:var(--th-space-xs)}.friend{padding:var(--th-space-sm)}}@media(max-width:760px)and (max-height:740px){.setup-header{padding-block:var(--th-space-lg)}.setup-hero{gap:var(--th-space-md);padding-top:var(--th-space-sm);padding-bottom:var(--th-space-lg)}h1{font-size:42px;margin-bottom:var(--th-space-md)}.hero-copy>.eyebrow{font-size:10px;margin-bottom:var(--th-space-md)}.name-line{width:140px}.hero-description{font-size:14px;margin-bottom:var(--th-space-lg)}.hero-character{max-height:280px}}@media(max-width:360px){.speech-bubble{top:0}.star{width:32px;height:32px}.app-badges{gap:var(--th-space-lg)}}@media(min-width:761px)and (max-height:600px),(min-width:560px)and (max-height:500px){.setup-hero{grid-template-columns:1fr 1fr;grid-template-rows:1fr;text-align:left}.hero-copy>.eyebrow{justify-content:flex-start}.app-badges{justify-content:flex-start;gap:var(--th-space-md)}.name-line{margin-inline:0}.hero-art{height:100%}.setup-header{padding-block:var(--th-space-md)}.setup-hero{padding-block:var(--th-space-sm) var(--th-space-lg)}h1{font-size:38px;margin-bottom:var(--th-space-md)}.name-line{width:140px}.eyebrow{font-size:10px;margin-bottom:var(--th-space-md)}.hero-description{font-size:14px;margin-bottom:var(--th-space-lg)}.speech-bubble{font-size:12px;padding:var(--th-space-sm)}.star{width:36px;height:36px}}body.setup-page{font-weight:500}a:focus-visible{outline-color:var(--navy)}.help-link{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2.5px solid var(--line);border-radius:999px;background:#fff;font-weight:700}.help-link:hover{border-color:var(--navy)}.eyebrow{font-size:inherit;letter-spacing:normal}.eyebrow>.pdp-eyebrow{width:auto;height:auto;background:#fff;border-radius:999px;font-size:16px}.eyebrow .pdp-eyebrow i{background:var(--character)}h1{font-weight:800;letter-spacing:-.035em;color:var(--navy)}.hero-description{font-weight:600}.speech-bubble{border:2.5px solid var(--line);color:var(--navy);font-weight:800;box-shadow:0 4px 0 var(--line)}.chooser>p:not(.eyebrow){font-weight:600;color:#173f79d1}.friend{background:#fff;border:2.5px solid var(--line);border-radius:26px;box-shadow:0 6px 0 var(--line);transition:transform .2s var(--ease),border-color .2s ease}.friend:hover{background:#fff;border-color:var(--navy);transform:translateY(-2px)}.friend span{font-weight:800;font-size:17px;color:var(--navy)}@media(max-width:760px){.eyebrow .pdp-eyebrow{font-size:15px}.help-link{padding:0 14px;font-size:14px}.friend span{font-size:15px}}@media(max-width:760px)and (max-height:740px){.eyebrow .pdp-eyebrow{font-size:14px;padding:6px 12px}}@media(prefers-reduced-motion:reduce){.friend{transition:none}.friend:hover{transform:none}}