body{font-family:Inter,system-ui,sans-serif;margin:0;padding:0;background-color:#f0f2f5;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.app{width:90vw;height:90vh;display:flex;flex-direction:column;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.chat{border:1px solid #ddd;flex:1;padding:12px;margin-bottom:16px;background:#fff;overflow-y:auto;display:flex;flex-direction:column;border-radius:8px}.msg{margin:4px 0;padding:8px 12px;border-radius:16px;max-width:70%;width:fit-content;line-height:1.4}.msg.you{background-color:#0084ff;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.msg.bot{background-color:#e4e6eb;color:#000;align-self:flex-start;border-bottom-left-radius:4px}.msg.system{background-color:#fff3cd;color:#856404;align-self:center;font-size:.9em;border:1px solid #ffeeba}.msg .table-wrapper{overflow-x:auto;overflow-y:auto;max-width:100%;max-height:70vh;margin:.5em 0}.composer{display:flex;gap:8px}.composer input{flex:1;padding:10px;border:1px solid #ddd;border-radius:20px;outline:none}.composer input:focus{border-color:#0084ff}.composer input:disabled{background-color:#f5f5f5;cursor:not-allowed}.composer button{padding:8px 16px;background-color:#0084ff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:600}.composer button:hover:not(:disabled){background-color:#0073e6}.composer button:disabled{background-color:#ccc;cursor:not-allowed}.note{color:#666;font-size:.85em;margin-top:16px;text-align:center}h1{margin-top:0;font-size:1.5rem;color:#1a1a1a}.msg.bot:empty:after{content:"●●●";animation:typing 1.4s infinite;letter-spacing:2px}@keyframes typing{0%,20%{opacity:.2}40%{opacity:.5}60%{opacity:1}80%,to{opacity:.2}}.msg p{margin:0 0 .5em}.msg p:last-child{margin-bottom:0}.msg ul,.msg ol{margin:0 0 .5em;padding-left:1.5em}.msg li{margin-bottom:.25em}.msg pre{padding:8px;border-radius:4px;overflow-x:auto;margin:.5em 0}.msg code{font-family:monospace;padding:2px 4px;border-radius:3px;font-size:.9em}.msg blockquote{border-left:3px solid rgba(0,0,0,.2);margin:.5em 0;padding-left:.5em;font-style:italic}.msg.bot pre{background:#0000000f;border:1px solid rgba(0,0,0,.1)}.msg.bot code{background:#0000000f}.msg.you pre{background:#fff3;border:1px solid rgba(255,255,255,.2)}.msg.you code{background:#fff3}.msg.you blockquote{border-left-color:#fff6}.msg table{border-collapse:collapse;margin:0;font-size:.85em;width:max-content;min-width:100%}.msg th,.msg td{border:1px solid #ccc;padding:4px 8px;text-align:left;white-space:nowrap}.msg th{background:#0000000f;font-weight:600}.msg.you th{background:#ffffff40}.msg.you td,.msg.you th{border-color:#ffffff59}