*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:#1c1f26;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}.widget{flex-direction:column;height:100%;display:flex}.header{color:#fff;background:#2f6fed;justify-content:space-between;align-items:flex-start;gap:8px;padding:16px;display:flex}.header-text{flex-direction:column;gap:2px;display:flex}.header-text span{opacity:.85;font-size:12px}.header-button{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px}.header-button:hover{background:#ffffff26}.details{flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex;overflow-y:auto}.details h2{margin:0;font-size:16px}.details .hint{color:#6b7280;margin:-6px 0 0;font-size:12px}.details label{color:#374151;flex-direction:column;gap:4px;font-size:12px;display:flex}.details input{font:inherit;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.details-actions{justify-content:flex-end;gap:8px;display:flex}.details-actions button{color:#fff;font:inherit;cursor:pointer;background:#2f6fed;border:0;border-radius:10px;padding:10px 16px}.details-actions button.secondary{color:#1c1f26;background:#f1f3f7}.details-actions button:disabled{opacity:.5;cursor:default}.banner{background:#fff4d6;padding:6px 16px;font-size:12px}.thread{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.day-group{content-visibility:auto;contain-intrinsic-block-size:auto 600px;flex-direction:column;flex-shrink:0;gap:8px;display:flex}.day{z-index:1;color:#6b7280;background:#fff;border-radius:999px;align-self:center;padding:2px 10px;font-size:11px;position:sticky;top:0;box-shadow:0 1px 2px #00000014}.history-loading{text-align:center;color:#6b7280;margin:0;font-size:11px}.scroll-latest{color:#6b7280;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;padding:5px 10px;transition:opacity .2s ease-out,transform .2s ease-out;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #00000014}.scroll-latest.hidden{opacity:0;transform:translate(-50%)translateY(8px)scale(.9)}@media (prefers-reduced-motion:reduce){.scroll-latest{transition:none}}.scroll-latest:hover{color:#374151}.scroll-latest svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.greeting,.typing{color:#6b7280;margin:0}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:80%;padding:8px 12px;position:relative}.bubble.own{color:#fff;background:#2f6fed;align-self:flex-end}.bubble.other{background:#f1f3f7;align-self:flex-start}.meta{inset-inline-end:12px;color:#6b7280;align-items:center;gap:4px;font-size:11px;line-height:16px;display:inline-flex;position:absolute;bottom:8px}.meta.spacer{visibility:hidden;vertical-align:bottom;margin-inline-start:10px;position:static}.rich p{margin:0}.rich>p:last-child{display:inline}.rich ul,.rich ol{white-space:normal;margin:2px 0;padding-inline-start:20px}.rich li{white-space:pre-wrap}.rich a{color:inherit;text-underline-offset:2px;text-decoration:underline}.rich code{background:#00000014;border-radius:4px;padding:0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.bubble.own .rich code{background:#fff3}.bubble.own .meta{color:#fffc}.receipt{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:11px}.author{color:#6b7280;margin-bottom:2px;font-size:11px;display:block}.error{color:#b42318;padding:6px 16px;font-size:12px}.composer{border-top:1px solid #e5e7eb;gap:8px;padding:12px;display:flex}.composer input{font:inherit;border:1px solid #d1d5db;border-radius:10px;flex:1;padding:10px 12px}.composer button{color:#fff;font:inherit;cursor:pointer;background:#2f6fed;border:0;border-radius:10px;padding:0 14px}.composer button:disabled{opacity:.5;cursor:default}.details .error{margin:0;padding:0}
