.yar-chat{position:fixed;right:20px;bottom:20px;z-index:9999;font:16px/1.4 system-ui,sans-serif}.yar-chat--left{right:auto;left:20px}.yar-chat__toggle,.yar-chat__form button{border:0;border-radius:8px;background:var(--yar-primary);color:#fff;padding:12px 16px;font-weight:700;cursor:pointer}.yar-chat__toggle{display:inline-flex;align-items:center;gap:8px;width:190px;min-height:58px;overflow:hidden;white-space:nowrap;touch-action:none;cursor:grab;user-select:none;transition:width .75s cubic-bezier(.22,1,.36,1),border-radius .75s cubic-bezier(.22,1,.36,1),padding .75s cubic-bezier(.22,1,.36,1),box-shadow .75s ease}.yar-chat__toggle:active{cursor:grabbing}.yar-chat__launcher-icon{font-size:20px;line-height:1;flex:none}.yar-chat__launcher-logo{width:25px;height:25px;object-fit:contain;border-radius:50%;background:#fff;padding:2px;flex:none;transition:width .75s cubic-bezier(.22,1,.36,1),height .75s cubic-bezier(.22,1,.36,1),padding .75s ease}.yar-chat__launcher-label{max-width:140px;opacity:1;overflow:hidden;transition:max-width .55s ease .12s,opacity .35s ease .12s}.yar-chat--circle .yar-chat__toggle{width:58px;height:58px;justify-content:center;padding:0;border-radius:50%;box-shadow:0 4px 16px #0004}.yar-chat--circle .yar-chat__launcher-logo{width:58px;height:58px;object-fit:cover;border-radius:50%;background:transparent;padding:0}.yar-chat--circle .yar-chat__launcher-label{max-width:0;opacity:0;transition:max-width .4s ease,opacity .2s ease}.yar-chat__panel{width:min(360px,calc(100vw - 40px));margin-top:10px;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 12px 35px #0003;overflow:hidden}.yar-chat__header{display:flex;align-items:center;gap:10px;padding:12px;color:#fff;background:var(--yar-primary);border-bottom:3px solid var(--yar-accent)}.yar-chat__header strong,.yar-chat__header span{display:block}.yar-chat__header span{font-size:13px;opacity:.88}.yar-chat__logo{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.yar-chat__messages{max-height:330px;overflow:auto;padding:12px;background:#f8fafc}.yar-chat__message{margin:7px 0;padding:9px 11px;border-radius:10px;overflow-wrap:anywhere}.yar-chat__message p{margin:0 0 8px}.yar-chat__message p:last-child{margin-bottom:0}.yar-chat__message ul,.yar-chat__message ol{margin:4px 0 8px;padding-left:20px}.yar-chat__message li{margin:3px 0}.yar-chat__message a{color:var(--yar-primary);font-weight:700}.yar-chat__message--user{background:#fef3c7;margin-left:32px;white-space:pre-wrap}.yar-chat__message--assistant{background:#fff;margin-right:18px}.yar-chat__typing{display:flex;align-items:center;gap:4px;width:max-content;margin:7px 18px 7px 0;padding:12px;border-radius:10px;background:#fff}.yar-chat__typing span{width:6px;height:6px;border-radius:50%;background:var(--yar-primary);animation:yar-typing 1.1s infinite ease-in-out}.yar-chat__typing span:nth-child(2){animation-delay:.15s}.yar-chat__typing span:nth-child(3){animation-delay:.3s}@keyframes yar-typing{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-5px);opacity:1}}.yar-chat__form{display:flex;gap:7px;padding:10px}.yar-chat__input{min-width:0;flex:1;padding:10px;border:1px solid #9ca3af;border-radius:8px}.yar-chat__input:focus{outline:2px solid var(--yar-accent);outline-offset:1px}.yar-chat__website{position:absolute;left:-9999px;opacity:0}.yar-chat__form button{padding:10px}.yar-chat__quote{display:block;margin:0 10px 10px;padding:9px;border:1px solid var(--yar-primary);border-radius:8px;color:var(--yar-primary);font-size:13px;font-weight:700;text-align:center;text-decoration:none}.yar-chat__attribution{padding:0 10px 10px;text-align:center;color:#64748b;font-size:11px}@media (prefers-reduced-motion:reduce){.yar-chat__toggle,.yar-chat__launcher-logo,.yar-chat__launcher-label,.yar-chat__typing span{transition:none;animation:none}}

/* Portal controls and checkout themes must not overrule the widget. */
.yar-chat { box-sizing:border-box; max-width:calc(100vw - 16px); }
.yar-chat *, .yar-chat *::before, .yar-chat *::after { box-sizing:border-box; }
.yar-chat__panel { position:absolute; bottom:calc(100% + 10px); right:0; margin:0; color:#111827; max-height:calc(100vh - 110px); overflow:auto; }
.yar-chat--left .yar-chat__panel { left:0; right:auto; }
.yar-chat__messages { min-height:100px; max-height:min(330px,calc(100vh - 280px)); }
.yar-chat__sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:420px){ .yar-chat__panel { width:min(360px,calc(100vw - 24px)); } }