.itda-mates-feedback{display:flex;align-items:center;gap:14px;padding:10px 0;color:var(--text,#253047);font-size:13px;line-height:1.5}
.itda-mates-mini{position:relative;width:105px;height:68px;flex:0 0 105px;isolation:isolate}
.itda-mates-mini-body{position:absolute;bottom:0;display:block;transform-origin:bottom center;color:#222431}
.itda-mates-mini-body.purple{left:31px;width:27px;height:65px;background:#7638ef;border-radius:4px 4px 0 0;z-index:1}
.itda-mates-mini-body.black{left:57px;width:23px;height:47px;background:#20212c;color:white;border-radius:5px 5px 0 0;z-index:2}
.itda-mates-mini-body.yellow{left:78px;width:25px;height:39px;background:#ffcf35;border-radius:18px 18px 3px 3px;z-index:3}
.itda-mates-mini-body.orange{left:0;width:63px;height:34px;background:#ff823f;border-radius:40px 40px 3px 3px;z-index:4}
.itda-mates-mini-eyes{position:absolute;left:25%;right:25%;top:35%;height:4px;display:flex;justify-content:space-between}
.itda-mates-mini-eyes:before,.itda-mates-mini-eyes:after{content:'';width:3px;height:4px;border-radius:50%;background:currentColor}
.itda-mates-mini-mouth{position:absolute;left:40%;top:61%;width:20%;height:4px;border-bottom:2px solid currentColor;border-radius:0 0 8px 8px}
.is-thinking .itda-mates-mini-body{animation:itdaMateThink 1.5s ease-in-out infinite alternate}
.is-thinking .black{animation-delay:.2s}.is-thinking .yellow{animation-delay:.4s}.is-thinking .orange{animation-delay:.6s}
.is-thinking .itda-mates-mini-eyes{animation:itdaMateLook 2s ease-in-out infinite alternate}
.is-success .itda-mates-mini-body{animation:itdaMateCheer .55s ease-in-out 2}
.is-success .black{animation-delay:.08s}.is-success .yellow{animation-delay:.16s}.is-success .orange{animation-delay:.24s}
.itda-mates-complete-toast{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:21000;max-width:calc(100vw - 32px);box-sizing:border-box;border-radius:18px;background:var(--surface,#fff);box-shadow:0 8px 32px #18294626;border:1px solid var(--border,#e2e8f0);padding:8px 20px;pointer-events:none}
.itda-mates-complete-toast .itda-mates-feedback-label{font-weight:700}
@keyframes itdaMateThink{from{transform:rotate(-4deg) translateY(0)}to{transform:rotate(5deg) translateY(-3px)}}
@keyframes itdaMateLook{to{transform:translateX(2px)}}
@keyframes itdaMateCheer{0%,100%{transform:translateY(0)}45%{transform:translateY(-12px) rotate(5deg)}}
@media(max-width:480px){.itda-mates-feedback{gap:10px;font-size:12px}.itda-mates-complete-toast{padding:6px 14px;width:max-content}.itda-mates-feedback-label{max-width:170px}}
@media(prefers-reduced-motion:reduce){.itda-mates-feedback *{animation:none!important}}

/* A gentle wave acknowledges cancellation without a celebration. */
.is-cancelled .itda-mates-mini-body{animation:itdaMateWave .7s ease-in-out 2}
.is-cancelled .black{animation-delay:.08s}.is-cancelled .yellow{animation-delay:.16s}.is-cancelled .orange{animation-delay:.24s}
@keyframes itdaMateWave{0%,100%{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(7deg)}}
@media(prefers-reduced-motion:reduce){.itda-mates-feedback *{animation:none!important}}

/* Prominent completion feedback; AI waiting indicators retain their small size. */
.itda-mates-complete-toast{inset:0;bottom:0;left:0;transform:none;max-width:none;width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.28);border:0;border-radius:0;box-shadow:none;pointer-events:auto;animation:itdaMateBackdrop .18s ease-out}
.itda-mates-complete-card{position:relative;isolation:isolate;width:360px;max-width:100%;box-sizing:border-box;padding:28px 22px 22px;border-radius:26px;background:var(--surface,#fff);box-shadow:0 18px 70px #0f172a33;text-align:center;overflow:hidden;animation:itdaMateCard .28s cubic-bezier(.2,.8,.2,1)}
.itda-mates-complete-card .itda-mates-feedback{flex-direction:column;gap:12px;padding:0}
.itda-mates-complete-card .itda-mates-mini{transform:scale(2.25);transform-origin:center center;margin:46px 70px 43px}
.itda-mates-complete-card .itda-mates-feedback-label{max-width:none;font-size:23px;font-weight:800;line-height:1.45;color:var(--text,#253047)}
.itda-mates-complete-card>small{display:block;font-size:12px;color:var(--muted,#64748b);margin-top:12px}
.itda-mates-complete-card .is-success .itda-mates-mini-body{animation-duration:.6s;animation-iteration-count:2}
.itda-mates-confetti{position:absolute;inset:0;z-index:-1;pointer-events:none}
.itda-mates-confetti i{position:absolute;top:0;left:var(--x);width:7px;height:11px;background:var(--color);border-radius:2px;animation:itdaMateConfetti 1.35s ease-out var(--delay) both}
@keyframes itdaMateConfetti{from{opacity:0;transform:translateY(-15px) rotate(0)}15%{opacity:.9}to{opacity:0;transform:translateY(310px) rotate(var(--turn))}}
@keyframes itdaMateBackdrop{from{opacity:0}to{opacity:1}}
@keyframes itdaMateCard{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}
@media(max-width:480px){.itda-mates-complete-toast{width:100%;padding:18px}.itda-mates-complete-card{width:330px;padding:24px 16px 20px}.itda-mates-complete-card .itda-mates-feedback-label{font-size:21px}}
@media(prefers-reduced-motion:reduce){.itda-mates-complete-toast,.itda-mates-complete-card,.itda-mates-confetti i{animation:none!important}.itda-mates-confetti{display:none}}