.microshop-chat{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(var(--live-bottom,16px) + env(safe-area-inset-bottom,0px));z-index:90;max-width:calc(100vw - 32px);font:14px/1.45 var(--microshop-font-family,Roboto,system-ui,sans-serif);color:var(--microshop-text,#494949)}
.microshop-chat [hidden]{display:none!important}
.microshop-chat button{cursor:pointer;border:1px solid var(--microshop-border,#dedede);border-radius:var(--microshop-radius-sm,8px);padding:10px 14px;background:var(--microshop-surface,#fff);color:inherit;font:inherit;min-height:42px}
.microshop-chat button:focus-visible,.microshop-chat textarea:focus-visible{outline:3px solid var(--microshop-focus,#8bb9e8);outline-offset:2px}
.microshop-chat form>button{background:var(--microshop-primary,#333);color:#fff;border-color:transparent}
.microshop-chat>[data-chat-launcher]{float:right;border-radius:var(--microshop-button-radius,8px);padding:10px 18px;background:var(--microshop-surface,transparent);color:var(--microshop-text,#494949);border-color:var(--microshop-primary,#1976d2);box-shadow:0 3px 14px #0002}
.microshop-chat [data-chat-unread]{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;background:#fff;color:#333;border-radius:50%;min-width:20px;height:20px;font-size:12px;font-weight:700}
.microshop-chat [data-chat-window]{clear:both;display:flex;flex-direction:column;gap:10px;width:350px;max-width:calc(100vw - 32px);max-height:min(520px,var(--live-space,calc(100dvh - 48px)));overflow:auto;background:var(--microshop-surface,#fff);border:1px solid var(--microshop-border,#dedede);border-radius:var(--microshop-radius,12px);padding:16px;box-shadow:0 6px 24px #0002;margin-top:8px;overscroll-behavior:contain}
.microshop-chat header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0}
.microshop-chat header button{font-size:22px;padding:4px 12px}
.microshop-chat [data-chat-log]{min-height:64px;height:220px;flex:1 1 auto;overflow:auto;overscroll-behavior:contain}
.microshop-chat article{padding:10px;border-radius:8px;margin-bottom:8px;background:var(--microshop-surface-alt,#f7f7f7)}
.microshop-chat article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}
.microshop-chat small{color:var(--microshop-muted,#686868);font-size:12px}
.microshop-chat textarea{box-sizing:border-box;width:100%;font:inherit;font-size:16px;line-height:1.4;background:var(--microshop-surface-alt,#fff);color:inherit;border:1px solid var(--microshop-border,#dedede);border-radius:8px;padding:10px;resize:none;margin:6px 0;max-height:120px}
.microshop-chat button:disabled{opacity:.5;cursor:default}
.microshop-chat [data-chat-status],.microshop-chat [data-chat-hint]{margin:0;color:var(--microshop-muted,#686868);font-size:13px}
.microshop-chat [data-chat-status]:empty{display:none}
.microshop-chat-visitor{border-left:2px solid var(--microshop-primary,#333)}
@media(max-width:600px){.microshop-chat [data-chat-window]{width:calc(100vw - 32px);padding:12px}.microshop-chat [data-chat-log]{height:180px}.microshop-chat textarea{font-size:16px}}

.microshop-chat>[data-chat-launcher]:hover{background:var(--microshop-surface-alt,#222b38);border-color:var(--microshop-primary-hover,var(--microshop-primary,#1976d2))}

.microshop-chat [data-chat-launcher].live-reply-pulse{animation:microshop-live-reply-pulse 1s ease-out 1}
@keyframes microshop-live-reply-pulse{0%,100%{box-shadow:0 0 0 0 transparent}40%{box-shadow:0 0 0 5px rgba(64,144,255,.24)}}
@media(prefers-reduced-motion:reduce){.microshop-chat [data-chat-launcher].live-reply-pulse{animation:none}}