:root{--biosafe-primary: #0d9488;--biosafe-primary-light: #14b8a6;--biosafe-primary-dark: #0f766e;--biosafe-primary-subtle: rgba(13, 148, 136, .08);--biosafe-success: #10b981;--biosafe-error: #ef4444;--biosafe-warning: #f59e0b;--biosafe-info: #3b82f6;--biosafe-gray-50: #f9fafb;--biosafe-gray-100: #f3f4f6;--biosafe-gray-200: #e5e7eb;--biosafe-gray-300: #d1d5db;--biosafe-gray-400: #9ca3af;--biosafe-gray-500: #6b7280;--biosafe-gray-600: #4b5563;--biosafe-gray-700: #374151;--biosafe-gray-800: #1f2937;--biosafe-gray-900: #111827;--biosafe-bg-primary: #ffffff;--biosafe-bg-secondary: var(--biosafe-gray-50);--biosafe-bg-tertiary: var(--biosafe-gray-100);--biosafe-bg-user-message: var(--biosafe-primary);--biosafe-bg-assistant-message: var(--biosafe-gray-100);--biosafe-text-primary: var(--biosafe-gray-900);--biosafe-text-secondary: var(--biosafe-gray-600);--biosafe-text-muted: var(--biosafe-gray-400);--biosafe-text-on-primary: #ffffff;--biosafe-border: var(--biosafe-gray-200);--biosafe-border-light: var(--biosafe-gray-100);--biosafe-border-focus: var(--biosafe-primary);--biosafe-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--biosafe-font-size-xs: .6875rem;--biosafe-font-size-sm: .8125rem;--biosafe-font-size-base: .9375rem;--biosafe-font-size-lg: 1.0625rem;--biosafe-font-size-xl: 1.25rem;--biosafe-font-size-2xl: 1.5rem;--biosafe-leading-tight: 1.25;--biosafe-leading-normal: 1.5;--biosafe-leading-relaxed: 1.625;--biosafe-spacing-1: .25rem;--biosafe-spacing-2: .5rem;--biosafe-spacing-3: .75rem;--biosafe-spacing-4: 1rem;--biosafe-spacing-5: 1.25rem;--biosafe-spacing-6: 1.5rem;--biosafe-spacing-8: 2rem;--biosafe-radius-sm: .375rem;--biosafe-radius-md: .5rem;--biosafe-radius-lg: .75rem;--biosafe-radius-xl: 1rem;--biosafe-radius-2xl: 1.25rem;--biosafe-radius-full: 9999px;--biosafe-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--biosafe-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--biosafe-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--biosafe-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--biosafe-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--biosafe-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--biosafe-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04);--biosafe-shadow-focus: 0 0 0 3px rgba(13, 148, 136, .15);--biosafe-transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--biosafe-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--biosafe-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--biosafe-transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--biosafe-widget-width: 400px;--biosafe-widget-height: 640px;--biosafe-widget-max-width: calc(100vw - 32px) ;--biosafe-widget-max-height: calc(100vh - 32px) }html,body{height:100%;margin:0;padding:0;overflow:hidden;background:transparent}#root{height:100%;display:flex;align-items:center;justify-content:center}.biosafe-widget{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--biosafe-widget-width);height:100vh;max-height:var(--biosafe-widget-height);background-color:var(--biosafe-bg-primary);border:1px solid var(--biosafe-border);border-radius:var(--biosafe-radius-2xl);box-shadow:var(--biosafe-shadow-2xl);overflow:hidden;font-family:var(--biosafe-font-family);font-size:var(--biosafe-font-size-base);color:var(--biosafe-text-primary);line-height:var(--biosafe-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:biosafe-widget-enter .4s cubic-bezier(.34,1.56,.64,1)}.biosafe-widget *{box-sizing:border-box}.biosafe-header{display:flex;align-items:center;gap:var(--biosafe-spacing-4);padding:var(--biosafe-spacing-4) var(--biosafe-spacing-5);background:linear-gradient(to bottom,var(--biosafe-bg-primary),var(--biosafe-bg-secondary));border-bottom:1px solid var(--biosafe-border-light);flex-shrink:0}.biosafe-header__avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--biosafe-radius-xl);background-color:var(--biosafe-primary);color:var(--biosafe-text-on-primary);flex-shrink:0}.biosafe-header__content{display:flex;flex-direction:column;gap:var(--biosafe-spacing-1);min-width:0;flex:1}.biosafe-header__title{margin:0;font-size:var(--biosafe-font-size-lg);font-weight:600;color:var(--biosafe-text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--biosafe-leading-tight)}.biosafe-header__subtitle{margin:0;font-size:var(--biosafe-font-size-sm);color:var(--biosafe-text-secondary);display:flex;align-items:center;gap:var(--biosafe-spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biosafe-header__status{display:inline-flex;align-items:center;gap:var(--biosafe-spacing-1)}.biosafe-header__status-dot{width:8px;height:8px;border-radius:var(--biosafe-radius-full);background-color:var(--biosafe-success);box-shadow:0 0 0 2px #10b98133}.biosafe-header__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--biosafe-radius-lg);background-color:transparent;color:var(--biosafe-text-muted);cursor:pointer;transition:background-color var(--biosafe-transition-fast),color var(--biosafe-transition-fast),transform var(--biosafe-transition-fast);flex-shrink:0}.biosafe-header__close:hover{background-color:var(--biosafe-gray-100);color:var(--biosafe-text-secondary)}.biosafe-header__close:active{transform:scale(.95)}.biosafe-messages{flex:1;padding:var(--biosafe-spacing-5);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--biosafe-spacing-4);background-color:var(--biosafe-bg-secondary);scroll-behavior:smooth}.biosafe-messages::-webkit-scrollbar{width:6px}.biosafe-messages::-webkit-scrollbar-track{background:transparent}.biosafe-messages::-webkit-scrollbar-thumb{background-color:var(--biosafe-gray-300);border-radius:var(--biosafe-radius-full)}.biosafe-messages::-webkit-scrollbar-thumb:hover{background-color:var(--biosafe-gray-400)}.biosafe-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--biosafe-spacing-8) var(--biosafe-spacing-6);margin:auto}.biosafe-welcome__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--biosafe-spacing-4);border-radius:var(--biosafe-radius-xl);background:linear-gradient(135deg,var(--biosafe-primary-subtle),transparent);color:var(--biosafe-primary)}.biosafe-welcome__text{font-size:var(--biosafe-font-size-base);color:var(--biosafe-text-secondary);line-height:var(--biosafe-leading-relaxed);max-width:280px}.biosafe-message{display:flex;flex-direction:column;max-width:85%;animation:biosafe-message-enter .3s cubic-bezier(.34,1.56,.64,1)}.biosafe-message--user{align-self:flex-end}.biosafe-message--assistant{align-self:flex-start}.biosafe-message__bubble{padding:var(--biosafe-spacing-3) var(--biosafe-spacing-4);border-radius:var(--biosafe-radius-xl);word-wrap:break-word;white-space:pre-wrap;line-height:var(--biosafe-leading-relaxed)}.biosafe-message--user .biosafe-message__bubble{background-color:var(--biosafe-primary);color:var(--biosafe-text-on-primary);border-bottom-right-radius:var(--biosafe-radius-sm)}.biosafe-message--assistant .biosafe-message__bubble{background-color:var(--biosafe-bg-primary);color:var(--biosafe-text-primary);border-bottom-left-radius:var(--biosafe-radius-sm);border:1px solid var(--biosafe-border-light);box-shadow:var(--biosafe-shadow-sm)}.biosafe-markdown{display:block;white-space:normal}.biosafe-markdown>:first-child{margin-top:0}.biosafe-markdown>:last-child{margin-bottom:0}.biosafe-markdown p{margin:0}.biosafe-markdown p+p{margin-top:var(--biosafe-spacing-3)}.biosafe-markdown h1,.biosafe-markdown h2,.biosafe-markdown h3,.biosafe-markdown h4{margin:var(--biosafe-spacing-3) 0 var(--biosafe-spacing-2);font-weight:600}.biosafe-markdown h1{font-size:var(--biosafe-font-size-xl)}.biosafe-markdown h2{font-size:var(--biosafe-font-size-lg)}.biosafe-markdown h3{font-size:var(--biosafe-font-size-base)}.biosafe-markdown h4{font-size:var(--biosafe-font-size-sm)}.biosafe-markdown ul,.biosafe-markdown ol{margin:var(--biosafe-spacing-3) 0;padding-left:var(--biosafe-spacing-5)}.biosafe-markdown li+li{margin-top:var(--biosafe-spacing-1)}.biosafe-markdown a{color:inherit;text-decoration:underline}.biosafe-markdown blockquote{margin:var(--biosafe-spacing-3) 0;padding-left:var(--biosafe-spacing-3);border-left:3px solid var(--biosafe-border);color:var(--biosafe-text-secondary)}.biosafe-markdown .biosafe-inline-code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85em;background-color:var(--biosafe-bg-tertiary);padding:0 .2em;border-radius:var(--biosafe-radius-sm)}.biosafe-markdown .biosafe-code-block{margin:var(--biosafe-spacing-3) 0;padding:var(--biosafe-spacing-3);background-color:var(--biosafe-bg-tertiary);border:1px solid var(--biosafe-border-light);border-radius:var(--biosafe-radius-md);overflow-x:auto}.biosafe-markdown .biosafe-code-block code{background:none;padding:0;white-space:pre}.biosafe-message--user .biosafe-markdown .biosafe-inline-code,.biosafe-message--user .biosafe-markdown .biosafe-code-block{background-color:#ffffff26;border-color:#ffffff40;color:var(--biosafe-text-on-primary)}.biosafe-message--user .biosafe-markdown blockquote{color:#ffffffd9;border-left-color:#fff6}.biosafe-message__timestamp{margin-top:var(--biosafe-spacing-1);font-size:var(--biosafe-font-size-xs);color:var(--biosafe-text-muted)}.biosafe-message--user .biosafe-message__timestamp{text-align:right}.biosafe-attachment-image{display:block;max-width:100%;height:auto;border-radius:var(--biosafe-radius-md);margin:var(--biosafe-spacing-2) 0}.biosafe-attachment-loading{display:flex;align-items:center;justify-content:center;min-height:100px;min-width:150px;background-color:var(--biosafe-bg-tertiary);border-radius:var(--biosafe-radius-md);margin:var(--biosafe-spacing-2) 0}.biosafe-attachment-spinner{width:24px;height:24px;border:2px solid var(--biosafe-gray-300);border-top-color:var(--biosafe-primary);border-radius:var(--biosafe-radius-full);animation:biosafe-spin .8s linear infinite}.biosafe-attachment-error{display:flex;align-items:center;gap:var(--biosafe-spacing-2);padding:var(--biosafe-spacing-2) var(--biosafe-spacing-3);background-color:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--biosafe-radius-md);margin:var(--biosafe-spacing-2) 0;font-size:var(--biosafe-font-size-sm);color:var(--biosafe-error)}.biosafe-attachment-error__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--biosafe-error);color:#fff;border-radius:var(--biosafe-radius-full);font-size:12px;font-weight:600;flex-shrink:0}.biosafe-attachment-error__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.biosafe-message--user .biosafe-attachment-loading{background-color:#ffffff26}.biosafe-message--user .biosafe-attachment-spinner{border-color:#ffffff4d;border-top-color:#fff}.biosafe-message--user .biosafe-attachment-error{background-color:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.biosafe-message--user .biosafe-attachment-error__icon{background-color:#ffffffe6;color:var(--biosafe-error)}.biosafe-tool-calls{display:flex;flex-direction:column;gap:var(--biosafe-spacing-2);margin-top:var(--biosafe-spacing-2)}.biosafe-tool-call{display:flex;align-items:center;gap:var(--biosafe-spacing-3);padding:var(--biosafe-spacing-3) var(--biosafe-spacing-4);background-color:var(--biosafe-bg-primary);border-radius:var(--biosafe-radius-lg);border:1px solid var(--biosafe-border-light);font-size:var(--biosafe-font-size-sm);box-shadow:var(--biosafe-shadow-xs);animation:biosafe-tool-enter .2s ease-out}.biosafe-tool-call--pending{border-color:#f59e0b4d;background-color:#f59e0b0a}.biosafe-tool-call--completed{border-color:#10b9814d;background-color:#10b9810a}.biosafe-tool-call--error{border-color:#ef44444d;background-color:#ef44440a}.biosafe-tool-call__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.biosafe-tool-call--pending .biosafe-tool-call__icon{color:var(--biosafe-warning)}.biosafe-tool-call--completed .biosafe-tool-call__icon{color:var(--biosafe-success)}.biosafe-tool-call--error .biosafe-tool-call__icon{color:var(--biosafe-error)}.biosafe-tool-call__header{display:flex;align-items:center;gap:var(--biosafe-spacing-2);flex:1;min-width:0}.biosafe-tool-call__name{font-weight:500;color:var(--biosafe-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biosafe-tool-call__status{margin-left:auto;font-size:var(--biosafe-font-size-xs);color:var(--biosafe-text-muted);white-space:nowrap}.biosafe-tool-call__latency{font-size:var(--biosafe-font-size-xs);color:var(--biosafe-text-muted);font-variant-numeric:tabular-nums}.biosafe-tool-call--fading{animation:biosafe-tool-fade-out .3s ease-out forwards;overflow:hidden}@keyframes biosafe-tool-fade-out{0%{opacity:1;transform:translate(0);max-height:60px;margin-bottom:0}to{opacity:0;transform:translate(-8px);max-height:0;margin-bottom:-8px;padding-top:0;padding-bottom:0}}.biosafe-typing-indicator{display:inline-flex;align-items:center;gap:var(--biosafe-spacing-2);padding:var(--biosafe-spacing-3) var(--biosafe-spacing-4);background-color:var(--biosafe-bg-primary);border-radius:var(--biosafe-radius-xl);border-bottom-left-radius:var(--biosafe-radius-sm);border:1px solid var(--biosafe-border-light);box-shadow:var(--biosafe-shadow-sm);align-self:flex-start;color:var(--biosafe-text-muted);font-size:var(--biosafe-font-size-sm);line-height:1.3}.biosafe-typing-indicator--thinking{color:var(--biosafe-text-primary);font-style:italic}.biosafe-typing-indicator__text{animation:biosafe-indicator-pulse 2.4s ease-in-out infinite}@keyframes biosafe-indicator-pulse{0%,to{opacity:.7}50%{opacity:1}}.biosafe-input-container{display:flex;align-items:flex-end;gap:var(--biosafe-spacing-3);padding:var(--biosafe-spacing-4) var(--biosafe-spacing-5);background-color:var(--biosafe-bg-primary);border-top:1px solid var(--biosafe-border-light);flex-shrink:0}.biosafe-input{flex:1;padding:var(--biosafe-spacing-3) var(--biosafe-spacing-4);border:1px solid var(--biosafe-border);border-radius:var(--biosafe-radius-xl);font-family:inherit;font-size:var(--biosafe-font-size-base);color:var(--biosafe-text-primary);background-color:var(--biosafe-bg-secondary);outline:none;transition:border-color var(--biosafe-transition-fast),background-color var(--biosafe-transition-fast),box-shadow var(--biosafe-transition-fast);resize:none;min-height:44px;max-height:120px;line-height:var(--biosafe-leading-normal)}.biosafe-input:hover:not(:disabled){border-color:var(--biosafe-gray-300)}.biosafe-input:focus{border-color:var(--biosafe-border-focus);background-color:var(--biosafe-bg-primary);box-shadow:var(--biosafe-shadow-focus)}.biosafe-input::placeholder{color:var(--biosafe-text-muted)}.biosafe-input:disabled{background-color:var(--biosafe-bg-tertiary);cursor:not-allowed;opacity:.7}.biosafe-send-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--biosafe-radius-xl);background-color:var(--biosafe-primary);color:var(--biosafe-text-on-primary);cursor:pointer;transition:transform var(--biosafe-transition-fast),background-color var(--biosafe-transition-fast),opacity var(--biosafe-transition-fast);flex-shrink:0}.biosafe-send-button:hover:not(:disabled){background-color:var(--biosafe-primary-dark)}.biosafe-send-button:active:not(:disabled){transform:scale(.96)}.biosafe-send-button:disabled{opacity:.4;cursor:not-allowed}.biosafe-attach-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--biosafe-radius-xl);background-color:var(--biosafe-bg-tertiary);color:var(--biosafe-text-secondary);cursor:pointer;transition:transform var(--biosafe-transition-fast),background-color var(--biosafe-transition-fast),color var(--biosafe-transition-fast),opacity var(--biosafe-transition-fast);flex-shrink:0}.biosafe-attach-button:hover:not(:disabled){background-color:var(--biosafe-gray-200);color:var(--biosafe-text-primary)}.biosafe-attach-button:active:not(:disabled){transform:scale(.96)}.biosafe-attach-button:disabled{opacity:.4;cursor:not-allowed}.biosafe-spinner-icon{animation:biosafe-spin 1s linear infinite}.biosafe-error{display:flex;align-items:center;justify-content:center;padding:var(--biosafe-spacing-6);flex:1}.biosafe-error__message{display:flex;align-items:center;gap:var(--biosafe-spacing-3);padding:var(--biosafe-spacing-4) var(--biosafe-spacing-5);background-color:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:var(--biosafe-radius-lg);color:var(--biosafe-error);font-size:var(--biosafe-font-size-sm);text-align:center;max-width:320px}.biosafe-loading{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;gap:var(--biosafe-spacing-4);color:var(--biosafe-text-secondary)}.biosafe-spinner{width:36px;height:36px;border:3px solid var(--biosafe-gray-200);border-top-color:var(--biosafe-primary);border-radius:var(--biosafe-radius-full);animation:biosafe-spin .8s linear infinite}@keyframes biosafe-spin{to{transform:rotate(360deg)}}@keyframes biosafe-widget-enter{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes biosafe-message-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes biosafe-tool-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes biosafe-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.biosafe-widget,.biosafe-message,.biosafe-tool-call,.biosafe-typing-indicator__text{animation:none}.biosafe-send-button:active:not(:disabled),.biosafe-header__close:active{transform:none}}.biosafe-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.biosafe-widget--modern{--biosafe-radius-xl: 1.25rem;--biosafe-radius-2xl: 1.5rem}.biosafe-widget--modern .biosafe-header{background:linear-gradient(135deg,var(--biosafe-primary),var(--biosafe-primary-dark));border-bottom:none;padding:var(--biosafe-spacing-5) var(--biosafe-spacing-5)}.biosafe-widget--modern .biosafe-header__avatar{background:#fff3;box-shadow:none}.biosafe-widget--modern .biosafe-header__title{color:var(--biosafe-text-on-primary)}.biosafe-widget--modern .biosafe-header__subtitle{color:#ffffffd9}.biosafe-widget--modern .biosafe-header__status-dot{background-color:#34d399;box-shadow:0 0 0 2px #34d3994d}.biosafe-widget--modern .biosafe-header__close{color:#ffffffb3}.biosafe-widget--modern .biosafe-header__close:hover{background-color:#ffffff26;color:var(--biosafe-text-on-primary)}.biosafe-widget--minimal{--biosafe-radius-sm: .25rem;--biosafe-radius-md: .375rem;--biosafe-radius-lg: .5rem;--biosafe-radius-xl: .625rem;--biosafe-radius-2xl: .75rem;box-shadow:var(--biosafe-shadow-lg)}.biosafe-widget--minimal .biosafe-header{background:var(--biosafe-bg-primary);border-bottom:2px solid var(--biosafe-primary);padding:var(--biosafe-spacing-3) var(--biosafe-spacing-4)}.biosafe-widget--minimal .biosafe-header__avatar{width:36px;height:36px;border-radius:var(--biosafe-radius-md)}.biosafe-widget--minimal .biosafe-header__title{font-size:var(--biosafe-font-size-base);font-weight:500}.biosafe-widget--minimal .biosafe-message__bubble{border-radius:var(--biosafe-radius-md)}.biosafe-widget--minimal .biosafe-message--user .biosafe-message__bubble{border-radius:var(--biosafe-radius-md);background:var(--biosafe-primary)}.biosafe-widget--minimal .biosafe-message--assistant .biosafe-message__bubble{border-radius:var(--biosafe-radius-md)}.biosafe-widget--minimal .biosafe-input,.biosafe-widget--minimal .biosafe-send-button{border-radius:var(--biosafe-radius-lg)}.biosafe-widget--fullscreen{--biosafe-widget-width: 768px;--biosafe-widget-height: 680px;--biosafe-widget-max-width: calc(100vw - 32px) ;--biosafe-widget-max-height: calc(100vh - 32px) }@media (max-width: 480px){:root{--biosafe-widget-width: 100vw;--biosafe-widget-max-width: 100vw;--biosafe-widget-max-height: 100vh}.biosafe-widget:not(.biosafe-widget--fullscreen){border-radius:0;border:none}.biosafe-header{padding:var(--biosafe-spacing-3) var(--biosafe-spacing-4)}.biosafe-header__avatar{width:40px;height:40px}.biosafe-messages{padding:var(--biosafe-spacing-4);gap:var(--biosafe-spacing-3)}.biosafe-message{max-width:90%}.biosafe-input-container{padding:var(--biosafe-spacing-3) var(--biosafe-spacing-4)}}