/* Same material defaults as the mobile login card; layout remains the form's. */
.entry-glass-scene {
  position:absolute;
  z-index:0;
  isolation:isolate;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  contain:layout paint;
}
.entry-glass-scene[data-ready="true"] { opacity:1; }
.entry-glass-sample {
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  /* The shared renderer reads this canvas buffer directly. Keep its geometry
     and opacity for sampling, but never repaint the source over the real page:
     even a one-frame video delay would expose a rectangular seam. */
  clip-path:inset(50%);
}
.entry-glass-material {
  position:absolute;
  z-index:1;
  isolation:isolate;
  border-radius:var(--entry-glass-radius,36px); corner-shape:var(--md-corner-shape);
  pointer-events:none;
}
.entry-glass-material > canvas { z-index:0!important; }
.entry-glass-material::after {
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  border-radius:inherit; corner-shape:inherit;
  background:rgb(255 255 255 / var(--entry-glass-white-overlay,.7));
  pointer-events:none;
}
.entry-composer[data-entry-glass] {
  border-radius:var(--entry-glass-radius,36px); corner-shape:var(--md-corner-shape);
  background:rgb(255 255 255 / var(--entry-glass-white-overlay,.7));
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}
.entry-composer.has-entry-glass {
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.entry-composer.has-entry-glass::before,
.entry-composer.has-entry-glass::after,
.entry-composer.has-entry-glass > .stitch-aurora { display:none; }
/* Focus shares the login button's colored edge, without changing the glass material. */
.entry-composer.stitch-surface::before {
  display:block;
  z-index:2;
  inset:-1px;
  padding:2px;
  border-radius:inherit; corner-shape:inherit;
  background-image:var(--entry-rainbow-edge);
  background-size:200%;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  pointer-events:none;
  transition:opacity 160ms ease;
  animation:entry-login-rainbow 5s linear infinite paused;
}
.entry-composer.stitch-surface:focus-within {
  border-color:transparent;
  box-shadow:none;
}
.entry-composer.stitch-surface:focus-within::before {
  opacity:1;
  animation-play-state:running;
}
@media (prefers-reduced-motion:reduce) {
  .entry-composer.stitch-surface::before { animation:none; transition:none; background-position:50%; }
}