*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}:root{--bg-primary:#f9fafb;--bg-secondary:#ffffff;--bg-tertiary:#f3f4f6;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--border-hover:#d1d5db;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}[data-theme=dark]{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--border-color:#374151;--border-hover:#4b5563;--accent-blue:#60a5fa;--accent-green:#34d399;--accent-red:#f87171;--shadow:0 1px 3px 0 rgba(0,0,0,0.3),0 1px 2px 0 rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.2)}.app{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}.app,.header{transition:all .3s ease}.header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{max-width:1024px;margin:0 auto;padding:1rem;justify-content:space-between}.header-content,.header-left{display:flex;align-items:center}.header-left{gap:.75rem}.logo{width:2.5rem;height:2.5rem;background-color:var(--accent-blue);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:white}.logo svg{width:1.5rem;height:1.5rem}.header-title h1{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.header-title p{font-size:.875rem;color:var(--text-secondary)}.header-right{gap:1rem}.header-right,.webhook-input{display:flex;align-items:center}.webhook-input{gap:.5rem}.webhook-input label{font-size:.875rem;color:var(--text-secondary)}.webhook-input input{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .3s ease}.webhook-input input:focus{outline:none;border-color:var(--accent-blue)}.theme-toggle{padding:.5rem;border:none;background-color:var(--bg-tertiary);border-radius:.5rem;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.theme-toggle:hover{transform:scale(1.05);background-color:var(--border-hover)}.theme-toggle svg{width:1.25rem;height:1.25rem}.main{max-width:1024px;margin:0 auto;padding:1.5rem 1rem 8rem}.empty-state{text-align:center;padding:5rem 0}.empty-icon{display:inline-flex;padding:1rem;border-radius:50%;margin-bottom:1rem;background-color:var(--bg-secondary)}.empty-icon svg{width:3rem;height:3rem;color:var(--accent-blue)}.empty-state h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary)}.messages{display:flex;flex-direction:column;gap:1.5rem}.message{display:flex;align-items:flex-start;gap:.75rem}.message.user{flex-direction:row-reverse}.message-avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white}.message-avatar.user{background-color:var(--accent-green)}.message-avatar.ai{background-color:var(--accent-blue)}.message-avatar svg{width:1rem;height:1rem}.message-content{flex:1 1;max-width:48rem}.message.user .message-content{text-align:right}.message-bubble{display:inline-block;padding:.75rem 1.5rem;border-radius:1rem;box-shadow:var(--shadow);word-wrap:break-word;white-space:pre-wrap;line-height:1.5}.message-bubble h1,.message-bubble h2,.message-bubble h3,.message-bubble h4,.message-bubble li,.message-bubble ol,.message-bubble p,.message-bubble ul{margin-bottom:.5rem}.message-bubble ol,.message-bubble ul{padding-left:1.5rem}.message.user .message-bubble{background-color:var(--accent-green);color:white}.message.ai .message-bubble{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.message-time{font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.loading{display:flex;align-items:center;gap:.75rem}.loading-dots{display:flex;gap:.25rem}.loading-dot{width:.625rem;height:.625rem;border-radius:50%;background-color:var(--text-tertiary);animation:bounce 1.4s ease-in-out infinite both}.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)}}.loading-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-area{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.input-container{max-width:1024px;margin:0 auto;padding:1rem}.input-wrapper{display:flex;gap:.75rem;border:1px solid var(--border-color);border-radius:.75rem;background-color:var(--bg-secondary);transition:border-color .3s ease}.input-wrapper:focus-within{border-color:var(--accent-blue)}.input-field{flex:1 1;min-height:2.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);resize:none;outline:none;font-family:inherit;line-height:1.5}.input-field::placeholder{color:var(--text-tertiary)}.input-field:disabled{opacity:.5}.send-button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;background-color:var(--accent-blue);color:white;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin:.25rem}.send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-lg)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:1.25rem;height:1.25rem;transition:transform .2s ease}.send-button.loading svg{animation:pulse 1s infinite}.vectorize-button{padding:.5rem 1rem;background-color:var(--accent-blue);color:white;font-size:.875rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow)}.vectorize-button:hover{background-color:var(--accent-green);transform:scale(1.05);box-shadow:var(--shadow-lg)}.vectorize-button:active{transform:scale(.98)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.input-hint{font-size:.75rem;text-align:center;margin-top:.5rem;color:var(--text-tertiary)}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-right{width:100%;justify-content:space-between}.webhook-input{flex:1 1}.webhook-input input{flex:1 1;min-width:0}.main{padding:1rem .5rem 8rem}.message-bubble{max-width:calc(100vw - 8rem)}.input-container{padding:.75rem}}@media (max-width:480px){.header-title h1{font-size:1.125rem}.header-title p{font-size:.75rem}.webhook-input label{display:none}.message-bubble{max-width:calc(100vw - 6rem)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}