.assistant-dialog{width:min(760px,calc(100% - 36px))}
.assistant-dialog .dialog-top{margin-bottom:12px}
.assistant-dialog .assistant-intro{display:grid;grid-template-columns:190px 1fr;gap:32px;align-items:center;margin-bottom:18px}
.semmy-welcome-person{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}
.semmy-welcome-slot{grid-column:1/-1}
.semmy-welcome-slot{width:188px;height:188px;display:grid;place-items:center}
.semmy-welcome-portrait{width:158px;height:158px;position:relative;border-radius:50%;overflow:hidden;isolation:isolate;transition:transform .65s cubic-bezier(.2,.85,.2,1),box-shadow .4s;box-shadow:0 0 0 1px #cbd6d92b}
.semmy-welcome-portrait img,.semmy-welcome-portrait video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.semmy-welcome-portrait video{opacity:0}.welcome-video .semmy-welcome-portrait video{opacity:1}
.welcome-speaking .semmy-welcome-portrait{transform:scale(1.16);box-shadow:0 0 0 1px #d8e5de77,0 0 35px #99b5a21f}
.semmy-welcome-name{display:flex;gap:8px;align-items:center;font-size:14px;justify-content:center}
.semmy-welcome-about{position:relative;display:inline-flex}.semmy-welcome-about>button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:12px}
.semmy-welcome-about [role=tooltip]{display:none;position:absolute;width:235px;max-width:calc(100vw - 60px);z-index:10;left:-90px;top:38px;background:#eaece5;color:#26312b;border:1px solid #78857655;box-shadow:0 12px 35px #0004;border-radius:14px;padding:13px 16px;font-size:12px;line-height:1.6}
.semmy-welcome-about:hover [role=tooltip],.semmy-welcome-about:focus-within [role=tooltip]{display:block}
.semmy-welcome-controls{display:flex;flex-direction:column;align-items:center;min-height:39px}
.semmy-welcome-controls button{flex:none;width:max-content;white-space:nowrap;min-height:38px;border:1px solid var(--line);border-radius:30px;padding:7px 17px;font-size:11px}
.semmy-welcome-controls [role=status]{font-size:10px;max-width:23ch;text-align:center;margin-top:5px;color:var(--muted)}
.assistant-dialog .assistant-intro h2{font-size:38px;line-height:1.08;letter-spacing:-.045em}
.assistant-dialog .assistant-intro p{font-size:13px;line-height:1.65;margin-top:17px;max-width:27ch;color:var(--muted)}
.assistant-dialog .context-note{padding:12px 18px;margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;align-items:center}.assistant-dialog .context-note p{font-size:14px;margin:0}.assistant-dialog .context-note>.eyebrow{grid-column:1/-1}.assistant-dialog .context-note>span:last-child{font-size:11px;line-height:1.4}
.assistant-dialog .choice{padding-block:16px}
.assistant-dialog .choice{position:relative;transition:box-shadow .28s,transform .4s cubic-bezier(.2,.8,.2,1),border-color .28s}
.assistant-dialog .choice.is-mentioned{box-shadow:0 0 0 2px #96b2a9,0 0 0 6px #b0c9bf24,0 10px 30px #899ea21f;transform:translateY(-2px)}
.assistant-dialog .welcome-transcript{margin-top:8px;font-size:11px;color:var(--muted)}.welcome-transcript summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:9px}.welcome-transcript summary:before{content:'+'}.welcome-transcript[open] summary:before{content:'−'}.welcome-transcript p{font-size:12px;line-height:1.7;padding:4px 0 12px}
.assistant-dialog .dialog-note{line-height:1.7;margin-top:13px}
@media(max-width:600px){.assistant-dialog .assistant-intro{grid-template-columns:135px 1fr;gap:12px}.semmy-welcome-slot{width:135px;height:155px}.semmy-welcome-portrait{width:124px;height:124px}.welcome-speaking .semmy-welcome-portrait{transform:scale(1.08)}.assistant-dialog .assistant-intro h2{font-size:29px}.assistant-dialog .assistant-intro p{font-size:11px;margin-top:12px}.semmy-welcome-name{font-size:13px}.semmy-welcome-about>button{width:28px;height:28px}.assistant-dialog .context-note{padding:14px 16px}.assistant-dialog .choice{padding:17px 14px}.assistant-dialog .dialog-top{margin-bottom:9px}}
@media(max-width:600px){.semmy-welcome-person{display:flex;flex-direction:column}.assistant-dialog .context-note{grid-template-columns:1fr}}
@media(max-width:360px){.assistant-dialog .assistant-intro{grid-template-columns:1fr;text-align:center;gap:15px}.assistant-dialog .assistant-intro p{margin:12px auto 0}.semmy-welcome-controls{min-height:35px}}
@media(prefers-reduced-motion:reduce){.semmy-welcome-portrait,.assistant-dialog .choice{transition:none!important;transform:none!important}}
html[data-motion=off] .semmy-welcome-portrait,html[data-motion=off] .assistant-dialog .choice{transition:none!important;transform:none!important}
