._064GEG_stage{align-items:center;gap:1.5rem;width:100%;max-width:40rem;margin-inline:auto;padding-inline:1.5rem;display:grid}._064GEG_bubble{overflow-wrap:anywhere;text-wrap:pretty;width:fit-content;min-width:0;max-width:min(100%,14rem)}._064GEG_character{justify-self:center;width:9rem;position:relative}._064GEG_character svg{width:100%;height:auto}._064GEG_center{grid-template-columns:minmax(0,1fr);justify-items:center}._064GEG_left{grid-template-columns:4.5rem minmax(0,1fr);column-gap:1rem;max-width:none;min-height:16rem;position:relative}._064GEG_left ._064GEG_bubble{grid-area:1/2;justify-self:start}._064GEG_left ._064GEG_character{position:absolute;top:50%;left:0;transform:translate(-50%,-50%)rotate(45deg)}._064GEG_right{grid-template-columns:minmax(0,1fr) 4.5rem;column-gap:1rem;max-width:none;min-height:16rem;position:relative}._064GEG_right ._064GEG_bubble{grid-area:1/1;justify-self:end}._064GEG_right ._064GEG_character{position:absolute;top:50%;right:0;transform:translate(50%,-50%)rotate(-45deg)}._064GEG_rightBubble [data-speech-bubble-tail]{border-width:1px 1px 0 0;left:auto;right:-.5rem}._064GEG_compact{gap:1rem;min-height:0;padding-block:1rem;overflow:hidden}._064GEG_compact ._064GEG_character{width:3.5rem}._064GEG_compact._064GEG_center{grid-template-columns:minmax(0,1fr)}._064GEG_compact._064GEG_left{grid-template-columns:1.5rem minmax(0,1fr)}._064GEG_compact._064GEG_right{grid-template-columns:minmax(0,1fr) 1.5rem}@media (min-width:640px){._064GEG_stage{gap:2rem;padding-inline:2rem}._064GEG_character{width:10rem}._064GEG_left{grid-template-columns:5.25rem minmax(0,1fr);column-gap:1rem}._064GEG_right{grid-template-columns:minmax(0,1fr) 5.25rem;column-gap:1rem}}
.O0Q0zq_root{flex-direction:column;height:100%;min-height:0;display:flex}.O0Q0zq_content{scrollbar-gutter:stable;outline:none;flex:1;min-height:0;padding:24px;overflow:hidden auto}.O0Q0zq_content:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.O0Q0zq_ready,.O0Q0zq_response{max-width:576px;margin:0 auto}.O0Q0zq_ready{flex-direction:column;align-items:center;min-height:100%;display:flex}.O0Q0zq_questionBubble{text-wrap:pretty;width:100%;margin-top:20px}.O0Q0zq_character{margin:auto 0;padding-top:24px}.O0Q0zq_character [data-character-illustration]{width:112px}.O0Q0zq_lessonCharacter svg{width:128px}.O0Q0zq_footer{background:var(--color-bg-primary);flex-shrink:0;padding:16px 24px 24px}.dark-mode .O0Q0zq_footer{background:var(--color-learning-canvas)}.O0Q0zq_actions{max-width:576px;margin:0 auto}.O0Q0zq_composer{border:1px solid var(--color-border-primary);background:var(--color-bg-primary);border-radius:10px;align-items:flex-end;gap:12px;width:100%;min-height:64px;padding:8px 10px 8px 20px;display:flex;box-shadow:0 1px 2px #1018280d}.O0Q0zq_composer:has(textarea:focus){border-color:var(--color-border-brand);box-shadow:0 0 0 1px var(--color-border-brand)}.O0Q0zq_composerField{flex:1;min-width:0}.O0Q0zq_composerField textarea{field-sizing:content;min-height:46px;max-height:144px;line-height:24px;overflow-y:auto}.O0Q0zq_composerAction{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.O0Q0zq_labeledAction{white-space:nowrap;width:auto;padding:0 12px}.O0Q0zq_composerAction>[data-text]{align-items:center;display:flex}.O0Q0zq_stopIcon{background:currentColor;border-radius:3px;width:15px;height:15px}.O0Q0zq_inlineRecording{min-width:0;min-height:46px;color:var(--color-text-primary);flex:1;align-items:center;gap:8px;font-size:14px;display:flex}.O0Q0zq_recordingDot{background:var(--color-bg-error-solid);border-radius:50%;width:8px;height:8px}.dark-mode .O0Q0zq_composer{background:var(--color-learning-canvas)}.O0Q0zq_capture{border-radius:16px;width:100%;margin-top:24px;position:relative;overflow:hidden}.O0Q0zq_captureOverlay{color:#fff;background:#172029b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.O0Q0zq_error{border:1px solid var(--color-border-error-subtle);color:var(--color-text-error-primary);background:var(--color-bg-error-primary);border-radius:12px;margin-top:16px;padding:14px;font-size:14px;line-height:1.5}@media (min-width:640px){.O0Q0zq_content{padding:32px}.O0Q0zq_questionBubble{max-width:480px}.O0Q0zq_character [data-character-illustration]{width:140px}}
.qc53ha_root{flex-direction:column;height:100%;min-height:0;display:flex}.qc53ha_content{scrollbar-gutter:stable;outline:none;flex:1;min-height:0;padding:24px;overflow:hidden auto}.qc53ha_content:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.qc53ha_ready,.qc53ha_response{max-width:576px;margin:0 auto}.qc53ha_ready{flex-direction:column;align-items:center;min-height:100%;display:flex}.qc53ha_questionBubble{text-wrap:pretty;width:100%;margin-top:20px}.qc53ha_character{margin:auto 0;padding-top:24px}.qc53ha_character svg{width:112px}.qc53ha_lessonCharacter svg{width:128px}.qc53ha_footer{background:var(--color-bg-primary);flex-shrink:0;padding:16px 24px 24px}.dark-mode .qc53ha_footer{background:var(--color-learning-canvas)}.qc53ha_actions{max-width:576px;margin:0 auto}.qc53ha_composer{border:1px solid var(--color-border-primary);background:var(--color-bg-primary);border-radius:10px;align-items:flex-end;gap:12px;width:100%;min-height:64px;padding:8px 10px 8px 20px;display:flex;box-shadow:0 1px 2px #1018280d}.qc53ha_composer:has(textarea:focus){border-color:var(--color-border-brand);box-shadow:0 0 0 1px var(--color-border-brand)}.qc53ha_composerField{flex:1;min-width:0}.qc53ha_composerField textarea{field-sizing:content;min-height:46px;max-height:144px;line-height:24px;overflow-y:auto}.qc53ha_composerAction{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.qc53ha_composerAction>[data-text]{align-items:center;display:flex}.qc53ha_stopIcon{background:currentColor;border-radius:3px;width:15px;height:15px}.qc53ha_inlineRecording{min-width:0;min-height:46px;color:var(--color-text-primary);flex:1;align-items:center;gap:8px;font-size:14px;display:flex}.qc53ha_recordingDot{background:var(--color-bg-error-solid);border-radius:50%;width:8px;height:8px}.dark-mode .qc53ha_composer{background:var(--color-learning-canvas)}.qc53ha_scene{scrollbar-gutter:auto;background:#e2ecea;padding:0}.qc53ha_conversation{isolation:isolate;background:linear-gradient(#e2ecea 0% 72%,#bccbc7 72%,#cbd7d3 100%);flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-height:100%;display:flex;position:relative}.qc53ha_sceneWindow{z-index:-1;background:linear-gradient(135deg,#e9f5ff,#b8d4e5);border:10px solid #f4f4eb;border-radius:60px 60px 4px 4px;width:31%;height:48%;position:absolute;top:5%;right:8%;box-shadow:8px 12px #c5d8d3}.qc53ha_partner{flex:1 1 0;justify-content:center;align-items:flex-start;width:100%;min-height:120px;padding-top:28px;display:flex;position:relative;overflow:hidden}.qc53ha_partner svg{filter:drop-shadow(0 14px 14px #334b4b16);flex-shrink:0;width:285px;max-width:82%;height:auto}.qc53ha_caption{color:#fff;background:#18382de8;flex-shrink:0;width:100%;max-height:55%;padding:20px 24px 24px;position:relative;overflow-y:auto}.qc53ha_caption:focus-visible{outline-offset:-4px;outline:2px solid #fff}.qc53ha_caption h1{text-wrap:pretty;overflow-wrap:anywhere;max-width:576px;margin:0 auto;font-size:20px;font-weight:600;line-height:1.5}.dark-mode .qc53ha_conversation{background:linear-gradient(#253c3a 0% 72%,#172e2b 72%,#1c3330 100%)}.dark-mode .qc53ha_sceneWindow{background:linear-gradient(135deg,#384d65,#5d768b);border-color:#526562;box-shadow:8px 12px #152b29}.qc53ha_capture{border-radius:16px;margin-top:24px;position:relative;overflow:hidden}.qc53ha_video{aspect-ratio:4/3;color:#fff;background:linear-gradient(140deg,#444a59,#262b34)}.qc53ha_silhouette{opacity:.65;flex-direction:column;align-items:center;display:flex;position:absolute;inset:20% 20% 0}.qc53ha_silhouette span:first-child{aspect-ratio:1;background:#77818f;border-radius:50%;width:30%}.qc53ha_silhouette span:last-child{background:#6b7584;border-radius:48% 48% 0 0;flex:1;width:86%;margin-top:5%}.qc53ha_cameraLabel{text-align:center;color:#e7eaf0;font-size:12px;position:absolute;bottom:14px;left:0;right:0}.qc53ha_frameCorners{border:1px solid #ffffff26;border-radius:10px;position:absolute;inset:14px}.qc53ha_audio{background:var(--color-bg-secondary);min-height:240px;color:var(--color-text-brand-primary);justify-content:center;align-items:center;display:flex}.qc53ha_audioSignal{flex-direction:column;align-items:center;gap:28px;display:flex}.dark-mode .qc53ha_audio{background:var(--color-learning-surface)}.qc53ha_waveform{align-items:center;gap:5px;display:flex}.qc53ha_waveform span{background:currentColor;border-radius:4px;width:5px;display:block}.qc53ha_captureOverlay{color:#fff;background:#172029b3;flex-direction:column;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.qc53ha_countdown{font-size:72px;font-weight:600}.qc53ha_playback{align-items:center;gap:10px;padding-top:12px;display:flex}.qc53ha_composer .qc53ha_playback{flex:1;min-width:0;min-height:46px;padding-top:0}.qc53ha_error{border:1px solid var(--color-border-error-subtle);color:var(--color-text-error-primary);background:var(--color-bg-error-primary);border-radius:12px;margin-top:16px;padding:14px;font-size:14px;line-height:1.5}@media (min-width:640px){.qc53ha_content:not(.qc53ha_scene){padding:32px}.qc53ha_questionBubble{max-width:480px}.qc53ha_character svg{width:140px}.qc53ha_lessonCharacter svg{width:160px}.qc53ha_partner svg{width:330px}.qc53ha_caption h1{font-size:24px}.qc53ha_video{aspect-ratio:16/9}}