:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}html{font:13px/1.3 Inter,-apple-system,Helvetica,Ubuntu,Roboto,Segoe Ui,Arial,sans-serif}.chatbot-layout{min-height:100vh;width:100vw;margin:0;padding:0;background:#fff}.chatbot-header{background:#fff;padding:0;height:64px;line-height:64px;border-bottom:1px solid #f0f0f0}.header-inner{width:100%;padding:0 8px;display:flex;align-items:center;justify-content:flex-start;height:100%}.header-left{display:flex;align-items:center;gap:12px}.brand-section{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.brand-section:hover{opacity:.8}.brand-logo{width:24px;height:24px;object-fit:contain}.logo-divider{width:1px;height:24px;background-color:#f0f0f0;margin:0 12px}.brand-name{font-size:14px;font-weight:500;color:#111827;margin:0}.chatbot-content{padding:0;width:100%;min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.chatbot-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0}.error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb;padding:2rem}.error-title{font-size:8rem;font-weight:700;color:#111827;margin:0;line-height:1;opacity:.5}.error-message{font-size:1.5rem;color:#6b7280;margin:1rem 0 2rem;text-align:center}.error-description{font-size:1rem;color:#9ca3af;margin:0;text-align:center;max-width:400px}.loading-content{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f9fafb}@keyframes chatbot-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chatbot-dash{0%{stroke-dasharray:70,420;stroke-dashoffset:0;stroke:#00f}50%{stroke-dasharray:210,80;stroke-dashoffset:-40;stroke:#a056ff}to{stroke-dasharray:210,420;stroke-dashoffset:-350;stroke:#00f}}.spinner-circle{cx:70px;cy:70px;r:50px;transform-origin:center;animation:chatbot-dash 2s ease infinite,chatbot-rotate 2s linear infinite}.spinner{fill:transparent;stroke-width:2px;width:140px;height:140px}