/* kairu-greet.css — corner companion toast (shared MCQ + Exam Room).
   Self-contained, brand-consistent tokens so it looks right on any page.
   Motion is transform/opacity only (compositor-friendly). No veil, no blur. */

.kairu-toast{
  position:fixed; left:16px; bottom:calc(16px + var(--ks-bottom-offset, 0px)); z-index:2147483000;
  display:flex; align-items:flex-start; gap:10px;
  max-width:340px; padding:12px;
  background:#ffffff; border:1px solid #e6ecf3; border-radius:14px;
  box-shadow:0 12px 32px rgba(20,40,80,.18);
  font-family:inherit; color:#1d1d1f;
  transform:translateY(12px); opacity:0;
  transition:transform .32s cubic-bezier(.2,.7,.3,1), opacity .32s cubic-bezier(.2,.7,.3,1);
  will-change:transform,opacity;
}
.kairu-toast.in{ transform:none; opacity:1; }

.kairu-toast .kg-bird{
  flex:0 0 auto; width:36px; height:36px; border-radius:50%;
  background:linear-gradient(135deg,#7dd3fc,#1e3a8a);
  display:flex; align-items:center; justify-content:center; margin-top:1px;
}
.kairu-toast .kg-bird svg{ width:24px; height:24px; display:block; }
.kairu-toast .kg-body{ flex:1 1 auto; min-width:0; }
.kairu-toast .kg-greet{ font-size:13.5px; font-weight:700; line-height:1.35; color:#13233f; }
.kairu-toast .kg-trust{ font-size:11px; line-height:1.42; color:#6b7a90; margin-top:3px; }
.kairu-toast .kg-x{
  flex:0 0 auto; background:none; border:0; color:#9aa7b8;
  font-size:15px; line-height:1; cursor:pointer; padding:3px 5px;
  margin:-3px -3px 0 0; border-radius:7px; font-family:inherit;
}
.kairu-toast .kg-x:hover{ background:#eef2f7; color:#5d6b80; }

@media (max-width:560px){
  .kairu-toast{ left:10px; right:10px; bottom:calc(10px + var(--ks-bottom-offset, 0px)); max-width:none; }
}
@media (prefers-reduced-motion:reduce){
  .kairu-toast{ transition:opacity .15s ease; transform:none; }
  .kairu-toast.in{ transform:none; }
}