/* Pip takes center stage for his welcome, then returns to the help corner. */
#top .pip-dock.pip-introducing {
  position:fixed;left:50%;right:auto;
  top:calc(var(--visible-offset-top,0px) + var(--visible-height,100dvh) / 2);bottom:auto;
  transform:translate(-50%,-50%);display:block;margin:0;
  width:min(420px,calc(100vw - 32px));max-width:none;
  max-height:calc(var(--visible-height,100dvh) - 24px);
  overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;
  border:1px solid #c7b17c;border-top:3px solid #b89a61;border-radius:22px;
  background:#fffdf5;box-shadow:0 24px 80px #203e3340,0 4px 16px #203e331a;
}
#top .pip-dock.pip-introducing .pip-widget {
  position:relative;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;
}
#top .pip-introducing .pip-avatar {
  position:relative;inset:auto;flex:0 0 auto;
  width:144px;height:144px;margin:26px 0 8px;padding:0;border-radius:40px;
}
#top .pip-introducing .pip-avatar svg { width:144px;height:144px; }
#top .pip-dock.pip-introducing .pip-bubble {
  position:static;flex:0 0 auto;width:100%;max-width:none;max-height:none;
  box-sizing:border-box;padding:20px 26px 24px;border:0;border-radius:0;
  background-color:transparent;box-shadow:none;
}
#top .pip-introducing .pip-caption {
  margin:0 0 14px;font:400 27px/1.2 Georgia,'Times New Roman',serif;
  color:#233c32;letter-spacing:-.5px;
}
#top .pip-introducing .pip-message { white-space:pre-line;font-size:13px;line-height:1.65;color:#4c604e; }
#top .pip-introducing .pip-voice-controls { display:flex;align-items:center;gap:10px;margin-top:14px; }
#top .pip-introducing .pip-voice-toggle { flex:0 0 auto;min-height:40px;padding:8px 12px;font:inherit;font-size:12px; }
#top .pip-introducing .pip-voice-note { font-size:11px;line-height:1.4;color:#52614c; }
#top .pip-introducing .pip-actions { display:grid;grid-template-columns:1.15fr 1fr;gap:8px;margin-top:18px; }
#top .pip-introducing .pip-actions button { min-width:0;min-height:44px;padding:9px 8px;font-size:12px;line-height:1.3; }
#top .pip-introducing .pip-intro-close { position:absolute;top:10px;right:10px;width:40px;min-height:40px;padding:0;font-family:inherit;font-size:22px;line-height:1; }
#top .pip-awaiting-start .pip-avatar { outline:2px solid #c7b17c;outline-offset:4px; }
#top .pip-awaiting-start .pip-avatar:focus-visible { outline:3px solid #648eaf; }
#top .pip-awaiting-start .pip-caption,#top .pip-awaiting-start .pip-message { text-align:center; }
#top .pip-awaiting-start .pip-actions { grid-template-columns:1fr;justify-items:center; }
@media(max-width:370px),(max-height:650px){
  #top .pip-introducing .pip-avatar { width:104px;height:104px;margin:16px 0 4px;border-radius:30px; }
  #top .pip-introducing .pip-avatar svg { width:104px;height:104px; }
  #top .pip-dock.pip-introducing .pip-bubble { padding:14px 18px 18px; }
  #top .pip-introducing .pip-caption { font-size:23px;margin-bottom:10px; }
  #top .pip-introducing .pip-message { font-size:12px;line-height:1.5; }
  #top .pip-introducing .pip-actions { gap:7px;margin-top:12px; }
  #top .pip-introducing .pip-voice-controls { margin-top:10px; }
}
@media(min-width:600px) and (max-height:500px){
  #top .pip-dock.pip-introducing { width:min(580px,calc(100vw - 32px)); }
  #top .pip-dock.pip-introducing .pip-widget { display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center; }
  #top .pip-introducing .pip-avatar { margin:20px; }
  #top .pip-dock.pip-introducing .pip-bubble { padding:20px 18px 18px 0; }
  #top .pip-introducing .pip-caption { margin-right:42px;font-size:22px; }
  #top .pip-introducing .pip-intro-close { top:6px;right:6px; }
  #top .pip-awaiting-start .pip-caption,#top .pip-awaiting-start .pip-message { text-align:left; }
  #top .pip-awaiting-start .pip-actions { justify-items:start; }
}