:root{--bg:#0b0c10;--card:#111218;--muted:#aab1c4;--text:#e8ecf4;--accent:#7cc4ff;--accent-2:#98e2b6;--border:#242636;--brand-primary:#007bff;--brand-secondary:#2e2e2e;--brand-accent:#1167cf}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,#182036,transparent),radial-gradient(900px 400px at 120% -20%,#1b243c,transparent),var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji}.container{flex-direction:column;max-width:820px;height:100vh;min-height:100vh;margin:0 auto;padding:16px;display:flex}@media (max-width:768px){.container{height:100dvh;min-height:100dvh;padding:8px}}.card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15)}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (max-width:768px){.header{padding:10px 12px}.title{font-size:15px}.reset{padding:5px 10px;font-size:12px}}.title{letter-spacing:.1px;font-weight:600}.chatbot-name{letter-spacing:.1px;margin-bottom:1px;font-weight:600}.chatbot-description{color:var(--muted);opacity:.8;margin-top:2px;font-size:13px;font-weight:400}.session{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.session input{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:10px;outline:none;padding:6px 10px}.messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}@media (max-width:768px){.messages{gap:6px;padding:10px 12px}}.empty{opacity:.7;text-align:center;margin:auto;font-size:14px}.empty code{background:rgba(255,255,255,.06);border-radius:6px;padding:2px 6px}.bubble{border:1px solid var(--border);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;border-radius:8px;max-width:85%;padding:8px 12px;line-height:1.4}@media (max-width:768px){.bubble{max-width:90%;padding:6px 10px;font-size:14px}}.bubble .role{opacity:.6;margin-bottom:2px;font-size:12px}.bubble.user{background:rgba(124,196,255,.08);border-color:rgba(124,196,255,.25);align-self:flex-end}.bubble.assistant{background:rgba(152,226,182,.08);border-color:rgba(152,226,182,.25);align-self:flex-start}.typing{opacity:.7;padding:6px 8px;font-size:13px}.composer{border-top:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto;gap:8px;padding:10px;display:grid}@media (max-width:768px){.composer{gap:6px;padding:8px}}.composer textarea{resize:vertical;width:100%;min-height:40px;max-height:200px;color:var(--text);border:1px solid var(--border);background:0 0;border-radius:8px;outline:none;padding:8px 12px;font-size:16px}@media (max-width:768px){.composer textarea{min-height:36px;padding:6px 10px;font-size:16px}}.composer button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:linear-gradient(rgba(124,196,255,.12),rgba(124,196,255,.06));border-radius:8px;min-height:40px;padding:0 12px}@media (max-width:768px){.composer button{min-height:36px;padding:0 10px;font-size:13px}}.composer button:disabled{opacity:.5;cursor:not-allowed}.footer{color:var(--muted);text-align:center;opacity:.8;flex-shrink:0;margin-top:10px;font-size:12px}.footer code{background:rgba(255,255,255,.06);border-radius:6px;padding:2px 6px}.footer a{color:var(--accent);font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.footer a:hover{color:var(--accent-2);opacity:1;text-decoration:underline}.reset{border:1px solid var(--border);color:var(--text);cursor:pointer;background:linear-gradient(rgba(152,226,182,.15),rgba(152,226,182,.07));border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s ease-in-out}.reset:hover{background:linear-gradient(rgba(152,226,182,.25),rgba(152,226,182,.1));transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.error{color:#ff5757;text-align:center;background:rgba(255,87,87,.1);border:1px solid rgba(255,87,87,.3);padding:12px 16px;font-size:14px;font-weight:500}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:0 0;border-radius:10px}.messages::-webkit-scrollbar-thumb{background:rgba(124,196,255,.3);border-radius:10px;transition:background .2s}.messages::-webkit-scrollbar-thumb:hover{background:rgba(124,196,255,.6)}.messages{scrollbar-width:thin;scrollbar-color:rgba(124,196,255,.4) transparent}@media (max-width:768px){body{overflow-x:hidden}.reset,.composer button{min-width:44px;min-height:44px}.footer{margin-top:8px;padding:0 8px}.bubble .role{font-size:11px}.empty{padding:20px 10px;font-size:15px}.error{padding:10px 12px;font-size:13px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:480px){.container{padding:4px}.card{border-radius:6px}.header,.messages{padding:8px 10px}.composer{padding:6px}.bubble{max-width:95%;padding:5px 8px;font-size:13px}}