.yoi-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;flex:none;border:1px solid #8c819550;border-radius:50%;background:#8c819515;color:inherit;padding:9px}
.yoi-theme-toggle svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}.yoi-theme-toggle:hover{background:#9c8cbd28}.yoi-theme-toggle:focus-visible{outline:3px solid #bba4df;outline-offset:3px}
html[data-theme=dark]{--bg:#13151d;--ink:#f1eef7;--muted:#b7b2c5;--line:#353242;--soft:#272334;--white:#20222e;--green:#253b34;--blue:#25343d;--surface:#1e202b;--surface-raised:#272937;--theme-accent:#c4acdF;color-scheme:dark;background:#13151d}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] :is(h1,h2,h3,h4,strong,b,legend){color:inherit}
html[data-theme=dark] :is(input,select,textarea){background:#20222e;color:#f1eef7;border-color:#454052;color-scheme:dark}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#aca6ba}
html[data-theme=dark] :is(input,select,textarea):focus{border-color:#b59bd2;box-shadow:0 0 0 3px #baa0de20}
html[data-theme=dark] :is(.card,.person,.profile-form,.modal,.messages,.discovery-card,.quiz-shell,.quiz-body,.care-q-shell,.care-card,.care-metric,.care-reward-card,.care-lab-result,.yoi-info-card,.yoi-item-card,.yoi-avi-card,.yoi-mood,.yoi-outfit,.yoi-collection,.yoi-reward,.yoi-account-box,.ya-account-box,.ya-access,.ya-checklist li,.ya-scenario-option,.xp-register-form,.xp-person-card,.xp-profile-menu,.xp-profile-menu button,.xp-starter-panel,.xp-starter-grid button,.xp-starter-moods button,.xp-avi-example-options>div,.yoi-studio-panel){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.xp-app-header,.mobile-nav){background:#181a24f5;border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.xp-logo .yoi-brand-art){filter:none}
html[data-theme=dark] :is(.xp-app-header nav>button,.mobile-nav button,.xp-account-pill,.xp-save-exit,.xp-back,.xp-home-link){color:#bbb4ca}
html[data-theme=dark] :is(.xp-app-header nav>button.active,.mobile-nav button.active,.thread.active,.care-thread.active,.care-thread-filter .active){background:#372e47;color:#e2cef8}
html[data-theme=dark] :is(.xp-app-header nav>button:hover,.thread:hover,.xp-profile-menu button:hover){background:#302a3f}
html[data-theme=dark] :is(.secondary,.chip,.view-switch,.view-switch button,.yoi-stage-tools button,.yoi-slot-tabs button,.yoi-item-info button,.yoi-tabs button,.care-lab-scenarios button,.xp-starter-tabs button){background:#262735;border-color:#474052;color:#e4ddec}
html[data-theme=dark] :is(.primary,.xp-cta){background:#f77668;color:#211d26}
html[data-theme=dark] :is(.primary,.xp-cta):hover{background:#ff9386}
html[data-theme=dark] :is(.primary,.xp-cta):disabled{background:#393444;color:#b2aabd}
html[data-theme=dark] :is(.yoi-tabs button.active,.yoi-slot-tabs button.active,.xp-starter-tabs button.active,.chip.active,.connect-modes button.active){background:#695281;color:#fff;border-color:#ac8dc7}
html[data-theme=dark] :is(.yoi-avi-card.selected,.yoi-mood.selected,.yoi-item-card.selected,.ya-scenario-option.selected,.xp-answer.selected,.answer.chosen,.xp-starter-grid button.selected,.xp-starter-moods button.selected,.avatar-option.selected){background:#393047;border-color:#c4a5e3;color:#f0e5fa}
html[data-theme=dark] :is(.xp-answer,.answer,.avatar-option,.avatar-grid-card){background:#232531;border-color:#464052;color:#f1edf6}
html[data-theme=dark] :is(.answer-index,.xp-answer>span:first-child,.xp-menu-icon,.yoi-reward-icon,.hint-icon,.permission-icon,.xp-purpose-icon){background:#3a3049;color:#d9c5ed}
html[data-theme=dark] :is(.ya-simulation-note,.ya-demo-code,.notice,.yoi-banner,.yoi-summary,.yoi-status-large,.yoi-purchase-total,.care-rule-note,.care-presence,.care-system,.care-closed-note,.care-identity,.profile-game,.warm-note,.hint-card,.icebreaker-btn,.common-item,.connection-summary,.quiz-banner,.photo-explanation,.xp-photo-explanation,.xp-purpose-note,.xp-round-end,.round-end){background:#2b2638;border-color:#4a3b5b;color:#d7c7e4}
html[data-theme=dark] :is(.ya-simulation-note strong,.ya-demo-code>strong,.yoi-status-large>span,.care-metric strong){color:#e2c7f7}
html[data-theme=dark] :is(.yoi-stage,.xp-starter-preview){background:radial-gradient(ellipse at 50% 20%,#3e3a52,#242632 75%);border-color:#494256;color:var(--ink)}
html[data-theme=dark] :is(.yoi-empty,.empty){background:#20222c;border-color:#51475d;color:#bbb2c8}
html[data-theme=dark] :is(.bubble,.care-bubble-wrap .bubble){background:#493d5d;color:#f5effb}
html[data-theme=dark] :is(.bubble.other,.care-bubble-wrap.other .bubble){background:#2d303d;color:#f3eef9}
html[data-theme=dark] :is(.chat-head,.chat-form,.threads,.host,.xp-discover-top,.care-chat-head,.care-chat-tools,.care-thread,.care-rules li,.yoi-list li,.ya-account-box dl>div){border-color:#393442}
html[data-theme=dark] :is(.yoi-pill,.status-badge,.affinity-pill,.care-slot-pill,.privacy-status){background:#3b304b;color:#e0c7f2;border-color:#665075}
html[data-theme=dark] :is(.yoi-pill.neutral,.tag,.xp-person-tags span,.person .tag){background:#2e303e;color:#cbc4d7}
html[data-theme=dark] :is(.yoi-pill.gold,.yoi-card-vip){background:#5a4627;color:#ffe2a1;border-color:#8c6a36}
html[data-theme=dark] :is(.yoi-private-notice,.care-rule-note.warn,.care-indicator.warn){background:#3d3026;color:#f3d2ac;border-color:#9b754b}
html[data-theme=dark] :is(.ya-error,.yoi-form-error){background:#432d34;color:#ffc7c3;border-color:#996269}
html[data-theme=dark] :is(.close,.bookmark){background:#393242;color:#e6dced}
html[data-theme=dark] :is(.card-label,.xp-example-label){background:#292330ee;color:#ede3f5}
html[data-theme=dark] :is(.text-button,.clue-link,.yoi-link-row button,.yoi-trust-link,.yoi-sources a,.ya-switch,.ya-scenarios summary,.xp-home-link,.xp-photo-lock,.photo-button){color:#cfb3e7}
html[data-theme=dark] :is(.yoi-help,.yoi-feedback,.yoi-compat,.yoi-family-line,.yoi-image-note,.yoi-stage-status,.yoi-list li,.yoi-mood-settings label,.yoi-item-info small,.ya-intro,.ya-footnote,.ya-local-notice,.ya-checklist small,.ya-account-box dt,.ya-check,.ya-verification-guide,.ya-scenario-option small,.ya-demo-label,.ya-shell .field small,.ya-demo-code p,.ya-demo-code>span,.ya-code-tools span,.ya-optional,.ya-mail,.ya-account-box dd,#ya-sync-note,.subtle,.readonly,.chat-hint,.card-desc,.host small,.place,.xp-profile-identity p,.xp-profile-menu small,.xp-local-note,.xp-form-note,.xp-quiz-note,.xp-quiz-progress-label,.question-sub,.care-q-note,.care-chat-status,.xp-person-quote,.xp-person-mood){color:#bbb2ca}
html[data-theme=dark] :is(.xp-kicker,.eyebrow,.yoi-kicker,.question-tag,.ya-shell>.xp-kicker){color:#c1a8d5}
html[data-theme=dark] :is(.xp-steps,.xp-steps li){color:#b6aec3}
html[data-theme=dark] .xp-steps li>span{background:#34303f;color:#c7bed5}
html[data-theme=dark] .xp-steps li.current>span{background:#69507e;color:#fff}
html[data-theme=dark] .xp-steps li.complete>span{background:#334d42;color:#c3ead4}
html[data-theme=dark] :is(.quiz-progress,.care-q-progress,.xp-quiz-progress,.yoi-rating-bar){background:#37313f}
html[data-theme=dark] :is(.yoi-stars span,.ya-scenario-option){background:#242632;color:#e4d9ef;border-color:#51465f}
html[data-theme=dark] .ya-scenario-option.selected{background:#392f48;border-color:#c5a6df}
html[data-theme=dark] .toast{background:#e4d9ef;color:#272331}
html[data-theme=dark] :is(.ya-shell .field label,.yoi-section-title h3,.yoi-stage h2,.xp-person-name,.care-hero h1){color:#f0eaf7}
html[data-theme=dark] :is(.xp-register-art,.hero,.lower){background:#292838;color:#f4edf9}
html[data-theme=dark] .xp-profile-menu button>svg{color:#c3afda}
html[data-theme=dark] .ya-shell .ya-scenario-option input[type=radio]{accent-color:#c7a5e2}
/* The light preference also applies to the landing page. */
html[data-theme=light] .xp-welcome{color-scheme:light;background:#f6f5f9;color:#272534}
html[data-theme=light] .xp-landing{background:radial-gradient(ellipse at 80% 20%,#e6e0f1,transparent 48%),#f6f5f9;color:#272534}
html[data-theme=light] :is(.xp-welcome-copy>p,.xp-how-grid li>p,.xp-section-lead,.xp-explain-section p,.xp-purpose-grid p,.xp-how>.xp-section-lead,.xp-disclaimer){color:#655b72}
html[data-theme=light] :is(.xp-welcome-copy h1 em,.xp-how-link,.xp-landing-bottom a,.xp-welcome-actions>a,.xp-welcome-note,.xp-final-invite h3,.xp-landing-footer){color:#536f65}
html[data-theme=light] .xp-login{background:#e7e1ed;color:#40324c;border-color:#cfc3d9}
html[data-theme=light] .xp-landing .yoi-brand-art{filter:brightness(.58)}
html[data-theme=light] :is(.xp-photo-explanation,.xp-purpose-note){background:#e9e2ee;color:#594a66;border-color:#d4c7df}
html[data-theme=light] :is(.xp-landing-bottom,.xp-explain-section,.xp-landing-footer){border-color:#dcd4e5}
@media(max-width:760px){.xp-onboarding-header{column-gap:12px}.xp-onboarding-header .yoi-theme-toggle{width:36px;height:36px;min-width:36px;padding:7px}.xp-onboarding-header .xp-save-exit{font-size:13px}.xp-landing-nav>div{gap:10px!important}.xp-app-header-inner{gap:12px}}