*{box-sizing:border-box;margin:0;padding:0}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;background:#0f0f0f;color:#e0e0e0}.container{max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column}.header{padding:1.5rem 2rem;border-bottom:1px solid #333;background:#1a1a1a}.header h1{font-size:1.5rem;font-weight:600;color:#fff}.header p{font-size:.875rem;color:#888;margin-top:.25rem}.messages{flex:1 1;overflow-y:auto;padding:2rem;flex-direction:column}.message,.messages{display:flex;gap:1rem}.message{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message-content{max-width:70%;padding:1rem 1.25rem;border-radius:12px;line-height:1.6}.message.user .message-content{background:#2563eb;color:white}.message.assistant .message-content{background:#1f1f1f;border:1px solid #333}.message.system .message-content{background:#1a1a2e;border:1px solid #2a2a4e;color:#9ca3af;font-size:.875rem;font-family:Monaco,Courier New,monospace}.tool-call{margin-top:.75rem;padding:.75rem;background:#0a0a0a;border-radius:8px;border-left:3px solid #10b981;font-size:.875rem}.tool-call-header{font-weight:600;color:#10b981;margin-bottom:.5rem}.tool-call-args{color:#888;white-space:pre-wrap;word-break:break-all}.tool-call-args,.tool-result{font-family:Monaco,Courier New,monospace}.tool-result{margin-top:.5rem;padding:.5rem;background:#0f1419;border-radius:4px;color:#6ee7b7;font-size:.8rem;max-height:200px;overflow-y:auto}.input-container{padding:1.5rem 2rem;border-top:1px solid #333;background:#1a1a1a}.input-form{display:flex;gap:1rem}.input-form input{flex:1 1;padding:.875rem 1.25rem;background:#0f0f0f;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-size:1rem;transition:border-color .2s}.input-form input:focus{outline:none;border-color:#2563eb}.input-form input::placeholder{color:#666}.input-form button{padding:.875rem 2rem;background:#2563eb;color:white;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.input-form button:hover:not(:disabled){background:#1d4ed8}.input-form button:disabled{background:#374151;cursor:not-allowed;opacity:.5}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #333;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{padding:1rem;background:#7f1d1d;border:1px solid #991b1b;border-radius:8px;color:#fca5a5}.examples{padding:1rem 2rem;display:flex;gap:.5rem;flex-wrap:wrap}.example-chip{padding:.5rem 1rem;background:#1f1f1f;border:1px solid #333;border-radius:20px;font-size:.875rem;color:#888;cursor:pointer;transition:all .2s}.example-chip:hover{background:#2a2a2a;border-color:#2563eb;color:#e0e0e0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;line-height:1.25}.message-content h1{font-size:1.5rem}.message-content h2{font-size:1.25rem}.message-content h3{font-size:1.1rem}.message-content h4{font-size:1rem}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child{margin-top:0}.message-content p{margin-bottom:1rem}.message-content p:last-child{margin-bottom:0}.message-content ol,.message-content ul{margin-bottom:1rem;padding-left:1.5rem}.message-content li{margin-bottom:.25rem}.message-content code{background:#0a0a0a;padding:.15rem .4rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875em;color:#6ee7b7}.message-content pre{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1rem}.message-content pre code{background:none;padding:0;font-size:.85rem;color:#e0e0e0}.message-content table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9rem}.message-content table td,.message-content table th{border:1px solid #333;padding:.5rem .75rem;text-align:left}.message-content table th{background:#1a1a1a;font-weight:600;color:#fff}.message-content table tr:nth-child(2n){background:rgba(255,255,255,.02)}.message-content blockquote{border-left:3px solid #2563eb;padding-left:1rem;margin:1rem 0;color:#9ca3af;font-style:italic}.message-content a{color:#60a5fa;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content hr{border:none;border-top:1px solid #333;margin:1.5rem 0}