/* The wide illustration is reserved for Amp's large introduction and closing seat. */
/* The local preview notice is informational and must not intercept the controls. */
body .integration-review-bar {pointer-events:none;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) #meet-amp {scroll-snap-align:start;scroll-margin-top:0;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button > img {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;object-fit:contain!important;filter:none!important;
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button > .amp-compact-art {display:none!important;}
body .amp-host .amp-mic-character {height:auto!important;aspect-ratio:3/2;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button .ph-eye {
  position:absolute!important;left:30.54%!important;top:24.34%!important;width:6.45%!important;
  height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%)!important;
  border-radius:50%;overflow:visible!important;pointer-events:none;
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button .ph-eye:first-of-type {left:30.54%!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button .ph-eye:last-of-type {left:55.04%!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button .ph-eye .pupil {
  position:absolute!important;inset:auto!important;
  left:calc((100% - var(--mic-pupil-size,56%)) / 2)!important;top:calc((100% - var(--mic-pupil-size,56%)) / 2)!important;
  width:var(--mic-pupil-size,56%)!important;height:var(--mic-pupil-size,56%)!important;border-radius:50%;background:var(--ha-ink)!important;
  transform:translate(var(--mic-eye-x,0px),var(--mic-eye-y,0px))!important;
  translate:none!important;animation:none!important;transition:transform 90ms linear;
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button .pupil::after {
  content:"";position:absolute;left:22%;top:17%;width:22%;height:22%;
  background:var(--ha-paper);border-radius:50%;
}
.amp-mic-character .amp-eye-lid {
  display:block;position:absolute;inset:-2%;z-index:5;border-radius:50%;
  background:linear-gradient(115deg,#f6f0dc,#eae3cb);transform-origin:center;
  transform:scaleY(0);opacity:0;
}
#meet-amp .amp-mic-character.amp-mic-asleep .amp-eye-lid {transform:scaleY(1);opacity:1;}
.amp-mic-character .amp-eye-lid::after {
  content:"";position:absolute;left:17%;right:17%;top:49%;height:2px;
  border-radius:50%;background:var(--ha-ink);
}
.amp-mic-character.amp-mic-waking .ph-eye:first-of-type .amp-eye-lid {
  animation:ampMicEyeOpen 180ms ease-out 650ms both;
}
.amp-mic-character.amp-mic-waking .ph-eye:last-of-type .amp-eye-lid {
  animation:ampMicEyeOpen 180ms ease-out 1050ms both;
}
@keyframes ampMicEyeOpen {to{transform:scaleY(0);opacity:0;}}
.amp-mic-character.amp-mic-blinking .amp-eye-lid {animation:ampMicBlink 180ms ease-in-out;}
@keyframes ampMicBlink {
  0%,100%{transform:scaleY(0);opacity:0;}
  45%,55%{transform:scaleY(1);opacity:1;}
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mic-noticing .ph-eye .pupil {animation:ampMicNotice 700ms ease-out!important;}
@property --mic-pupil-size {syntax:"<percentage>";inherits:false;initial-value:56%;}
@keyframes ampMicNotice {
  0%,100%{--mic-pupil-size:56%;}
  20%,55%{--mic-pupil-size:46%;}
}

body #team .founder-amp-intro {grid-template-columns:330px minmax(0,620px);gap:28px;}
body #team .founder-amp-intro .founder-amp-seat {width:330px;height:220px;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) #talk .amp-rest-inner {grid-template-columns:330px minmax(0,1fr);gap:40px;}
body #talk .amp-rest-seat:not(.amp-idle-final) {width:330px;height:220px;}
body #talk .amp-rest-seat.amp-idle-final {width:330px!important;min-height:280px;}
body #talk .amp-idle-final .founder-amp-seat {width:330px!important;height:220px!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) #talk .amp-idle-final > .amp-mascot-button {visibility:hidden!important;pointer-events:none!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) #talk .amp-final-active > .amp-rest-seat > .amp-mascot-button {visibility:hidden!important;pointer-events:none!important;}
body[data-amp-integrated] #talk .amp-rest-seat > .amp-mic-character {position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:3/2;}
body[data-amp-integrated] #talk:not(.amp-conversation-active) .amp-rest-inner:not(.amp-final-active) .amp-rest-seat > .amp-mic-character {visibility:visible!important;}
body .amp-float.is-inline .amp-float-character {width:330px!important;height:220px!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) .amp-float.is-inline {grid-template-columns:330px minmax(0,1fr);}
body:is(.ha-message-hierarchy,[data-amp-integrated]) .amp-float.is-inline .amp-float-base {width:330px;justify-self:center;}

/* Lift the primary action onto the cable, with the jack tip left visible. */
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp > .amp-intro-character,#talk .amp-idle-final > .amp-intro-character,.amp-float.is-inline:not(.is-docked) .amp-float-base) > .amp-float-console {
  width:100%;margin-top:-24px!important;position:relative;z-index:6;
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp > .amp-intro-character,#talk .amp-idle-final > .amp-intro-character,.amp-float.is-inline:not(.is-docked) .amp-float-base) > .amp-float-console:not(.is-typing) .amp-float-tools {
  align-self:flex-start;margin-left:calc(50% - 35px);width:max-content;
}

/* Voice leads; typing remains a quiet, comfortably sized alternative. */
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic.amp {
  width:64px!important;height:62px!important;min-width:64px!important;min-height:62px!important;
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic .amp-face {transform:translate(-50%,-50%) scale(.44)!important;}
/* A paper hardware finish keeps voice prominent without heavy black gloss. */
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic .candy {
  background:linear-gradient(145deg,var(--ha-card),var(--ha-paper) 68%)!important;
  box-shadow:inset 0 1px 0 var(--ha-white);
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic .candy::before {
  background:radial-gradient(ellipse,color-mix(in srgb,var(--ha-white) 40%,transparent),transparent);
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic .candy::after {
  background:color-mix(in srgb,var(--ha-white) 10%,transparent);
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic .candy-drop {
  filter:drop-shadow(3px 0 0 var(--ha-ink)) drop-shadow(-3px 0 0 var(--ha-ink)) drop-shadow(0 3px 0 var(--ha-ink)) drop-shadow(0 -3px 0 var(--ha-ink)) drop-shadow(0 7px 10px rgba(var(--ha-ink-rgb),.16));
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic .amp-icon {color:var(--ha-ink);}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic .amp-icon svg {width:66px;height:66px;stroke-width:2.2;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-mic[aria-pressed="false"] .amp-icon::after {box-shadow:0 0 0 3px var(--ha-paper);}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-type.secondary {
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;color:var(--ha-ink-soft)!important;
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-type .type-outline {
  left:1px!important;top:2px!important;width:42px!important;height:40px!important;
  fill:var(--ha-paper)!important;stroke:var(--ha-ink-soft)!important;stroke-width:1.8;
}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-float-console.dave-ui .float-type .type-glyph svg {width:22px!important;height:22px!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-idle-dock,.amp-float):is(.amp-idle-dock,.is-docked) .amp-float-console.dave-ui .float-mic.amp {width:56px!important;height:54px!important;min-width:56px!important;min-height:54px!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-idle-dock,.amp-float):is(.amp-idle-dock,.is-docked) .amp-float-console.dave-ui .float-mic .amp-face {transform:translate(-50%,-50%) scale(.38)!important;}

/* Keep the existing uncluttered character in the tiny travelling dock. */
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock):is(.amp-idle-dock,.amp-float.is-docked) .amp-mic-character.amp-mascot-button > .amp-mic-art {display:none!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock):is(.amp-idle-dock,.amp-float.is-docked) .amp-mic-character.amp-mascot-button > .amp-compact-art {display:block!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock):is(.amp-idle-dock,.amp-float.is-docked) .amp-mic-character.amp-mascot-button .ph-eye {left:33.2%!important;top:27.5%!important;width:6.8%!important;}
body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock):is(.amp-idle-dock,.amp-float.is-docked) .amp-mic-character.amp-mascot-button .ph-eye:last-of-type {left:60.4%!important;}

@media(max-width:900px) and (min-width:601px){
  body #team .founder-amp-intro {grid-template-columns:260px minmax(0,1fr);gap:20px;}
  body #team .founder-amp-intro .founder-amp-seat {width:260px;height:173.333px;}
  body:is(.ha-message-hierarchy,[data-amp-integrated]) .amp-float.is-inline {grid-template-columns:260px minmax(0,1fr);}
  body:is(.ha-message-hierarchy,[data-amp-integrated]) .amp-float.is-inline .amp-float-base {width:260px;}
  body .amp-float.is-inline .amp-float-character {width:260px!important;height:173.333px!important;}
  body:is(.ha-message-hierarchy,[data-amp-integrated]) #talk .amp-rest-inner {grid-template-columns:260px minmax(0,1fr);}
  body #talk .amp-rest-seat:not(.amp-idle-final),body #talk .amp-rest-seat.amp-idle-final {width:260px!important;min-height:240px;}
  body #talk .amp-idle-final .founder-amp-seat {width:260px!important;height:173.333px!important;}
}
@media(max-width:600px){
  body #team .founder-amp-intro {grid-template-columns:minmax(0,1fr);gap:16px;justify-items:center;padding-block:24px;}
  body #team .founder-amp-intro > .amp-intro-character {grid-column:1;grid-row:2;justify-self:center;}
  body #team .founder-amp-intro > .amp-intro-content {grid-column:1;grid-row:1;width:100%;max-width:360px;box-sizing:border-box;}
  body #team .founder-amp-intro .founder-amp-seat {width:280px;height:186.667px;}
  body #talk .amp-rest-seat:not(.amp-idle-final),body #talk .amp-rest-seat.amp-idle-final {width:280px!important;height:auto!important;min-height:240px;}
  body #talk .amp-idle-final .founder-amp-seat,body .amp-float.is-inline .amp-float-character {width:280px!important;height:186.667px!important;}
  body #team #meet-amp .amp-intro-content::before {display:none!important;}
  body:is(.ha-message-hierarchy,[data-amp-integrated]) .amp-float.is-inline {grid-template-columns:minmax(0,1fr);}
  body:is(.ha-message-hierarchy,[data-amp-integrated]) .amp-float.is-inline .amp-float-base {width:280px;}
}
@media(max-width:760px){
  body:is(.ha-message-hierarchy,[data-amp-integrated]) #talk .amp-rest-inner {grid-template-columns:minmax(0,1fr);gap:24px;}
  body:is(.ha-message-hierarchy,[data-amp-integrated]) #talk .amp-rest-seat {justify-self:center;margin:0;}
}
@media(prefers-reduced-motion:reduce){
  body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button .ph-eye .pupil {transform:none!important;transition:none!important;animation:none!important;}
  body:is(.ha-message-hierarchy,[data-amp-integrated]) :is(#meet-amp,#talk,.amp-host,.amp-float,.amp-idle-dock) .amp-mic-character.amp-mascot-button .amp-eye-lid {display:none!important;animation:none!important;}
}
