#obed-chat { --chat-red:#ea292f; --chat-border:#393b40; --chat-surface:#15171b; position:fixed; bottom:24px; right:24px; z-index:90; font:400 1rem/1.5 Arial,Helvetica,sans-serif; color:#f5f5f6; }
#obed-chat *, #obed-chat *::before, #obed-chat *::after { box-sizing:border-box; }
#obed-chat [hidden] { display:none!important; }
@media(max-width:1080px){body:has(#main-nav.open) #obed-chat .oc-launch{display:none}}
#obed-chat button, #obed-chat textarea { font:inherit; }
#obed-chat button { cursor:pointer; }
#obed-chat button:disabled { cursor:default; opacity:.48; }
#obed-chat button:focus-visible, #obed-chat a:focus-visible, #obed-chat summary:focus-visible, #obed-chat textarea:focus-visible { outline:2px solid #fff; outline-offset:4px; }
#obed-chat .oc-launch { min-height:54px; border:1px solid #f1575a; border-radius:4px; color:#fff; background:#bf191f; padding:13px 18px; display:flex; align-items:center; gap:12px; box-shadow:0 8px 32px #0006; font-size:.9375rem; font-weight:600; }
#obed-chat svg { width:22px; height:22px; flex-shrink:0; }
#obed-chat .oc-panel { position:absolute; bottom:72px; right:0; width:420px; height:min(690px,calc(100dvh - 136px)); max-width:calc(100vw - 32px); border:1px solid #47494e; border-top:3px solid var(--chat-red); border-radius:6px; background:#111317; box-shadow:0 16px 70px #0009; display:flex; flex-direction:column; overflow:hidden; }
#obed-chat .oc-header { padding:18px 20px 15px; border-bottom:1px solid var(--chat-border); display:flex; align-items:flex-start; gap:12px; }
#obed-chat .oc-mark { font-size:1.125rem; font-weight:800; letter-spacing:.06em; color:#fff; border-left:3px solid var(--chat-red); padding-left:10px; }
#obed-chat .oc-title { margin:4px 0 0; font-size:.9375rem; font-weight:400; color:#d4d5d9; }
#obed-chat .oc-close { border:0; background:none; color:#ddd; width:36px; height:36px; margin-left:auto; display:grid; place-items:center; }
#obed-chat .oc-scroll { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:18px 20px; scroll-behavior:smooth; }
#obed-chat .oc-intro { font-size:1rem; line-height:1.4; margin:0 0 16px; font-weight:600; }
#obed-chat .oc-notice { background:#1c1e23; padding:12px 14px; margin:0 0 20px; border-left:2px solid #65676c; font-size:.875rem; color:#cacbd0; }
#obed-chat .oc-notice summary { cursor:pointer; color:#ececef; }
#obed-chat .oc-notice p { margin:10px 0 0; }
#obed-chat .oc-message { margin:0 0 16px; max-width:96%; }
#obed-chat .oc-message[data-role="user"] { margin-left:auto; }
#obed-chat .oc-speaker { display:block; margin-bottom:5px; color:#bbbfc6; font-size:.8125rem; }
#obed-chat .oc-message[data-role="user"] .oc-speaker { text-align:right; }
#obed-chat .oc-message-body { background:#202329; padding:12px 14px; border-radius:2px 10px 10px; color:#f4f4f5; white-space:pre-wrap; overflow-wrap:anywhere; font-size:1rem; }
#obed-chat .oc-message[data-role="user"] .oc-message-body { background:#412023; border-radius:10px 2px 10px 10px; }
#obed-chat .oc-message a { text-decoration:underline; text-underline-offset:3px; color:#fff; }
#obed-chat .oc-topics { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin:16px 0; }
#obed-chat .oc-topics button, #obed-chat .oc-resource { border:1px solid #494c54; background:transparent; color:#e8e9ed; text-align:left; padding:9px 12px; border-radius:3px; font-size:.875rem; }
#obed-chat .oc-topics button:hover, #obed-chat .oc-resource:hover { border-color:#ee666b; }
#obed-chat .oc-resources { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
#obed-chat .oc-status { font-size:.875rem; color:#d0d2d8; margin:0 0 12px; white-space:pre-wrap; }
#obed-chat .oc-contact { display:inline-block; color:#fff; text-decoration:underline; text-underline-offset:4px; font-size:.9375rem; }
#obed-chat .oc-compose { border-top:1px solid var(--chat-border); background:#191b20; padding:14px 16px 12px; }
#obed-chat .oc-input-label { display:block; font-size:.875rem; margin-bottom:6px; color:#d3d5da; }
#obed-chat textarea { display:block; resize:vertical; min-height:72px; max-height:150px; width:100%; color:#fff; border:1px solid #51545b; background:#101216; border-radius:3px; padding:10px 11px; line-height:1.4; }
#obed-chat textarea::placeholder { color:#b5b8c0; }
#obed-chat .oc-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; }
#obed-chat .oc-send { background:#bf191f; color:#fff; border:1px solid #e74247; border-radius:3px; padding:9px 15px; font-size:.875rem; font-weight:600; }
#obed-chat .oc-text-button { background:none; border:0; color:#d6d8dd; padding:8px 0; font-size:.875rem; text-decoration:underline; text-underline-offset:3px; }
#obed-chat .oc-note { color:#aeb2ba; font-size:.8125rem; margin:10px 0 0; }
#obed-chat .oc-new { margin-top:12px; }
#obed-chat .oc-message-log:focus { outline:none; }
@media(max-width:600px) { #obed-chat { right:16px; bottom:16px; } #obed-chat .oc-launch { max-width:calc(100vw - 32px); padding:12px 15px; } #obed-chat .oc-panel { position:fixed; right:12px; bottom:84px; width:calc(100vw - 24px); max-width:none; height:min(710px,calc(100dvh - 100px)); } #obed-chat .oc-header { padding:14px 16px 12px; } #obed-chat .oc-scroll { padding:14px 16px; } }
@media(max-height:520px) { #obed-chat .oc-panel { position:fixed; inset:8px 8px 8px auto; height:calc(100dvh - 16px); } #obed-chat .oc-notice { margin-bottom:12px; } }
@media(prefers-reduced-motion:reduce) { #obed-chat .oc-scroll { scroll-behavior:auto; } }