
/* Ask Yuki widget. Uses Yama design tokens. Robin PNG only. */
.yuki-fab{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:10px;
  border:0;background:#F9471E;color:#FDFCF0;padding:10px 14px 10px 10px;border-radius:999px;
  cursor:pointer;box-shadow:0 8px 24px rgba(56,57,52,.28);font-family:"Barlow Condensed",sans-serif;
  font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:14px}
.yuki-fab img{width:42px;height:42px;object-fit:contain;background:transparent;flex:0 0 auto}
.yuki-fab:focus-visible{outline:3px solid #CFEFFE;outline-offset:3px}
.yuki-panel{position:fixed;right:18px;bottom:86px;z-index:91;width:min(380px,calc(100vw - 24px));
  max-height:min(70vh,560px);display:none;flex-direction:column;background:#FDFCF0;color:#383934;
  border:1.5px solid rgba(56,57,52,.25);box-shadow:0 16px 40px rgba(56,57,52,.22)}
.yuki-panel.open{display:flex}
.yuki-panel header{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(56,57,52,.16);
  background:#FEF5CB}
.yuki-panel header img{width:52px;height:44px;object-fit:contain}
.yuki-panel header h2{margin:0;font-size:1.05rem;line-height:1.15}
.yuki-panel header p{margin:2px 0 0;font-size:.78rem;opacity:.75}
.yuki-close{margin-left:auto;border:0;background:transparent;font-size:1.2rem;cursor:pointer;color:#383934}
.yuki-body{padding:12px 14px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:10px}
.yuki-msg{padding:10px 12px;border-radius:12px;font-size:.92rem;line-height:1.45;max-width:92%}
.yuki-msg.bot{background:#fff;border:1px solid rgba(56,57,52,.14);align-self:flex-start}
.yuki-msg.user{background:#F9471E;color:#FDFCF0;align-self:flex-end}
.yuki-suggest{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.yuki-suggest.is-hidden{display:none}
.yuki-suggest button{border:1.5px solid rgba(56,57,52,.22);background:#FEF5CB;color:#383934;
  font-family:"Barlow Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  font-size:11px;padding:7px 10px;cursor:pointer;border-radius:999px}
.yuki-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(56,57,52,.16)}
.yuki-form input{flex:1;min-width:0;border:1.5px solid rgba(56,57,52,.25);padding:10px 12px;font:inherit;background:#fff}
.yuki-form button{border:0;background:#F9471E;color:#FDFCF0;padding:10px 14px;cursor:pointer;
  font-family:"Barlow Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.yuki-note{font-size:.72rem;opacity:.7;padding:0 14px 12px}
.yuki-note a{color:inherit;text-decoration:underline}

/* Mobile sticky Get Early Access owns the bottom bar; FAB hides while sticky is on. */
@media (max-width:700px){
  body.has-sticky .yuki-fab{display:none !important}
  body.has-sticky .yuki-panel{bottom:78px;left:12px;right:12px;width:auto}
}
@media (min-width:701px){
  .yuki-fab{bottom:24px;right:24px}
  .yuki-panel{bottom:96px}
}
