*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#loading-screen{z-index:9999;color:#fff;background:#2563eb;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#loading-screen p{margin-top:20px;font-size:18px;font-weight:500}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.loaded #loading-screen{display:none}.chat-container{background:#fff;flex-direction:column;max-width:900px;height:100vh;margin:0 auto;display:flex}.chat-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.chat-header h1{font-size:24px;font-weight:600}.chat-header p{opacity:.9;margin-top:4px;font-size:14px}.header-notice{background:#fff3;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-block}.messages-container{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.message{gap:12px;max-width:80%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.message.user .message-avatar{color:#fff;background:#2563eb}.message.assistant .message-avatar{color:#fff;background:#10b981}.message-content-wrapper{flex-direction:column;gap:8px;max-width:100%;display:flex}.message-content{word-wrap:break-word;overflow-wrap:break-word;border-radius:12px;max-width:100%;padding:12px 16px;line-height:1.5}.message.user .message-content{color:#fff;background:#2563eb}.message.assistant .message-content{color:#111827;background:#f3f4f6}.message-content pre{color:#f9fafb;white-space:pre-wrap;word-wrap:break-word;background:#1f2937;border-radius:6px;max-width:100%;margin:8px 0;padding:12px;overflow-x:auto}.message-content code{background:#0000001a;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:14px}.input-container{background:#fff;border-top:1px solid #e5e7eb;padding:20px}.input-form{gap:12px;display:flex}.input-field{border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:16px;transition:border-color .2s}.input-field:focus{border-color:#2563eb}.send-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:background .2s}.send-button:hover:not(:disabled){background:#1d4ed8}.send-button:disabled{cursor:not-allowed;background:#9ca3af}.loading-indicator{gap:4px;padding:12px 16px;display:flex}.loading-dot{background:#9ca3af;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.copy-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-self:flex-end;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.copy-button:hover{background:#059669}.copy-button:active{background:#047857}.docs-link{color:#2563eb;white-space:nowrap;background:#fff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.docs-link:hover{background:#f3f4f6}