#syls-chat { --sc-ink:#12302d; --sc-accent:#176b54; --sc-border:#e0e9e5; position:fixed; z-index:10000; right:24px; bottom:24px; font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--sc-ink); }
#syls-chat *, #syls-chat *::before, #syls-chat *::after { box-sizing:border-box; }
#syls-chat [hidden] { display:none !important; }
#syls-chat button, #syls-chat textarea { font:inherit; }
#syls-chat button { cursor:pointer; text-transform:none; letter-spacing:normal; margin:0; }
#syls-chat button:disabled { opacity:.6; cursor:wait; }
#syls-chat :focus-visible { outline:3px solid #d6a83b; outline-offset:3px; }
#syls-chat .sc-launcher { display:block; margin-left:auto; border:0; border-radius:999px; padding:14px 22px; background:var(--sc-accent); color:white; box-shadow:0 6px 24px #12302d30; font-weight:650; }
#syls-chat .sc-panel { width:380px; max-width:calc(100vw - 32px); margin-bottom:14px; background:#fff; border:1px solid var(--sc-border); border-radius:20px; overflow:hidden; box-shadow:0 20px 65px #12302d26; max-height:calc(100dvh - 110px); display:flex; flex-direction:column; }
#syls-chat .sc-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; background:#eff6f2; }
#syls-chat h2 { font:700 18px/1.3 system-ui,sans-serif; color:var(--sc-ink); margin:0; }
#syls-chat h2::before, #syls-chat h2::after { display:none; }
#syls-chat .sc-header p { margin:4px 0 0; color:#52665f; font-size:12px; }
#syls-chat .sc-close { padding:4px 10px; font-size:26px; border:0; background:transparent; color:var(--sc-ink); }
#syls-chat .sc-log { padding:20px; overflow-y:auto; min-height:100px; max-height:300px; overscroll-behavior:contain; }
#syls-chat .sc-message { margin:0 0 14px; padding:12px 14px; border-radius:14px; background:#f2f5f3; overflow-wrap:anywhere; }
#syls-chat .sc-message:last-child { margin-bottom:0; }
#syls-chat .sc-user { background:#e5f3ec; margin-left:28px; }
#syls-chat .sc-speaker { font-size:11px; font-weight:700; color:#52665f; }
#syls-chat .sc-message p { margin:4px 0 0; white-space:pre-wrap; font:inherit; color:inherit; }
#syls-chat .sc-prompts { display:flex; flex-wrap:wrap; gap:7px; padding:0 20px 12px; }
#syls-chat .sc-prompts button { background:#fff; border:1px solid var(--sc-border); border-radius:999px; padding:7px 10px; color:var(--sc-accent); font-size:12px; }
#syls-chat .sc-status { margin:0; padding:0 20px; color:#685021; font-size:12px; }
#syls-chat .sc-status:not(:empty) { padding-bottom:10px; }
#syls-chat .sc-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:end; flex-shrink:0; margin:0; border-top:1px solid var(--sc-border); padding:14px 16px; }
#syls-chat textarea { display:block; width:100%; min-width:0; max-width:100%; height:auto; min-height:64px; margin:0; resize:none; border:1px solid var(--sc-border); border-radius:10px; padding:9px; background:#fff; color:var(--sc-ink); }
#syls-chat .sc-send { display:block; width:auto; min-width:0; height:auto; min-height:44px; white-space:nowrap; background:var(--sc-accent); color:#fff; border:0; border-radius:10px; padding:10px 12px; }
#syls-chat .sc-footer { display:flex; justify-content:space-between; gap:12px; padding:0 20px 12px; font-size:12px; }
#syls-chat a { color:var(--sc-accent); text-decoration:underline; }
#syls-chat .sc-reset { padding:0; border:0; background:none; color:#52665f; font-size:12px; }
#syls-chat .sc-privacy { margin:0; padding:12px 20px; background:#f7f9f8; color:#52665f; font-size:11px; }
@media(max-width:480px) { #syls-chat { right:12px; bottom:max(12px,env(safe-area-inset-bottom)); } #syls-chat .sc-panel { width:calc(100vw - 24px); max-width:none; } #syls-chat textarea { font-size:16px; } }

#syls-chat .sc-operator { background:#e8eefb; border-left:3px solid #425c9d; }
#syls-chat .sc-system { background:#fff8e6; font-size:12px; }
#syls-chat .sc-footer { flex-wrap:wrap; }