.avatar-conversation{background:var(--page,#f7f8f5);padding:20px clamp(16px,4vw,64px) 60px;color:#24352e;overflow:auto}.voice-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.avatar-conversation button{cursor:pointer;border:1px solid #ced5cc;border-radius:22px;background:#fff;color:#24352e;padding:11px 17px;font:500 13px system-ui;min-height:44px}.avatar-conversation button:disabled{opacity:.5;cursor:default}.avatar-conversation .primary{background:#233e35;color:white;border-color:#233e35}.voice-page-header>span{font-size:10px;letter-spacing:1.6px;color:#6b776e}.voice-room{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(24px,5vw,80px);max-width:1350px;margin:auto}.voice-avatar-wrap{min-height:520px;height:min(690px,78dvh);border-radius:34px;background:radial-gradient(ellipse at 50% 35%,#dce7dd,#ecede8 65%,#f4f3ee);position:sticky;top:0;overflow:hidden}.voice-orbit-halo{position:absolute;inset:12% 10%;border:1px solid #8fa69977;border-radius:50%;box-shadow:0 0 90px #c0d2be55;pointer-events:none}.voice-avatar-wrap #voice-avatar{position:absolute;inset:0}.voice-avatar-wrap canvas{display:block;touch-action:pan-y}.voice-avatar-label{position:absolute;left:24px;right:24px;bottom:20px;border:1px solid #ffffff88;border-radius:22px;background:#f7f8f0e8;padding:17px 22px;pointer-events:none;backdrop-filter:blur(14px)}.voice-avatar-label>span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#5c7364}.voice-avatar-label h1{font-size:clamp(24px,2.8vw,39px);font-weight:500;line-height:1.08;letter-spacing:-1px;margin:10px 0}.voice-avatar-label small{font-size:10px;color:#5a685e}#voice-visual-status{position:absolute;left:20px;top:15px;font-size:12px}.voice-dialogue{min-width:0;padding:15px 0}.voice-introduction h2{font-size:clamp(24px,3vw,35px);letter-spacing:-1px;font-weight:500;margin:14px 0}.voice-introduction p{font-size:14px;color:#637066}#voice-thread{max-height:330px;overflow:auto;overscroll-behavior:contain;margin:22px 0 10px;scroll-behavior:smooth}.voice-bubble{padding:14px 18px;background:#ecefe9;border-radius:19px 19px 19px 4px;margin:12px 22px 12px 0}.voice-bubble.user{margin:12px 0 12px 30px;background:#dfe9f7;border-radius:19px 19px 4px 19px}.voice-bubble small{font-size:8px;letter-spacing:1px;color:#657364}.voice-bubble p{font-size:15px;line-height:1.6;white-space:pre-wrap;margin:6px 0}#voice-partial{min-height:22px;font-style:italic;color:#657369;font-size:14px}#voice-status{min-height:36px;font-size:12px;line-height:1.5;color:#5c6d63}.voice-main-actions{display:flex;gap:8px;flex-wrap:wrap}.voice-main-actions #voice-talk{padding:14px 24px;font-size:15px}.voice-main-actions button[hidden]{display:none}.voice-handsfree{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:12px}.voice-handsfree input{width:17px;height:17px}#voice-text-form{display:flex;gap:10px;padding:7px;border-radius:28px;border:1px solid #cbd3c8;background:#fff}#voice-text{flex:1;min-width:0;border:0;background:transparent;color:#263a30;padding:8px 10px;font:16px system-ui;outline:none}.voice-session-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.voice-session-links button{font-size:11px;padding:7px 12px;background:transparent;min-height:36px}.voice-disclosure{font-size:11px;line-height:1.7;color:#66726a;margin:20px 0}.voice-disclosure summary{cursor:pointer}.voice-setup{max-width:1300px;margin:55px auto 0;border-top:1px solid #d2dacd;padding-top:35px}.voice-setup[hidden]{display:none}.voice-setup h2{font-size:34px;letter-spacing:-1px;font-weight:500;margin:12px 0}.voice-setup p{font-size:13px;line-height:1.6;color:#66746b}.voice-style-controls{display:flex;gap:16px;flex-wrap:wrap;margin:25px 0}.voice-setup label{display:block;font-size:12px;flex:1}.voice-setup select{display:block;width:100%;padding:12px;border:1px solid #cdd7cd;border-radius:12px;background:#fff;color:#263a30;font:14px system-ui;margin:10px 0}.voice-training-grid{display:grid;grid-template-columns:1fr .8fr;gap:32px}.voice-training-grid article{border:1px solid #d4dccf;background:#fff;border-radius:22px;padding:23px;margin-bottom:18px}.voice-training-grid article>span{font-size:10px;color:#7f9382}.voice-training-grid h3{font-size:20px;letter-spacing:-.5px;margin:9px 0}.voice-training-grid textarea{width:100%;min-height:84px;border:1px solid #d5ddcf;border-radius:12px;padding:12px;font:15px system-ui;resize:vertical}.voice-training-grid aside{padding:24px;border-radius:24px;background:#edf0e9;align-self:start}.voice-record-actions{display:flex;gap:8px}.voice-setup audio{width:100%;margin:15px 0}.voice-setup-note{font-size:11px!important;border-top:1px solid #ccd5c7;padding-top:15px}#voice-sample-list>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}#voice-sample-list strong{flex:1;font-size:12px}#voice-sample-list button{padding:7px 10px;min-height:32px;font-size:11px}.voice-setup input[type=range]{display:block;width:100%;margin:15px 0}.voice-page-header button:last-child{background:#e9eddf}.avatar-conversation[data-phase=listening] .voice-orbit-halo{border:2px solid #6e9d87}.avatar-conversation[data-phase=speaking] .voice-orbit-halo{border:2px solid #888fc0;box-shadow:0 0 70px #aeb6d988}.life-layout:has(.avatar-conversation){display:block}.life-layout:has(.avatar-conversation)>aside{display:none}body:has(.avatar-conversation) .personal-checkin{display:none}.welcome-voice-cta{position:relative;z-index:4;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;margin-top:12px;border-radius:24px;padding:11px 20px;border:1px solid #a9bbab;background:#253e34;color:white!important;font:500 13px system-ui;cursor:pointer}.orbit-character .welcome-voice-cta{pointer-events:auto}.theme-dark .avatar-conversation{background:#111318;color:#f3f4f7}.theme-dark .voice-avatar-wrap{background:radial-gradient(ellipse at 50% 35%,#414f5b,#252b38 65%,#171b23)}.theme-dark .voice-avatar-label{background:#202630e8;border-color:#586574;color:#fff}.theme-dark .voice-avatar-label :is(span,small){color:#c1cbd4}.theme-dark .voice-bubble,.theme-dark .voice-training-grid aside{background:#282f38;color:white}.theme-dark .voice-bubble.user{background:#283a54}.theme-dark .avatar-conversation :is(p,.voice-disclosure){color:#c2c9d2}.theme-dark .voice-training-grid article{background:#20262f;border-color:#535e6b}.theme-dark .voice-introduction .eyebrow{color:#b8c8bd}.theme-dark #voice-partial{color:#bfcbbf}@media(max-width:800px){.avatar-conversation{padding:12px 14px 40px}.voice-page-header{gap:8px}.voice-page-header>span{display:none}.voice-page-header button{font-size:12px;padding:10px 13px}.voice-room{grid-template-columns:1fr;gap:8px}.voice-avatar-wrap{height:340px;min-height:0;position:relative;border-radius:26px}.voice-avatar-label{left:12px;right:12px;bottom:10px;padding:10px 15px}.voice-avatar-label h1{font-size:22px;margin:5px 0}.voice-avatar-label h1 br{display:none}.voice-avatar-label small{font-size:9px}.voice-introduction h2{font-size:26px}.voice-dialogue{padding-top:5px}.voice-introduction .eyebrow{display:none}#voice-thread{max-height:230px;margin-top:12px}.voice-training-grid{grid-template-columns:1fr}.voice-style-controls{display:grid;grid-template-columns:1fr;gap:8px}}

.voice-experiments{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.voice-experiments>span{width:100%;font-size:11px;color:#758376;margin-bottom:3px}.voice-experiments button{padding:8px 12px;min-height:36px;font-size:11px;background:transparent}.avatar-conversation[data-phase=thinking] .voice-experiments,.avatar-conversation:has(.voice-bubble) .voice-experiments{display:none}.voice-training-grid details{margin-top:14px;font-size:12px}.voice-training-grid summary{cursor:pointer;margin-bottom:10px}.voice-avatar-wrap{min-height:400px;height:calc(100dvh - 210px);max-height:690px}@media(max-width:800px){.voice-avatar-wrap{height:300px;min-height:300px}.voice-avatar-label h1{display:none}.voice-avatar-label{padding:9px 14px}.voice-avatar-label small{display:block;margin-top:4px}}
/* The AI room: one spatial scene, with controls kept out of the conversation. */
.ai-cloud-room{position:relative!important;height:calc(100dvh - var(--youai-header-height,80px));min-height:580px;padding:0!important;overflow:hidden!important;color:#253c50;background:#d9e6ee}.ai-cloud-room #ai-cloud-stage{position:absolute;inset:0}.ai-cloud-room canvas{display:block;width:100%;height:100%}.ai-room-top{position:absolute;top:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:2}.ai-room-top>span{font:600 11px system-ui;letter-spacing:2px}.ai-room-top i{display:block;font:400 11px system-ui;letter-spacing:0;margin-top:5px;opacity:.65}.ai-room-top>div{display:flex;gap:8px}.ai-cloud-room button{background:#ffffffa8;border:1px solid #ffffffc9;color:#263f54;border-radius:30px;padding:11px 18px;min-height:44px;font:500 13px system-ui;cursor:pointer;backdrop-filter:blur(18px)}.ai-cloud-room button:hover{background:#fff}.ai-room-title{position:absolute;top:100px;left:0;right:0;text-align:center;pointer-events:none}.ai-room-title>span{font:500 9px system-ui;letter-spacing:2px;color:#667c90}.ai-room-title h1{font:400 clamp(24px,3vw,42px) system-ui;letter-spacing:-1.5px;margin:10px 0}.ai-room-title p{font:12px system-ui;color:#62768a}.ai-room-console{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(640px,92%);text-align:center}.ai-room-console #ai-room-talk{display:inline-flex;align-items:center;gap:12px;background:#263f54ed;color:#fff;border-color:#526c83;box-shadow:0 10px 40px #3c54732b;padding:18px 25px;font-size:14px;min-height:58px}.ai-room-console #ai-room-talk:disabled{opacity:.65}.ai-room-console #ai-room-talk span{font-size:21px}.ai-room-console p{font:11px/1.5 system-ui;max-width:440px;margin:10px auto;color:#40576c}.ai-room-console #ai-room-type{font-size:10px;background:transparent;border:0;padding:0 10px;min-height:28px}.ai-room-console .ai-mic-level{height:23px;display:flex;gap:4px;align-items:center;justify-content:center;margin-bottom:12px}.ai-mic-level i{display:block;width:3px;height:5px;background:#375879;border-radius:8px;transition:transform .12s;height:calc(4px + var(--mic-level,.08)*19px)}.ai-mic-level i:nth-child(2n){height:calc(4px + var(--mic-level,.08)*13px)}#ai-room-caption{position:absolute;bottom:188px;left:50%;transform:translateX(-50%);margin:0;width:min(600px,88%);text-align:center;font:400 clamp(13px,1.4vw,17px)/1.5 system-ui;max-height:110px;overflow:auto;color:#2c4358;background:#edf3f7b5;backdrop-filter:blur(18px);border-radius:20px;padding:12px 20px}#ai-room-caption:empty{display:none}.ai-cloud-room[data-phase=listening] #ai-room-talk{background:#245d55}.ai-cloud-room[data-phase=speaking] .ai-mic-level i{animation:ai-speaking .65s ease-in-out infinite alternate}.ai-cloud-room[data-phase=speaking] .ai-mic-level i:nth-child(2n){animation-delay:.3s}@keyframes ai-speaking{to{height:21px}}.ai-room-drawer{position:absolute;z-index:5;right:18px;top:18px;bottom:18px;width:min(420px,calc(100% - 36px));background:#f9fcfff2;backdrop-filter:blur(25px);border:1px solid #fff;border-radius:25px;box-shadow:0 20px 80px #4a5f7b26;overflow:auto;padding:30px;color:#263f54}.ai-room-drawer[hidden]{display:none}.ai-room-drawer h2{font:500 26px system-ui;letter-spacing:-1px;margin:34px 0 12px}.ai-room-drawer p,.ai-room-drawer li{font:13px/1.6 system-ui;color:#4f6479}.ai-room-drawer label{display:block;font:12px system-ui;margin:18px 0}.ai-room-drawer select,.ai-room-drawer input:not([type=checkbox]){display:block;width:100%;margin-top:8px;background:#fff;border:1px solid #cbd7e1;color:#263f54;padding:12px;border-radius:12px;font:14px system-ui}.ai-room-drawer input[type=checkbox]{width:16px;height:16px;vertical-align:middle;margin-right:5px}.ai-room-drawer #ai-drawer-close{position:absolute;right:15px;top:15px;width:40px;padding:0;font-size:24px}.ai-room-transcript article{padding:12px 14px;background:#e9eff4;border-radius:14px;margin:14px 18px 14px 0}.ai-room-transcript article.user{background:#dce9f5;margin:14px 0 14px 18px}.ai-room-transcript small{font-size:9px;letter-spacing:1px}.ai-room-transcript p{white-space:pre-wrap;margin:7px 0}.ai-room-drawer form{display:flex;gap:7px;margin:18px 0;flex-wrap:wrap}.ai-room-drawer form input{flex:1;min-width:0}.ai-room-drawer details{margin-top:25px;font:12px/1.6 system-ui}.ai-room-drawer details input[type=password]{flex-basis:100%}#ai-room-save{position:absolute;left:50%;transform:translateX(-50%);top:78px;border-radius:20px;background:#ffffffd9;font:12px system-ui;max-width:75%;padding:12px 18px;pointer-events:none}#ai-room-save:empty{display:none}.life-layout:has(.ai-cloud-room){display:block}.life-layout:has(.ai-cloud-room)>aside{display:none}body:has(.ai-cloud-room) .personal-checkin{display:none}.youai-companion{position:fixed;right:18px;bottom:18px;z-index:35;width:92px;height:115px;border:1px solid #ffffff99;border-radius:27px;background:linear-gradient(155deg,#e6f0f8dd,#ffffffd9);box-shadow:0 8px 36px #223c5925;overflow:hidden;cursor:pointer;padding:0;backdrop-filter:blur(18px)}.youai-companion>div{height:90px;pointer-events:none}.youai-companion>span{display:block;font:600 10px system-ui;color:#294257;text-align:center}.youai-companion[hidden]{display:none!important}body:has(.dialog-shade) .youai-companion{display:none}.orbit-character #welcome-avatar{cursor:grab;pointer-events:auto}.orbit-character #welcome-avatar:active{cursor:grabbing}.theme-dark .ai-cloud-room{color:#253c50}.theme-dark .ai-cloud-room :is(p,h1,h2,h3,label,li,summary){color:#253c50}.theme-dark .ai-cloud-room .ai-room-console #ai-room-talk{color:white}.theme-dark .ai-room-drawer input,.theme-dark .ai-room-drawer select{background:#fff;color:#263f54}@media(max-width:700px){.ai-cloud-room{min-height:510px}.ai-room-top{top:12px;left:12px;right:12px;gap:5px}.ai-room-top>span{display:none}.ai-room-top button{font-size:11px;padding:9px 13px}.ai-room-title{top:85px}.ai-room-title>span{font-size:7px;letter-spacing:1.2px}.ai-room-title h1{font-size:27px}.ai-room-title p{font-size:10px}.ai-room-console{bottom:14px}.ai-room-console #ai-room-talk{padding:15px 19px;font-size:12px}.ai-room-console p{font-size:10px;max-width:300px}#ai-room-caption{bottom:170px;font-size:13px;max-height:85px}.youai-companion{right:10px;bottom:12px;width:68px;height:90px;border-radius:22px}.youai-companion>div{height:68px}.youai-companion>span{font-size:9px}.ai-room-drawer{padding:22px}.ai-room-drawer h2{font-size:23px}}
@media(max-width:700px){.ai-room-title{top:72px}.ai-room-title>span,.ai-room-title p{display:none}.ai-room-title h1{font-size:22px;letter-spacing:-.7px;margin:0}.ai-room-console p{background:#eaf0f499;border-radius:12px;padding:5px}.ai-room-top button{backdrop-filter:blur(12px)}}
#ai-room-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:12px system-ui;color:#4f6b81;pointer-events:none}
.ai-room-title{top:78px;left:32px;right:auto;text-align:left;max-width:320px;transition:opacity .6s,transform .6s}.ai-room-title>span{font-size:8px;letter-spacing:1.1px}.ai-room-title h1{font-size:29px;line-height:1.08;margin-top:10px}.ai-room-title p{font-size:11px}.ai-cloud-room.is-engaged .ai-room-title{opacity:.35;transform:translateY(-8px)}.ai-cloud-room.is-engaged #ai-cloud-stage{filter:saturate(1.14)}.ai-room-top{align-items:flex-start}.youai-companion{width:108px;height:130px;box-shadow:0 6px 32px #23374c32;background:linear-gradient(145deg,#e4eef7,#fafcff);border:1px solid #f5faff}.youai-companion>div{height:104px}.youai-companion>span{font-size:11px}.ai-room-console{z-index:2}.ai-room-top{z-index:3}@media(max-width:700px){.ai-room-title{top:66px;left:18px;max-width:270px}.ai-room-title h1{font-size:21px}.ai-cloud-room.is-engaged .ai-room-title{opacity:0}.youai-companion{width:78px;height:99px}.youai-companion>div{height:77px}.youai-companion>span{font-size:9px}}