/* Clear entry, guided onboarding, and four focused destinations. */
:root{--bg:#f6f5f9;--ink:#272534;--muted:#7a7789;--line:#e7e4ed;--coral:#f77668;--mint:#c7f3b9;--dark:#13151d;--soft:#f0e7ef}
body{font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink)}
.yoi-boot>.sidebar,.yoi-boot>.main,.yoi-boot>.mobile-nav{visibility:hidden}
.sidebar,.topbar,#yoi-global-banner,.footer{display:none!important}
.main{max-width:1120px;margin:0 auto!important;padding:28px 36px 54px;min-height:calc(100dvh - 88px)}
.primary,.xp-cta{background:var(--coral);color:#221e27;border-radius:30px;font-weight:750;min-height:46px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;transition:transform .2s,background .2s}
.primary:hover,.xp-cta:hover{background:#ff8e7e;transform:translateY(-1px)}
.primary:disabled,.xp-cta:disabled{transform:none;background:#e8e4ed;color:#a39dad;opacity:1}
.secondary{border-radius:24px;min-height:44px;background:transparent;color:var(--ink)}
button:focus-visible,a:focus-visible{outline:3px solid #9f80d7;outline-offset:4px}
input:focus,select:focus,textarea:focus{border-color:#aa8aca;box-shadow:0 0 0 3px #c8b3e326}
.xp-kicker{font-size:15px;font-weight:750;letter-spacing:1.5px;text-transform:uppercase;display:block}
.xp-logo{display:inline-flex;align-items:center;font-size:47px;line-height:1;font-weight:800;letter-spacing:-2px;color:inherit;font-family:Manrope,Arial,sans-serif}
.xp-logo-symbol{display:none}.xp-logo-dot{color:var(--coral)}
.xp-brand-button{padding:0;display:inline-flex;color:inherit}
.xp-welcome{background:var(--dark);color:#faf8ff;color-scheme:dark}
.xp-entry .main{max-width:none;margin:0;padding:0;min-height:100dvh}
.xp-entry .mobile-nav,.xp-entry .xp-app-header{display:none!important}
.xp-landing{overflow:clip;background:radial-gradient(ellipse at 80% 30%,#24253655,transparent 46%),var(--dark)}
.xp-landing-nav{max-width:1320px;margin:auto;padding:34px 64px;display:flex;align-items:center;justify-content:space-between}
.xp-landing-nav>div{display:flex;align-items:center;gap:45px}
.xp-how-link,.xp-landing-bottom a{color:#cfccda;text-decoration:none;font-size:16px}
.xp-login{background:#ffffff0c;border:1px solid #ffffff28;padding:11px 22px;border-radius:28px;font-size:16px;display:flex;align-items:center;gap:14px;color:#f4f0fa}
.xp-login svg{width:17px}
.xp-welcome-hero{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;min-height:660px;padding:30px 64px 55px;gap:24px}
.xp-welcome-copy{position:relative;z-index:2}
.xp-welcome-copy .xp-kicker{color:#b6b1c2;font-size:14px;letter-spacing:1.9px;display:flex;align-items:center;gap:9px;margin-bottom:24px}
.xp-welcome-copy .xp-kicker>span{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 15px #c7f3b950}
.xp-welcome-copy h1{font-size:clamp(64px,6.9vw,94px);line-height:1.01;letter-spacing:-5.5px;font-weight:750;position:relative;width:max-content}
.xp-welcome-copy h1 em{font-style:normal;color:var(--mint)}
.xp-heading-star{font-family:Arial,sans-serif;font-size:50px;color:var(--coral);position:absolute;right:-70px;bottom:8px;transform:rotate(12deg)}
.xp-welcome-copy>p{font-size:18px;line-height:1.8;color:#b7b4c6;margin-top:26px}
.xp-welcome-copy .xp-cta{margin-top:30px;font-size:17px;min-height:54px;padding:15px 26px}
.xp-welcome-note{font-size:14px;color:#9793a8;margin-top:18px;line-height:1.7}.xp-welcome-note span{margin:0 7px}
.xp-constellation{height:540px;position:relative;isolation:isolate;min-width:0}
.xp-orbit{position:absolute;border:1px solid #ffffff08;border-radius:50%;z-index:-1}
.orbit-one{height:455px;width:455px;left:30px;top:40px;transform:rotate(-22deg)}
.orbit-two{height:555px;width:555px;left:-20px;top:-10px}
.xp-float{position:absolute;filter:drop-shadow(0 25px 20px #0002)}
.xp-portrait{border-radius:34px;position:relative;overflow:hidden;width:218px;height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff3b;box-shadow:inset 0 0 60px #ffffff0b}
.xp-portrait .yoi-avi{width:207px;height:214px;flex:none;stroke:none}
.xp-portrait>span{font-size:14px;color:#f0e8ffb8;position:absolute;bottom:18px;font-weight:650}
.xp-portrait.peach{background:#f4bd9c}.xp-portrait.lilac{background:#c5a7ef}.xp-portrait.mint{background:#b7d9bd}
.xp-float-one{left:4%;top:33px;transform:rotate(-12deg);z-index:2}
.xp-float-two{right:0;top:76px;transform:rotate(11deg);z-index:1}
.xp-float-three{left:30%;top:266px;transform:rotate(7deg);z-index:3}
.xp-float-three .xp-portrait{width:205px;height:240px}
.xp-hello{position:absolute;top:-30px;left:-17px;width:238px;z-index:4;font-size:15px;background:#faf6ff;color:#403847;padding:13px 16px;transform:rotate(7deg);border-radius:14px 14px 14px 3px;font-weight:600;box-shadow:0 7px 20px #0002}
.xp-hello span{color:#9c7bcb;float:right;font-size:18px;line-height:15px}
.xp-small-bubble{position:absolute;bottom:21px;right:-75px;border-radius:14px 14px 3px 14px;background:#fbf5e9;color:#453749;padding:13px 18px;transform:rotate(-12deg);font-size:16px;font-weight:650;white-space:nowrap;box-shadow:0 8px 30px #0002;display:flex;gap:10px;align-items:center}
.xp-small-bubble svg{color:#a87c56;width:18px}
.xp-doodle{position:absolute;color:var(--mint);font-size:45px}.d-one{top:0;right:52px;transform:rotate(14deg)}.d-two{left:8px;bottom:63px;color:#c3a7f2;font-size:42px}
.xp-affinity-sticker{position:absolute;right:-8px;top:345px;color:#aaa4bb;font-size:15px;line-height:1.8;transform:rotate(-6deg);z-index:4;padding:13px 16px;background:#1d202bd9;border:1px solid #ffffff12;border-radius:15px;backdrop-filter:blur(10px)}
.xp-affinity-sticker svg{color:var(--mint);width:15px;float:left;margin-right:9px;margin-top:7px}.xp-affinity-sticker b{font-weight:500;color:#eee9f7}
.xp-landing-bottom{max-width:1192px;margin:0 auto;padding:25px 0 29px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8b879e;font-size:14px;line-height:1.6}
.xp-landing-bottom>span:first-child{color:#bab4c7;font-size:16px}.xp-landing-bottom b{font-weight:600;color:#ece6f3}.xp-landing-bottom a{font-size:15px;display:flex;align-items:center;gap:20px}.xp-landing-bottom a span{font-size:23px;color:var(--mint)}
.xp-how{max-width:1192px;margin:0 auto;padding:98px 0 75px;border-top:1px solid #ffffff0b}
.xp-how>.xp-kicker{color:var(--mint);font-size:14px}.xp-how h2{font-size:46px;line-height:1.2;letter-spacing:-1.8px;margin-top:20px}
.xp-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:50px 0 36px}
.xp-how-grid article>span{font-size:15px;color:var(--coral);font-weight:750}.xp-how-grid h3{font-size:18px;letter-spacing:-.4px;margin:17px 0 13px}.xp-how-grid p{font-size:16px;color:#9691a6;line-height:1.85;max-width:300px}
.xp-disclaimer{font-size:14px;line-height:1.8;color:#777286;max-width:660px;margin-top:24px}
.xp-landing-footer{max-width:1192px;margin:auto;border-top:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;color:#8d879d;font-size:15px}.xp-landing-footer .xp-logo{font-size:34px;color:white}.xp-landing-footer button{font-size:15px;color:#a19bab}
/* A quiet, single-step onboarding. */
.xp-onboarding-header{height:110px;max-width:1200px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.xp-onboarding-header .xp-logo{font-size:41px}
.xp-steps{padding:0;list-style:none;display:flex;align-items:center;gap:34px;margin:0;color:#a4a0b0;font-size:15px;font-weight:600}.xp-steps li{display:flex;gap:8px;align-items:center}.xp-steps li>span{width:24px;height:24px;display:grid;place-items:center;background:#e9e6ee;border-radius:50%;font-size:14px}.xp-steps .current{color:var(--ink)}.xp-steps .current>span{background:#d3bdeb;color:#4e3d61}.xp-steps .complete>span{background:#dcebd6;color:#5b7353}.xp-steps svg{width:12px;height:12px}
.xp-save-exit{font-size:15px;color:var(--muted);display:flex;align-items:center;gap:10px}.xp-save-exit svg{width:15px}
.xp-register{display:grid;grid-template-columns:1fr 1fr;max-width:920px;margin:40px auto 65px;gap:90px;align-items:center;padding:0 25px}.xp-register-art{background:#e8dcf0;border-radius:34px;min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.xp-register-art>.yoi-avi{width:320px;height:360px;stroke:none;transform:rotate(-7deg);margin-top:-30px}.xp-register-art>.xp-kicker{position:absolute;top:30px;font-size:14px;color:#7a6386;z-index:1}.xp-art-caption{position:absolute;bottom:33px;left:30px;font:750 30px/1.15 Manrope,sans-serif;letter-spacing:-1px}.xp-art-caption em{font-style:normal;color:#8c619e}.xp-register-form>.xp-kicker{font-size:14px;color:#9675ab}.xp-register-form h1{font-size:47px;line-height:1.1;letter-spacing:-2px;margin:15px 0}.xp-register-form>p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:26px}.xp-register-form .field{margin-bottom:20px}.xp-register-form .field label{font-size:16px}.xp-register-form input{background:white;border-color:#e2dce9;border-radius:13px;font-size:16px;padding:14px}.xp-register-form .field small{font-size:14px}.xp-age-note{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--muted);margin:8px 0 23px}.xp-age-note input{width:17px;height:17px;accent-color:#a080b7}.xp-register-form .xp-cta{width:100%;font-size:16px}.xp-form-note{font-size:14px!important;line-height:1.8!important;color:#9c96a7!important;margin-top:17px!important}
.xp-quiz{max-width:550px;margin:27px auto 50px;padding:0 24px}.xp-quiz-progress-label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px;color:var(--muted);margin-bottom:12px}.xp-quiz-progress-label b{font-size:18px;color:var(--ink)}.xp-quiz-progress{height:4px;background:#e8e2ed;border-radius:10px;overflow:hidden}.xp-quiz-progress i{display:block;height:100%;background:#ae8ac6;border-radius:10px;transition:width .2s}.xp-question-mark{margin-top:32px;width:42px;height:42px;display:grid;place-items:center;background:#e9dff2;color:#8b679e;border-radius:14px}.xp-question-mark svg{width:21px;height:21px}.xp-quiz h1{font-size:36px;line-height:1.2;letter-spacing:-1.1px;margin:20px 0 11px}.xp-quiz>p{font-size:16px;color:var(--muted);line-height:1.7}.xp-answers{display:grid;gap:11px;margin:27px 0}.xp-answer{display:flex;align-items:center;gap:13px;min-height:64px;border:1px solid #e5dfeb;background:#fff;border-radius:15px;padding:14px 17px;font-size:16px;text-align:left;transition:border .15s,background .15s}.xp-answer>span{width:25px;height:25px;display:grid;place-items:center;background:#f2eef6;color:#aba1b3;border-radius:8px;font-size:14px;flex:none}.xp-answer i{margin-left:auto;color:transparent;display:grid;place-items:center}.xp-answer i svg{width:16px}.xp-answer.selected{background:#eee3f5;border-color:#b795cc}.xp-answer.selected>span{background:#c3a5d8;color:#fff}.xp-answer.selected i{color:#8d64a3}.xp-quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:27px 0 20px}.xp-quiz-controls .xp-cta{min-width:150px;font-size:16px}.xp-back{font-size:16px;color:var(--muted)}.xp-quiz-note{font-size:14px!important;line-height:1.9!important;color:#a09aaa!important;text-align:center}
.xp-starter{max-width:870px;margin:12px auto 55px;padding:0 24px}.xp-starter-heading{text-align:center}.xp-starter-heading>.xp-kicker{font-size:14px;color:#9a7baa}.xp-starter-heading h1{font-size:42px;line-height:1.17;letter-spacing:-1.6px;margin-top:12px}.xp-starter-heading h1 em{font-style:normal;color:#aa7ca5}.xp-starter-heading>p{font-size:16px;color:var(--muted);margin-top:13px}.xp-starter-workspace{display:grid;grid-template-columns:300px 1fr;gap:40px;margin-top:30px;align-items:start}.xp-starter-preview{position:relative;border-radius:29px;background:#e9dff1;min-height:340px;text-align:center;display:flex;align-items:center;flex-direction:column;padding:22px}.xp-starter-preview>span{font-size:14px;color:#8b739a}.xp-starter-preview .yoi-avi{width:230px;height:240px;stroke:none}.xp-starter-preview h2{font-size:23px;margin-top:-5px;letter-spacing:-.5px}.xp-starter-preview>p{font-size:15px;color:#9b7da9;margin-top:5px}.xp-starter-tabs{display:flex;gap:6px;padding:5px;background:#ede8f1;border-radius:26px;margin-bottom:22px}.xp-starter-tabs>button{flex:1;font-size:15px;padding:10px;border-radius:22px;color:#8d8198}.xp-starter-tabs>button.selected{background:white;color:#684a7a;box-shadow:0 2px 5px #38234008;font-weight:700}.xp-family-row{display:flex;align-items:center;gap:20px;margin-bottom:15px;font-size:15px;color:var(--muted)}.xp-family-row select{max-width:200px;margin-left:auto;font-size:15px;border-radius:13px;padding:10px}.xp-starter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.xp-starter-grid>button{min-width:0;border:1px solid var(--line);background:white;border-radius:15px;padding:5px 3px 11px;display:flex;align-items:center;flex-direction:column}.xp-starter-grid .yoi-avi{width:70px;height:75px;max-width:100%;stroke:none}.xp-starter-grid>button>span{font-size:13px;color:#85788c;line-height:1.3}.xp-starter-grid>button.selected{border-color:#b78acb;background:#f0e5f5}.xp-starter-panel h3{font-size:17px;margin:7px 0 20px}.xp-starter-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.xp-starter-colors button{background:var(--swatch);aspect-ratio:1;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #ddd5e3;display:grid;place-items:center}.xp-starter-colors button.selected{box-shadow:0 0 0 2px #887093}.xp-starter-colors svg{width:16px;color:#3d3041}.xp-custom-color{display:flex;align-items:center;justify-content:space-between;font-size:16px;color:var(--muted);margin-top:25px}.xp-custom-color input{width:45px;height:36px;padding:3px;border-radius:8px}.xp-starter-moods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.xp-starter-moods>button{border:1px solid var(--line);background:white;border-radius:15px;display:grid;place-items:center;padding:4px}.xp-starter-moods .yoi-avi{width:60px;height:65px;stroke:none}.xp-starter-moods span{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:5px}.xp-starter-moods button.selected{background:#eee3f4;border-color:#b695c8}.xp-starter-finish{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:20px}.xp-starter-finish p{max-width:280px;font-size:15px;color:var(--muted);line-height:1.7}.xp-starter-finish .xp-cta{font-size:16px}
/* The app itself. */
.xp-app-header{height:88px;background:#ffffffbc;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.xp-app-header-inner{height:100%;max-width:1240px;margin:auto;padding:0 45px;display:flex;justify-content:space-between;align-items:center;gap:35px}.xp-app-header .xp-logo{font-size:42px}.xp-app-header nav{display:flex;align-items:center;gap:8px}.xp-app-header nav>button{display:flex;align-items:center;gap:8px;color:#8d8599;font-size:16px;padding:12px 23px;border-radius:25px}.xp-app-header nav>button.active{background:#eee3f5;color:#7b568f;font-weight:700}.xp-app-header nav svg{width:17px;height:17px}.xp-account-pill{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;color:#706278}.xp-account-pill .yoi-avi{width:39px;height:43px;stroke:none}.mobile-nav{display:none}.xp-discover{max-width:470px;margin:0 auto}.xp-discover-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.xp-discover-top .xp-kicker{font-size:13px;color:#a088aa;letter-spacing:1.5px}.xp-discover-top h1{font-size:30px;letter-spacing:-1px;margin-top:7px}.xp-icon-button{height:41px;width:41px;background:white;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;color:#9b84a5}.xp-icon-button svg{height:19px;width:19px}.xp-person-card{border:0;border-radius:27px;box-shadow:0 8px 35px #41254508}.xp-person-card .identity-art{height:246px;background:#e8d9f0;background-image:radial-gradient(circle at 70% 20%,#f6effa 0,transparent 55%)}.xp-person-card .identity-art:before{width:200px;height:200px;left:calc(50% - 100px);top:20px;border-color:#fff5}.xp-person-card .identity-art:after{width:300px;height:300px;left:calc(50% - 150px);top:-30px;border-color:#fff4}.xp-person-card .persona-avatar{width:205px;height:205px;background:transparent!important;border-radius:0;z-index:1}.xp-person-card .persona-avatar>.yoi-avi{width:100%;height:100%;stroke:none}.xp-example-label{position:absolute;left:19px;top:19px;font-size:13px;padding:6px 10px;background:#ffffff7a;color:#a28aad;border-radius:14px;z-index:2}.xp-photo-lock{position:absolute;right:17px;top:17px;border-radius:50%;width:31px;height:31px;background:#ffffff8c;z-index:2;display:grid;place-items:center;color:#987ba8}.xp-photo-lock svg{width:14px;height:14px}.xp-art-spark{position:absolute;left:84px;top:75px;color:#bfa2d4;font-size:34px;transform:rotate(12deg)}.xp-person-mood{position:absolute;bottom:14px;right:18px;background:#fff9;border:1px solid #fff7;font-size:13px;border-radius:16px;padding:6px 10px;color:#8b729b;z-index:2;display:flex;gap:6px;align-items:center}.xp-person-mood svg{width:11px;height:11px}.xp-person-content{padding:23px 25px 20px}.xp-person-name{display:flex;align-items:center;justify-content:space-between;gap:10px}.xp-person-name h2{font-size:28px;letter-spacing:-.8px}.affinity-pill{border:0!important;font-size:13px!important;background:#eee7f5!important;padding:7px 10px!important;color:#9972ae!important;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.affinity-pill svg{width:12px;height:12px}.xp-person-content .place{font-size:14px;margin-top:7px;color:#a093aa}.xp-person-content .place svg{width:12px;height:12px}.xp-person-quote{font-size:17px;line-height:1.75;color:#6f637a;margin-top:20px}.xp-person-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.xp-person-tags>span{padding:6px 9px;background:#f5f2f8;font-size:13px;color:#9a8aa4;border-radius:8px}.xp-starter-question{display:block;text-align:left;margin-top:20px;border-top:1px solid #f1edf5;padding:15px 0 0;font-size:14px;line-height:1.7;color:#8f7e9c;width:100%;position:relative;padding-right:20px}.xp-starter-question>span{display:block;font-size:13px;letter-spacing:.6px;color:#b19abd;margin-bottom:2px}.xp-starter-question>svg{position:absolute;right:0;top:28px;width:15px}.xp-card-actions{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:21px}.xp-card-actions .xp-cta{min-width:195px;min-height:50px;font-size:16px;box-shadow:0 5px 18px #f776681a}.xp-pass,.xp-save{display:grid;justify-items:center;gap:4px;color:#aa9cb5;font-size:12px;min-width:50px}.xp-pass>svg,.xp-save>svg{width:22px;height:22px;background:white;box-sizing:content-box;padding:11px;border:1px solid #e8e2ee;border-radius:50%}.xp-save.chosen{color:#aa70af}.xp-save.chosen>svg{background:#eadbf0}.xp-round-dots{display:flex;align-items:center;justify-content:center;gap:5px;margin:19px auto 0}.xp-round-dots i{width:4px;height:4px;background:#d7c9e0;border-radius:50%}.xp-round-dots i.active{width:16px;border-radius:3px;background:#ad8bc0}.xp-local-note{text-align:center;font-size:13px;line-height:1.8;color:#b3a6bd;margin-top:14px}.xp-page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 0}.xp-page-title h1{font-size:34px;letter-spacing:-1px;margin-top:9px}.xp-page-title .xp-kicker{font-size:13px;color:#aa8bb2}.xp-page-title p{font-size:16px;color:var(--muted);margin-top:9px}.xp-plan-tools{display:flex;gap:9px;align-items:center}.xp-plan-tools button{font-size:15px}.chip.active{background:#9d7aac;border-color:#9d7aac}.chip{border-color:#e5deeb;font-size:15px;color:#9c8aa7;padding:9px 14px}.card{border:0;box-shadow:0 5px 20px #31213a05;border-radius:21px}.card-art{height:165px}.card-body{padding:22px}.card-label{border-radius:13px}.card h3{font-size:20px}.card-desc{font-size:16px}.meta{color:#ae8097;font-size:14px}.host button{color:#9775a6}.xp-plans-grid{gap:22px}.xp-round-end{max-width:440px;text-align:center;margin:0 auto;padding:25px}.xp-round-end>.yoi-avi{width:200px;height:210px;stroke:none}.xp-round-end h1{font-size:34px;letter-spacing:-1px;margin-top:10px}.xp-round-end p{font-size:16px;color:var(--muted);line-height:1.8;margin:17px 0 23px}.xp-round-end button{margin:5px}
.xp-profile{max-width:560px;margin:auto}.xp-profile-identity{text-align:center;padding:3px 0 27px}.xp-profile-identity>.yoi-avi{width:125px;height:140px;stroke:none}.xp-profile-identity h1{font-size:30px;letter-spacing:-.8px;margin-top:4px}.xp-profile-identity p{font-size:15px;color:var(--muted);margin:9px 0 11px}.xp-profile-identity p svg{width:12px;height:12px}.xp-profile-identity>.text-button{font-size:14px;color:#a17cb3}.xp-profile-menu{background:#fff;border-radius:23px;padding:6px 20px;box-shadow:0 5px 25px #33213d04}.xp-profile-menu>button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border-bottom:1px solid #f1edf5;padding:17px 0}.xp-profile-menu>button:last-child{border:0}.xp-menu-icon{width:37px;height:37px;border-radius:13px;background:#f3edf7;display:grid;place-items:center;color:#aa8db8;flex:none}.xp-menu-icon svg{width:18px;height:18px}.xp-profile-menu b{display:block;font-size:16px;font-weight:650}.xp-profile-menu small{display:block;font-size:14px;color:#aba0b3;margin-top:5px;line-height:1.6}.xp-profile-menu>button>svg{margin-left:auto;flex:none;color:#c3b7cb;width:15px}.xp-home-link{font-size:15px;color:#a493b1;display:block;margin:26px auto 0}.page-heading{margin:12px 0 24px}.page-heading h1{font-size:32px}.page-heading p{font-size:16px}.page-heading .eyebrow{color:#a98bb6;font-size:13px}.care-chat-summary{padding:15px 18px!important}.messages{border-radius:22px;border-color:#e8e2ef}.thread.active{background:#eee3f5}.chat-form .primary{color:#382b3e}.care-chat-tools{gap:6px!important}.care-chat-tools button{background:#f7f3fa!important;border-radius:12px!important;font-size:13px!important}.care-bubble-wrap .bubble{background:#ede2f3}.yoi-link-row{margin-top:18px}.yoi-link-row>button{font-size:14px;color:#aa94b5}.care-slot-pill{background:#eee5f5}.care-hero{margin-top:0}.care-hero h1{font-size:32px}.care-hero p{font-size:16px}.care-metrics{grid-template-columns:repeat(4,1fr)}.yoi-hero{margin-top:5px}.yoi-hero h1{font-size:35px}.yoi-hero p{font-size:16px}.yoi-profile-actions{gap:8px}.yoi-private-notice{font-size:15px}.modal{background:#fcfaff}.modal .primary{color:#2c2333}.toast{left:50%;background:#352a40}.yoi-stage-actions .primary{color:#35273e}.yoi-top-link{display:none}.xp-studio-page .yoi-collection{margin-top:25px}
@media(min-width:1500px){.xp-welcome-hero{min-height:700px}.xp-constellation{transform:scale(1.05)}.xp-person-card .identity-art{height:260px}}
@media(max-width:1200px){.xp-landing-nav{padding:30px 45px}.xp-welcome-hero{padding:30px 45px 45px;min-height:640px}.xp-landing-bottom,.xp-how,.xp-landing-footer{margin-left:45px;margin-right:45px}.xp-welcome-copy h1{font-size:78px}.xp-constellation{transform:scale(.9);transform-origin:center right}.xp-affinity-sticker{right:-20px}.xp-heading-star{font-size:40px;right:-55px}.xp-register{gap:65px}}
@media(max-width:960px){.xp-landing-nav{padding:27px 32px}.xp-welcome-hero{padding:20px 32px 45px;grid-template-columns:1fr 1fr;gap:0;min-height:600px}.xp-welcome-copy h1{font-size:67px;letter-spacing:-4px}.xp-welcome-copy>p{font-size:17px}.xp-constellation{transform:scale(.78);width:480px;margin-left:-110px;transform-origin:center right}.xp-landing-bottom,.xp-how,.xp-landing-footer{margin-left:32px;margin-right:32px}.xp-landing-bottom .xp-demo-tag{display:none}.xp-heading-star{right:-45px;font-size:39px}.xp-welcome-copy .xp-kicker{font-size:13px;letter-spacing:1.2px}.xp-how-grid{gap:30px}.xp-how h2{font-size:39px}.xp-register{gap:40px;max-width:800px}.xp-register-art{min-height:470px}.xp-register-form h1{font-size:41px}.xp-onboarding-header{padding:20px 30px}.xp-steps{gap:20px}.xp-app-header-inner{padding:0 30px;gap:20px}.xp-app-header nav>button{padding:12px 16px}.main{padding-left:25px;padding-right:25px}.xp-plan-tools{flex-direction:column;align-items:stretch}.xp-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
.main{padding:22px 20px 102px;min-height:calc(100dvh - 70px)}.xp-app-header{height:70px;position:sticky;top:0;z-index:30;background:#f6f5f9ed}.xp-app-header-inner{padding:0 23px}.xp-app-header .xp-logo{font-size:34px}.xp-app-header nav{display:none}.xp-account-pill{font-size:14px;gap:4px}.xp-account-pill .yoi-avi{width:35px;height:38px}.xp-account-pill>span:not(.yoi-avi){display:none}.mobile-nav{display:flex;border:0;border-top:1px solid #eee7f4;background:#ffffffee;backdrop-filter:blur(12px);padding:11px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 25px #3d284904}.mobile-nav>button{font-size:13px;gap:5px;color:#b3a1be;min-width:65px;padding:2px 8px}.mobile-nav>button svg{width:21px;height:21px}.mobile-nav>button.active{color:#9671aa}.mobile-nav>button.active svg{fill:#ebdbf3;stroke:#9671aa}.xp-entry .main{padding:0}.xp-landing-nav{padding:24px}.xp-landing-nav .xp-logo{font-size:41px}.xp-landing-nav>div{gap:0}.xp-how-link{display:none}.xp-login{padding:10px 17px;font-size:15px;gap:10px}.xp-login svg{width:14px}.xp-welcome-hero{grid-template-columns:1fr;padding:27px 27px 25px;gap:14px;min-height:auto}.xp-welcome-copy h1{font-size:66px;letter-spacing:-4px;line-height:1.02}.xp-welcome-copy h1 br:nth-of-type(1){display:block}.xp-welcome-copy h1 br:nth-of-type(2){display:block}.xp-welcome-copy h1{max-width:100%;width:100%}.xp-welcome-copy h1:has(br){font-size:clamp(54px,9vw,76px)}.xp-welcome-copy .xp-kicker{font-size:12px;letter-spacing:1.3px;margin-bottom:20px}.xp-welcome-copy>p{font-size:16px;line-height:1.8;margin-top:19px}.xp-welcome-copy>p br:nth-of-type(1){display:none}.xp-welcome-copy>p br:nth-of-type(2){display:none}.xp-welcome-copy .xp-cta{margin-top:24px;min-height:49px;padding:13px 22px;font-size:16px}.xp-welcome-note{font-size:12px;margin-top:13px}.xp-heading-star{font-size:39px;right:25px;bottom:8px}.xp-constellation{transform:none;width:100%;height:350px;margin:7px 0 0}.xp-portrait{width:164px;height:191px;border-radius:24px}.xp-portrait .yoi-avi{width:160px;height:165px}.xp-portrait>span{font-size:12px;bottom:12px}.xp-float-one{left:4%;top:30px;transform:rotate(-11deg)}.xp-float-two{right:5%;top:52px;transform:rotate(12deg)}.xp-float-three{left:34%;top:171px;transform:rotate(7deg)}.xp-float-three .xp-portrait{width:155px;height:179px}.xp-float-three .yoi-avi{width:145px;height:155px}.xp-hello{font-size:12px;width:185px;padding:10px 12px;left:-5px;top:-18px;border-radius:11px 11px 11px 3px}.xp-hello span{font-size:16px}.xp-small-bubble{font-size:14px;padding:10px 12px;right:-52px;bottom:16px;gap:5px}.xp-small-bubble svg{width:13px;height:13px}.d-one{font-size:34px;top:-12px;right:0}.d-two{font-size:35px;left:4px;bottom:25px}.xp-affinity-sticker{font-size:12px;padding:9px 11px;top:260px;right:6%;border-radius:12px}.xp-affinity-sticker svg{width:12px;margin-right:5px}.orbit-one{width:300px;height:300px;left:calc(50% - 150px);top:20px}.orbit-two{width:370px;height:370px;left:calc(50% - 185px);top:-15px}.xp-landing-bottom,.xp-how,.xp-landing-footer{margin-left:27px;margin-right:27px}.xp-landing-bottom{padding:23px 0;font-size:13px}.xp-landing-bottom>span:first-child{font-size:14px}.xp-landing-bottom a{font-size:13px;gap:14px}.xp-how{padding:55px 0 46px}.xp-how>.xp-kicker{font-size:12px}.xp-how h2{font-size:34px;letter-spacing:-1px;margin-top:17px}.xp-how-grid{grid-template-columns:1fr;gap:26px;margin:35px 0}.xp-how-grid article{display:grid;grid-template-columns:25px 1fr;column-gap:12px}.xp-how-grid article>span{margin-top:3px;font-size:14px}.xp-how-grid article h3{margin:0 0 9px;font-size:17px}.xp-how-grid article p{grid-column:2;font-size:16px;max-width:350px}.xp-how .xp-cta{font-size:16px;min-height:48px}.xp-disclaimer{font-size:13px;margin-top:22px}.xp-landing-footer{padding:25px 0;font-size:13px;flex-wrap:wrap}.xp-landing-footer .xp-logo{font-size:32px}.xp-landing-footer button{font-size:13px}.xp-landing-footer>span{display:none}
.xp-onboarding-header{padding:22px;height:auto;min-height:85px;flex-wrap:wrap;gap:20px}.xp-onboarding-header .xp-logo{font-size:36px}.xp-save-exit{font-size:14px}.xp-steps{order:3;width:100%;justify-content:space-between;gap:10px;max-width:450px;margin:0 auto;padding:10px 0 0;font-size:13px}.xp-steps li{gap:5px}.xp-steps li>span{width:22px;height:22px;font-size:13px}.xp-register{display:block;margin:23px auto 40px;padding:0 27px;max-width:450px}.xp-register-art{display:none}.xp-register-form>.xp-kicker{font-size:13px}.xp-register-form h1{font-size:42px;letter-spacing:-1.6px}.xp-register-form>p{font-size:16px;margin-bottom:26px}.xp-register-form .field{margin-bottom:21px}.xp-register-form input{font-size:16px;min-height:48px}.xp-age-note input{min-height:0}.xp-register-form .xp-cta{min-height:50px}.xp-form-note{font-size:13px!important}.xp-quiz{margin:24px auto 35px;padding:0 25px;max-width:500px}.xp-question-mark{margin-top:27px}.xp-quiz h1{font-size:32px;letter-spacing:-1px;margin-top:19px}.xp-quiz>p{font-size:16px}.xp-answer{min-height:63px;font-size:16px;border-radius:14px;padding:13px}.xp-answer>span{font-size:13px;flex:none}.xp-answers{margin:25px 0;gap:11px}.xp-quiz-controls{margin-top:25px}.xp-quiz-controls .xp-cta{min-height:48px}.xp-quiz-note{font-size:13px!important}.xp-starter{margin:23px auto 35px;padding:0 23px;max-width:510px}.xp-starter-heading h1{font-size:34px;letter-spacing:-1.1px}.xp-starter-heading>p{font-size:15px}.xp-starter-workspace{display:block;margin-top:23px}.xp-starter-preview{min-height:0;height:226px;max-width:270px;margin:0 auto 23px;border-radius:25px;padding:15px}.xp-starter-preview>span{font-size:13px}.xp-starter-preview .yoi-avi{height:164px;width:170px}.xp-starter-preview h2{font-size:20px;margin-top:-9px}.xp-starter-preview p{font-size:14px;margin-top:3px}.xp-starter-panel{max-width:390px;margin:auto}.xp-starter-tabs{margin-bottom:17px}.xp-starter-grid .yoi-avi{width:65px;height:66px}.xp-starter-grid>button>span{font-size:12px}.xp-starter-finish{flex-direction:column-reverse;margin-top:25px;gap:12px}.xp-starter-finish>.xp-cta{width:100%;max-width:390px;min-height:49px;font-size:15px}.xp-starter-finish p{font-size:13px;text-align:center;max-width:270px}.xp-starter-moods .yoi-avi{width:58px;height:60px}.xp-starter-moods>button span{font-size:12px}.xp-starter-colors{gap:14px}.xp-starter-panel h3{font-size:16px}
.xp-discover{max-width:430px}.xp-discover-top{margin-bottom:18px}.xp-discover-top h1{font-size:28px}.xp-discover-top .xp-kicker{font-size:12px}.xp-icon-button{width:37px;height:37px}.xp-person-card{border-radius:24px}.xp-person-card .identity-art{height:208px}.xp-person-card .persona-avatar{height:180px;width:180px}.xp-person-card .identity-art:before{width:180px;height:180px;left:calc(50% - 90px);top:12px}.xp-person-card .identity-art:after{width:270px;height:270px;left:calc(50% - 135px);top:-35px}.xp-art-spark{font-size:30px;left:20%;top:60px}.xp-person-content{padding:20px}.xp-person-name h2{font-size:26px}.xp-person-name .affinity-pill{font-size:12px!important;padding:7px 8px!important}.xp-person-quote{font-size:16px;line-height:1.8;margin-top:16px}.xp-person-tags{margin-top:13px;gap:5px}.xp-person-tags>span{font-size:12px;padding:6px 8px}.xp-starter-question{margin-top:16px;font-size:13px;padding-top:12px}.xp-starter-question>span{font-size:12px}.xp-starter-question>svg{top:23px}.xp-person-mood{font-size:12px;bottom:12px;right:14px}.xp-example-label{left:15px;top:15px;font-size:12px}.xp-photo-lock{right:13px;top:13px;width:28px;height:28px}.xp-card-actions{gap:16px;margin-top:19px}.xp-card-actions .xp-cta{min-width:165px;font-size:16px;min-height:49px}.xp-pass>svg,.xp-save>svg{width:20px;height:20px;padding:10px}.xp-round-dots{margin-top:15px}.xp-local-note{font-size:12px}.xp-page-title{display:block;margin:0 0 0}.xp-page-title h1{font-size:30px;line-height:1.2;margin-top:8px}.xp-page-title p{font-size:15px}.xp-page-title .xp-kicker{font-size:12px}.xp-plan-tools{flex-direction:row;justify-content:space-between;margin-top:20px}.xp-plan-tools button{font-size:14px;min-height:39px;padding:9px 15px}.xp-plans-grid{grid-template-columns:1fr;gap:20px}.xp-plans-grid .card-art{height:165px}.xp-plans-grid .card h3{font-size:21px}.xp-plans-grid .card-desc{font-size:16px}.filters{padding:18px 0}.xp-profile{max-width:440px}.xp-profile-identity{padding:0 0 24px}.xp-profile-identity>.yoi-avi{width:115px;height:130px}.xp-profile-identity h1{font-size:28px}.xp-profile-menu{padding:3px 17px;border-radius:20px}.xp-profile-menu>button{padding:15px 0;gap:13px}.xp-profile-menu b{font-size:15px}.xp-profile-menu small{font-size:13px;margin-top:4px}.xp-menu-icon{height:34px;width:34px;border-radius:12px}.xp-home-link{font-size:14px;margin-top:23px}.messages{min-height:450px;border-radius:18px}.care-chat-summary{align-items:flex-start!important;gap:10px!important}.care-chat-summary p{font-size:14px!important;line-height:1.7}.care-chat-summary button{font-size:14px!important}.care-chat-tools{flex-wrap:wrap}.care-chat-head{padding:15px!important}.care-chat-person strong{font-size:16px}.care-chat-person small{font-size:13px}.care-chat-tools button{padding:6px 9px!important;font-size:12px!important}.care-chat-status{font-size:13px!important;padding:12px 15px!important}.page-heading{margin:0 0 20px}.page-heading h1{font-size:30px}.page-heading p{font-size:15px}.care-metrics{grid-template-columns:repeat(2,1fr)}.care-hero{padding:23px;display:block}.care-hero h1{font-size:30px}.care-hero-art{display:none}.care-two{grid-template-columns:1fr}.care-card h2{font-size:20px}.care-rules li{font-size:15px}.yoi-hero{margin-top:0}.yoi-hero h1{font-size:30px}.yoi-hero p{font-size:15px}.yoi-hero .secondary{font-size:13px;padding:10px}.yoi-studio{gap:16px}.yoi-stage{top:0!important}.yoi-stage-actions{padding-bottom:0}.yoi-tabs button{font-size:14px}.toast{bottom:90px;max-width:90vw;font-size:15px}.xp-entry .toast{bottom:22px}.overlay{padding:14px}.modal{padding:25px;border-radius:23px}.modal h2{font-size:25px}.modal p{font-size:16px}.modal button{font-size:15px}.profile-form{padding:20px}
}
@media(max-width:390px){.xp-welcome-hero{padding-left:23px;padding-right:23px}.xp-welcome-copy h1:has(br){font-size:52px;letter-spacing:-3px}.xp-heading-star{right:0;font-size:32px}.xp-welcome-copy>p{font-size:16px}.xp-constellation{height:320px}.xp-float-one{left:1%}.xp-float-two{right:0;top:65px}.xp-portrait{width:145px;height:175px}.xp-portrait .yoi-avi{width:140px;height:150px}.xp-float-three{top:167px;left:32%}.xp-float-three .xp-portrait{width:140px;height:160px}.xp-float-three .yoi-avi{width:133px;height:137px}.xp-hello{width:176px;left:3px}.xp-small-bubble{right:-42px;font-size:13px}.xp-affinity-sticker{top:265px;right:0}.xp-person-card .identity-art{height:190px}.xp-person-card .persona-avatar{height:166px;width:166px}.xp-card-actions{gap:9px}.xp-card-actions .xp-cta{min-width:155px}.xp-person-content{padding:18px}.xp-person-name .affinity-pill{font-size:12px!important}.xp-quiz h1{font-size:30px}.xp-starter-grid{gap:6px}.xp-starter-grid .yoi-avi{width:62px;height:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.xp-host-avi{display:flex;width:30px;height:32px;flex:none}.xp-host-avi .persona-avatar,.xp-host-avi .yoi-avi{width:30px;height:32px;stroke:none;border-radius:10px}.xp-host-avi .persona-avatar{background:transparent!important}.xp-local-note{color:#95859e}.xp-person-content .place{color:#92809f}.xp-person-tags>span{color:#85708f}.xp-person-name .affinity-pill{color:#8a609e!important}.xp-starter-question{color:#82708d}.xp-starter-question>span{color:#9882a5}.xp-person-mood{color:#80608f}.xp-example-label{color:#897193}
/* Larger type and clear explanations throughout the experience. */
:root{--muted:#6f667d}
body{font-size:17px}
.xp-welcome-hero{grid-template-columns:1.05fr 1fr;gap:50px;padding-bottom:65px;min-height:780px}
.xp-welcome-copy>p{font-size:19px;line-height:1.7;max-width:530px;color:#c6c1d2;margin-top:18px}
.xp-welcome-copy .xp-welcome-lead{margin-top:28px}
.xp-welcome-lead strong{font-weight:650;color:#f3eefb}
.xp-welcome-copy>p strong{color:#f3eefb;font-weight:600}
.xp-welcome-copy .xp-kicker{font-size:13px;color:#c0b8cd;letter-spacing:1.4px}
.xp-welcome-copy h1{font-size:84px;letter-spacing:-4.6px}
.xp-welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}
.xp-welcome-actions>.xp-cta{margin:0;font-size:17px;min-height:56px}
.xp-welcome-actions>a{color:var(--mint);font-size:16px;text-decoration:underline;text-underline-offset:6px}
.xp-welcome-note{font-size:14px;color:#b4aabf;max-width:510px;line-height:1.8}
.xp-landing-nav>div{gap:25px}.xp-login{font-size:16px;min-height:46px}
.xp-how-link{font-size:16px}
.xp-portrait>span{font-size:13px}.xp-hello{font-size:14px;width:260px;left:-25px}.xp-small-bubble{font-size:16px}
.xp-landing-bottom{padding:28px 0}.xp-landing-bottom>span:first-child,.xp-landing-bottom a{font-size:15px}.xp-demo-tag{font-size:13px}
.xp-explain-section{max-width:1192px;margin:0 auto;padding:90px 0;border-top:1px solid #ffffff14;scroll-margin-top:28px}
.xp-explain-section .xp-kicker,.xp-how>.xp-kicker{font-size:13px;color:var(--mint);letter-spacing:1.3px;line-height:1.8}
.xp-explain-section h2,.xp-how h2{font-size:46px;letter-spacing:-1.6px;line-height:1.18;margin:18px 0 25px}
.xp-explain-section p,.xp-how>.xp-section-lead{font-size:18px;line-height:1.8;color:#bdb5cb;margin-top:18px}
.xp-explain-section strong,.xp-how>.xp-section-lead{color:#eee8f7}
.xp-avi-explanation{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.xp-avi-description p{max-width:570px}
.xp-photo-explanation{display:flex;align-items:flex-start;gap:13px;margin-top:25px;border-top:1px solid #ffffff12;padding-top:7px}
.xp-photo-explanation>svg{width:22px;height:22px;flex:none;margin-top:24px;color:var(--mint)}
.xp-photo-explanation p{font-size:16px;color:#bdb5cb}
.xp-avi-example-main{max-width:320px;margin:0 auto;background:#c7adeb;border-radius:35px;padding:10px 25px 20px;text-align:center;color:#342744;transform:rotate(-4deg)}
.xp-avi-example-main>.yoi-avi{width:100%;height:270px;stroke:none;display:block}.xp-avi-example-main>span{display:block;font-size:15px;font-weight:600;line-height:1.7}
.xp-avi-example-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:30px}
.xp-avi-example-options>div{min-width:0;text-align:center}.xp-avi-example-options .yoi-avi{display:block;width:100%;height:125px;stroke:none}.xp-avi-example-options span{display:block;font-size:14px;color:#d2c6df;margin-top:9px;line-height:1.6}
.xp-avi-examples>p{font-size:15px;text-align:center;color:#bdb5cb;margin-top:25px}
.xp-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:38px}
.xp-purpose-grid article{padding:28px 0 0;border-top:1px solid #ffffff1b}
.xp-purpose-icon{width:54px;height:54px;border-radius:18px;background:#252331;display:grid;place-items:center;color:var(--mint);margin-bottom:22px}.xp-purpose-icon svg{width:25px;height:25px}
.xp-purpose-grid h3{font-size:27px;letter-spacing:-.7px}.xp-purpose-grid p{font-size:18px}
.xp-purpose .xp-purpose-note{font-size:18px;color:#e0d6eb;border-left:3px solid #c7f3b980;padding-left:22px;margin-top:36px}
.xp-how{scroll-margin-top:25px;padding-top:85px}.xp-how>.xp-section-lead{max-width:700px}
.xp-how-grid{list-style:none;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 60px;margin:40px 0}
.xp-how-grid li{border-top:1px solid #ffffff1b;padding-top:25px}
.xp-how-grid li>span{font-size:18px;color:var(--coral);font-weight:700}
.xp-how-grid li>h3{font-size:25px;letter-spacing:-.6px;margin:13px 0}
.xp-how-grid li>p{font-size:18px;line-height:1.8;color:#bdb5cb;max-width:500px}
.xp-disclaimer{font-size:15px;color:#aca1bb;line-height:1.8;max-width:820px;margin-top:26px}
.xp-landing-footer{font-size:15px}.xp-landing-footer button{font-size:15px}
.xp-register{max-width:1000px;gap:65px}.xp-register-form>p{font-size:17px;line-height:1.8}.xp-register-form input{font-size:17px;min-height:52px}.xp-form-note{font-size:14px!important;color:#81728b!important}.xp-register-form .field small{color:#81728b}.xp-age-note{font-size:16px}.xp-age-note input{min-height:0}
.xp-steps{font-size:15px;gap:25px}.xp-steps li>span{height:28px;width:28px;font-size:13px}.xp-onboarding-header{gap:20px}.xp-save-exit{font-size:14px}
.xp-quiz{max-width:650px}.xp-quiz>p{font-size:17px}.xp-answer{font-size:17px;min-height:72px}.xp-answer>span{width:30px;height:30px;font-size:13px}.xp-quiz-controls .xp-cta{font-size:17px;min-height:52px}.xp-quiz-note{font-size:14px!important;color:#81728b!important}.xp-quiz h1{font-size:36px}.xp-back{font-size:16px}
.xp-starter-heading>p{font-size:17px;line-height:1.8;max-width:650px;margin:15px auto 0}.xp-starter-finish p{font-size:15px;max-width:340px}.xp-starter-finish .xp-cta{font-size:16px}.xp-starter-grid>button>span,.xp-starter-moods span{color:#74617f}.xp-family-row{font-size:16px}.xp-family-row select{font-size:16px}
.xp-app-header nav>button{font-size:16px;padding:12px 18px}.xp-account-pill{font-size:15px}
.xp-person-card .xp-person-name{flex-wrap:wrap;align-items:center}.xp-person-name h2{font-size:30px}.xp-person-name .affinity-pill,.affinity-pill{font-size:14px!important;min-height:36px;color:#80538f!important;padding:8px 12px!important}.xp-person-content .place{font-size:15px;color:#7d698a}.xp-person-quote{font-size:17px;color:#65546f}.xp-person-tags>span{font-size:14px;color:#776080}.xp-starter-question{font-size:16px;color:#74617e;line-height:1.7}.xp-starter-question>span{font-size:13px;color:#8a6f99}.xp-starter-question>svg{top:36px}.xp-person-mood{font-size:13px;color:#765383}.xp-person-mood svg{width:15px;height:15px}.xp-example-label{font-size:13px;color:#765383}.xp-card-actions .xp-cta{font-size:17px;min-height:54px}.xp-pass,.xp-save{font-size:13px;color:#7f668c}.xp-local-note{font-size:13px;color:#8a7596}
.xp-page-title h1,.page-heading h1{font-size:36px}.xp-page-title p,.page-heading p{font-size:17px;line-height:1.8}.chip{font-size:15px;color:#7f668c;min-height:44px}.xp-plan-tools button{font-size:16px;min-height:46px}.card h3,.xp-plans-grid .card h3{font-size:23px}.card-desc,.xp-plans-grid .card-desc{font-size:16px;line-height:1.8}.meta,.place,.host-name{font-size:14px}.host small{font-size:13px}.host button{font-size:14px}.host{flex-wrap:wrap;row-gap:13px}.card-label{font-size:14px}
.xp-profile-menu b{font-size:17px}.xp-profile-menu small{font-size:14px;color:#887492}.xp-profile-identity p{font-size:16px}.xp-profile-identity>.text-button,.xp-home-link{font-size:15px}.xp-profile-menu>button{padding:20px 0}.xp-menu-icon{width:43px;height:43px}.xp-profile-menu>button>svg{width:19px}
.field label{font-size:16px}.field small,.subtle,.readonly{font-size:14px;line-height:1.8}input,textarea,select{font-size:17px}.primary,.secondary{font-size:16px;min-height:46px}.text-button{font-size:15px}.notice{font-size:14px!important;line-height:1.8!important}
.care-chat-summary p{font-size:15px!important}.care-chat-summary button{font-size:14px!important}.care-chat-person strong{font-size:18px}.care-chat-person small{font-size:13px}.care-chat-tools button{font-size:14px!important;min-height:40px}.care-chat-status{font-size:14px!important;line-height:1.8}.thread strong{font-size:16px}.thread small{font-size:13px}.bubble{font-size:17px;line-height:1.7}.chat-hint,.care-closed-note,.care-system{font-size:14px;line-height:1.8}.yoi-link-row>button{font-size:14px}.care-rule-note{font-size:14px!important;line-height:1.8}
.care-card p,.care-rules li,.care-presence p{font-size:16px;line-height:1.8}.care-card h2{font-size:25px}.care-card h3{font-size:21px}.care-metric span{font-size:14px}.care-actions button{font-size:16px}.care-rewards p,.care-rewards strong{font-size:16px}
.yoi-hero h1{font-size:36px}.yoi-hero p,.yoi-help,.yoi-list,.yoi-info-card p,.yoi-status-large p{font-size:17px;line-height:1.8}.yoi-tabs button{font-size:16px;min-height:46px}.yoi-studio-panel h3{font-size:23px}.yoi-section-title small,.yoi-compat,.yoi-feedback,.yoi-image-note,.yoi-stage-status,.yoi-family-line{font-size:14px!important;line-height:1.8}.yoi-avi-card strong,.yoi-mood span,.yoi-item-info strong{font-size:15px}.yoi-avi-card small,.yoi-item-info small,.yoi-pill,.yoi-private-notice{font-size:13px}.yoi-item-info button,.yoi-color-title label,.yoi-mood-settings label{font-size:15px}.yoi-avi-card .yoi-card-vip{font-size:12px}.yoi-three h3{font-size:23px}.modal p{font-size:16px}.modal h2{font-size:30px}.modal button{font-size:16px}.toast{font-size:15px}
@media(max-width:1250px){.xp-explain-section{margin-left:45px;margin-right:45px}.xp-avi-explanation{gap:45px}.xp-welcome-hero{gap:30px}.xp-welcome-copy h1{font-size:76px}.xp-landing-nav>div{gap:20px}.xp-hello{width:245px;font-size:13px}.xp-purpose-grid{gap:40px}}
@media(max-width:960px){.xp-explain-section{margin-left:32px;margin-right:32px}.xp-welcome-hero{gap:15px;grid-template-columns:1.1fr 1fr}.xp-welcome-copy h1{font-size:66px}.xp-welcome-copy>p{font-size:18px}.xp-welcome-actions{gap:18px}.xp-welcome-actions>.xp-cta{font-size:16px}.xp-landing-nav>div{gap:16px}.xp-how-link{font-size:14px}.xp-avi-explanation{gap:30px}.xp-explain-section h2,.xp-how h2{font-size:39px}.xp-explain-section p,.xp-how-grid li>p{font-size:17px}.xp-avi-example-options{gap:8px}.xp-avi-example-options span{font-size:13px}.xp-avi-example-options .yoi-avi{height:95px}.xp-avi-example-main>.yoi-avi{height:230px}.xp-onboarding-header .xp-steps{font-size:14px;gap:17px}.xp-app-header-inner{gap:15px}.xp-app-header nav>button{padding:12px 13px;font-size:15px}.xp-account-pill>span:not(.yoi-avi){display:none}.xp-register{padding:0 30px;gap:35px}.xp-how-grid{gap:30px}.xp-starter-workspace{gap:25px;grid-template-columns:280px 1fr}}
@media(max-width:760px){
 body{font-size:17px}.main{padding:25px 20px 120px}.mobile-nav{padding-top:12px}.mobile-nav>button{font-size:14px;min-width:64px}.mobile-nav>button svg{width:24px;height:24px}
 .xp-entry .main{padding:0}.xp-landing-nav{padding:25px 23px}.xp-login{font-size:16px;padding:10px 18px;min-height:46px}.xp-how-link{display:none}.xp-welcome-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:27px 25px 32px;gap:28px}.xp-welcome-copy h1,.xp-welcome-copy h1:has(br){font-size:60px;letter-spacing:-3.2px;line-height:1.05}.xp-heading-star{font-size:35px;right:8px}.xp-welcome-copy .xp-kicker{font-size:12px;letter-spacing:1px;margin-bottom:23px;line-height:1.8}.xp-welcome-copy>p{font-size:18px;line-height:1.75;margin-top:16px}.xp-welcome-copy .xp-welcome-lead{margin-top:24px}.xp-welcome-actions{margin-top:26px;gap:20px}.xp-welcome-actions>.xp-cta{font-size:17px;min-height:54px;padding:14px 22px}.xp-welcome-actions>a{font-size:16px}.xp-welcome-note{font-size:14px;margin-top:18px;line-height:1.8}.xp-welcome-note span{margin:0 4px}.xp-constellation{height:350px;max-width:430px;width:100%;margin:15px auto 0}.xp-hello{font-size:12px;width:220px;padding:12px;top:-28px}.xp-portrait>span{font-size:11px;bottom:12px}.xp-small-bubble{font-size:14px;padding:12px;right:-42px}.xp-small-bubble svg{width:16px;height:16px}.xp-landing-bottom{padding:25px 0;align-items:flex-start}.xp-landing-bottom>span:first-child,.xp-landing-bottom a{font-size:14px}.xp-landing-bottom a{line-height:1.8;gap:12px}.xp-landing-bottom,.xp-explain-section,.xp-how,.xp-landing-footer{margin-left:25px;margin-right:25px}.xp-explain-section{padding:52px 0}.xp-avi-explanation{display:flex;flex-direction:column;gap:35px}.xp-explain-section .xp-kicker,.xp-how>.xp-kicker{font-size:12px;line-height:1.8;letter-spacing:1px}.xp-explain-section h2,.xp-how h2{font-size:34px;letter-spacing:-1px;margin:17px 0 22px;line-height:1.2}.xp-explain-section p,.xp-how>.xp-section-lead{font-size:17px;line-height:1.85;margin-top:17px}.xp-photo-explanation{gap:12px;margin-top:23px}.xp-photo-explanation>svg{width:20px;height:20px;margin-top:21px}.xp-photo-explanation p{font-size:15px}.xp-avi-examples{width:100%;max-width:410px}.xp-avi-example-main{max-width:260px;border-radius:28px;padding:8px 22px 17px}.xp-avi-example-main>.yoi-avi{height:220px}.xp-avi-example-main>span{font-size:14px}.xp-avi-example-options{margin-top:25px;gap:10px}.xp-avi-example-options .yoi-avi{height:95px}.xp-avi-example-options span{font-size:13px}.xp-avi-examples>p{font-size:15px;line-height:1.8}.xp-purpose-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.xp-purpose-grid h3{font-size:25px}.xp-purpose-grid p{font-size:17px}.xp-purpose-icon{width:48px;height:48px;margin-bottom:20px}.xp-purpose .xp-purpose-note{font-size:17px;padding-left:17px;margin-top:30px}.xp-how{padding:52px 0 45px}.xp-how-grid{grid-template-columns:1fr;gap:27px;margin:28px 0}.xp-how-grid li{display:grid;grid-template-columns:32px 1fr;column-gap:13px;padding-top:23px}.xp-how-grid li>span{font-size:17px;grid-row:1/3;line-height:1.7}.xp-how-grid li>h3{font-size:23px;line-height:1.3;margin:0 0 12px}.xp-how-grid li>p{font-size:17px;line-height:1.85;grid-column:2;max-width:none}.xp-how .xp-cta{font-size:17px;min-height:54px}.xp-disclaimer{font-size:14px;line-height:1.85;margin-top:25px}.xp-landing-footer button{font-size:15px}.xp-landing-footer .xp-logo{font-size:33px}
 .xp-onboarding-header{padding:23px 22px;row-gap:24px}.xp-onboarding-header .xp-steps{font-size:13px;gap:9px;padding-top:0}.xp-steps li{gap:7px;line-height:1.5}.xp-steps li>span{width:25px;height:25px;font-size:12px}.xp-save-exit{font-size:14px;gap:6px}.xp-register{margin-top:22px;padding:0 25px}.xp-register-form>.xp-kicker{font-size:13px}.xp-register-form h1{font-size:42px;line-height:1.15}.xp-register-form>p{font-size:17px;line-height:1.8;margin-bottom:27px}.xp-register-form .field label{font-size:17px}.xp-register-form input{font-size:17px;min-height:53px}.xp-register-form .field small{font-size:14px;line-height:1.8}.xp-register-form .xp-cta{font-size:16px;min-height:54px}.xp-age-note{font-size:16px;line-height:1.8}.xp-age-note input{min-height:0;height:19px;width:19px}.xp-form-note{font-size:14px!important;line-height:1.85!important}.xp-quiz{padding:0 24px;margin-top:24px}.xp-quiz-progress-label{font-size:15px;align-items:flex-start}.xp-quiz-progress-label b{font-size:20px}.xp-quiz h1{font-size:32px;line-height:1.25;letter-spacing:-1px}.xp-quiz>p{font-size:17px;line-height:1.8}.xp-answer{font-size:17px;min-height:75px;padding:15px;gap:12px}.xp-answer>span{width:28px;height:28px;font-size:13px}.xp-answer i svg{width:17px}.xp-quiz-controls{gap:12px;align-items:flex-start}.xp-quiz-controls .xp-cta{font-size:16px;min-height:52px;min-width:150px;padding:13px 20px}.xp-back{font-size:16px;padding:14px 0}.xp-quiz-note{font-size:14px!important;line-height:1.85!important}
 .xp-starter-heading>.xp-kicker{font-size:13px}.xp-starter-heading h1{font-size:34px}.xp-starter-heading>p{font-size:17px;line-height:1.8;max-width:410px}.xp-starter-workspace{display:block;margin-top:28px}.xp-starter-preview{height:258px}.xp-starter-preview>span{font-size:14px}.xp-starter-preview .yoi-avi{height:175px;width:180px}.xp-starter-preview h2{font-size:24px}.xp-starter-preview>p{font-size:15px}.xp-starter-tabs>button{font-size:16px;min-height:45px;padding:10px 8px}.xp-family-row{font-size:16px;gap:12px}.xp-family-row select{font-size:16px;min-height:46px}.xp-starter-grid>button>span{font-size:12px}.xp-starter-grid>button{padding-bottom:10px}.xp-starter-moods span{font-size:12px}.xp-starter-panel h3{font-size:21px}.xp-custom-color{font-size:16px}.xp-starter-finish p{font-size:14px;max-width:350px}.xp-starter-finish .xp-cta{font-size:16px;min-height:54px}
 .xp-discover-top h1{font-size:32px}.xp-discover-top .xp-kicker{font-size:12px}.xp-person-card .identity-art{height:205px}.xp-example-label{font-size:12px}.xp-person-mood{font-size:12px}.xp-person-content{padding:22px}.xp-person-name h2{font-size:30px}.xp-person-name .affinity-pill{font-size:13px!important;min-height:35px;padding:8px 10px!important}.xp-person-content .place{font-size:15px}.xp-person-quote{font-size:17px;line-height:1.8;margin-top:18px}.xp-person-tags>span{font-size:13px;line-height:1.7}.xp-starter-question{font-size:16px;line-height:1.8;padding-top:15px}.xp-starter-question>span{font-size:13px}.xp-starter-question>svg{top:36px}.xp-card-actions{gap:13px;flex-wrap:wrap}.xp-card-actions .xp-cta{font-size:17px;min-height:54px;min-width:160px}.xp-pass,.xp-save{font-size:13px;gap:7px}.xp-local-note{font-size:13px;line-height:1.8}
 .xp-page-title h1,.page-heading h1{font-size:32px}.xp-page-title .xp-kicker{font-size:12px}.xp-page-title p,.page-heading p{font-size:17px}.xp-plan-tools{gap:9px;align-items:stretch}.xp-plan-tools button{font-size:15px;min-height:48px;padding:10px 14px}.chip{font-size:15px;padding:11px 16px}.xp-plans-grid .card h3{font-size:24px;line-height:1.4}.xp-plans-grid .card-desc{font-size:16px;line-height:1.8}.meta,.place,.host-name{font-size:14px}.host small{font-size:13px}.host button{font-size:14px}.card-label{font-size:14px}
 .xp-profile-identity h1{font-size:32px}.xp-profile-identity p{font-size:16px}.xp-profile-identity>.text-button{font-size:15px}.xp-profile-menu b{font-size:17px}.xp-profile-menu small{font-size:14px;line-height:1.7}.xp-profile-menu>button{padding:19px 0;gap:13px}.xp-profile-menu{padding:5px 17px}.xp-menu-icon{width:39px;height:39px}.xp-home-link{font-size:16px}.xp-profile-menu>button>svg{width:18px}
 .care-chat-summary{flex-wrap:wrap}.care-chat-summary p{font-size:15px!important}.care-chat-summary button{font-size:14px!important}.care-chat-person strong{font-size:18px}.care-chat-person small{font-size:13px;line-height:1.8}.care-chat-tools button{font-size:14px!important;padding:9px 11px!important;min-height:42px}.care-chat-status{font-size:14px!important;line-height:1.8}.thread strong{font-size:16px}.thread small{font-size:13px}.bubble{font-size:17px;line-height:1.8}.chat-hint,.care-closed-note{font-size:14px;line-height:1.8}.care-card h2{font-size:25px}.care-card p,.care-rules li{font-size:16px}.care-metric span{font-size:14px}.care-hero h1{font-size:32px}.care-hero p{font-size:16px}.care-card button{font-size:15px}
 .yoi-hero h1{font-size:32px}.yoi-hero p,.yoi-help{font-size:17px}.yoi-hero .secondary{font-size:14px;min-height:44px}.yoi-hero{flex-wrap:wrap;gap:17px}.yoi-tabs button{font-size:15px;min-height:45px}.yoi-avi-card strong{font-size:14px}.yoi-avi-card small{font-size:12px}.yoi-mood span{font-size:13px}.yoi-stage-actions .primary{font-size:16px}.yoi-section-title small{font-size:13px!important}.yoi-item-info strong{font-size:17px}.yoi-item-info small{font-size:14px}.yoi-item-info button{font-size:15px}.yoi-private-notice{font-size:14px;line-height:1.8}.modal h2{font-size:29px}.modal p{font-size:16px;line-height:1.8}.modal button{font-size:16px}.toast{font-size:15px}
}
@media(max-width:390px){.xp-welcome-copy h1,.xp-welcome-copy h1:has(br){font-size:56px;letter-spacing:-3px}.xp-welcome-copy>p{font-size:18px}.xp-welcome-hero{padding:24px}.xp-heading-star{font-size:29px;right:0}.xp-constellation{height:330px}.xp-portrait>span{font-size:10px}.xp-hello{width:205px;font-size:12px;left:3px}.xp-float-two{right:0;top:70px}.xp-float-three{top:170px}.xp-small-bubble{font-size:13px;right:-33px}.xp-person-name{gap:10px}.xp-person-name .affinity-pill{font-size:13px!important}.xp-card-actions{gap:9px}.xp-card-actions .xp-cta{min-width:155px;font-size:17px}.xp-quiz h1{font-size:31px}.xp-starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.xp-starter-grid .yoi-avi{height:80px;width:76px}.xp-onboarding-header .xp-steps{font-size:12px;gap:7px}.xp-steps li{gap:5px}.xp-quiz-controls{flex-wrap:wrap}}
.xp-heading-avi{display:none}
@media(max-width:760px){.xp-welcome-copy h1>.xp-heading-star{display:none}.xp-heading-avi{position:absolute;display:block;width:88px;height:100px;right:1px;bottom:-8px;transform:rotate(8deg)}.xp-heading-avi>.yoi-avi{display:block;width:100%;height:100%;stroke:none}.xp-onboarding-header .xp-steps{color:#81718d}.xp-starter-preview{flex-shrink:0}}
@media(max-width:360px){.xp-heading-avi{width:72px;height:83px;right:0;bottom:-2px}.xp-welcome-copy h1,.xp-welcome-copy h1:has(br){font-size:53px}}

/* The selected headline stays large and readable without crowding the avis. */
.xp-welcome-copy h1.xp-friendship-headline{font-size:clamp(56px,5.8vw,76px);line-height:1.06;letter-spacing:-3.5px}
.xp-final-invite{margin-top:34px}
.xp-final-invite h3{font-size:30px;line-height:1.25;letter-spacing:-.7px;margin-bottom:20px;color:#faf8ff}
@media(max-width:960px) and (min-width:761px){.xp-welcome-copy h1.xp-friendship-headline{font-size:55px;letter-spacing:-2.8px}}
@media(max-width:760px){.xp-welcome-copy h1.xp-friendship-headline{font-size:clamp(44px,13vw,56px);letter-spacing:-2.4px}.xp-friendship-headline .xp-heading-avi{width:75px;height:85px;right:0;bottom:-4px}.xp-final-invite h3{font-size:29px}}
@media(max-width:360px){.xp-welcome-copy h1.xp-friendship-headline{font-size:clamp(40px,13vw,46px);letter-spacing:-2px}.xp-friendship-headline .xp-heading-avi{width:64px;height:74px}}

/* Keep the four main destinations stable and reachable with a thumb. */
.xp-context-nav{max-width:1120px;margin:0 auto 18px}.xp-context-nav button{min-height:44px;padding:8px 0;font-size:15px;color:var(--ink);text-align:left}
.xp-profile-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.xp-profile-shortcuts button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;padding:14px 8px;background:var(--white);border:1px solid var(--line);border-radius:18px}
.xp-profile-shortcuts svg{width:24px;height:24px;color:var(--coral)}.xp-profile-shortcuts b{font-size:16px}.xp-profile-shortcuts small{font-size:12px;color:var(--muted)}
@media(max-width:760px){
 .mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));min-height:76px;z-index:40;border-top:1px solid var(--line)}
 .mobile-nav>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:56px;min-width:0;border-radius:16px;font-size:13px;padding:6px 2px;line-height:1.2}
 .mobile-nav>button.active{background:#eadff3;color:#583970;font-weight:750}.mobile-nav>button.active::before{content:'';position:absolute;top:2px;width:22px;height:3px;background:currentColor;border-radius:3px}
 .mobile-nav>button svg{width:24px;height:24px}.mobile-nav .hc-nav-badge{top:2px;right:15%;font-size:11px;min-width:19px;height:19px;line-height:17px}
 .main{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.xp-context-nav{margin-bottom:12px}.xp-context-nav button{min-height:44px}
 .xp-profile-shortcuts{gap:8px}.xp-profile-shortcuts button{min-height:105px}.xp-profile-shortcuts b{font-size:14px}
}
html[data-theme=dark] .xp-profile-shortcuts button{background:var(--surface);color:var(--ink)}
@media(prefers-reduced-motion:reduce){.mobile-nav>button{transition:none}}

.hc-inbox-search{display:block;font-weight:650;font-size:14px;margin:18px 0 24px}.hc-inbox-search input{display:block;margin-top:8px;min-height:48px;font-size:16px;border-radius:24px;padding:12px 18px}.hc-inbox-search input::-webkit-search-cancel-button{cursor:pointer}