:root{--bg: #0b1116;--panel: #0f1720;--text: #e5e7eb;--muted: #a0aec0;--accent: #22d3ee;--border: #1f2937}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 80% -10%,rgba(34,211,238,.12),transparent 50%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:900px;height:100%;margin:0 auto;display:flex;flex-direction:column;padding:16px;gap:12px}.card{background:#0f1720d9;border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:12px;align-items:flex-start}.bubble{padding:10px 14px;border-radius:14px;line-height:1.5;border:1px solid var(--border)}.user .bubble{background:#1f2937}.assistant .bubble{background:#0c1722}.role{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:12px;border:1px solid var(--border)}.role.user{background:#1f2937}.role.assistant{background:#0c1722}.inputRow{display:flex;gap:10px;padding:12px}.input{flex:1;resize:none;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0a0f14;color:var(--text);outline:none}.input:focus{border-color:#2b3a4b}.btn{background:linear-gradient(135deg,#22d3ee,#3b82f6);border:none;color:#061018;font-weight:600;padding:0 16px;border-radius:12px;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.title{font-weight:700}.muted{color:var(--muted)}.helper{padding:10px 16px;border-top:1px solid var(--border)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.header{width:100%;max-width:900px;margin:0 auto 12px;font-weight:700;font-size:18px}.chat{width:100%;max-width:900px;min-height:60vh;background:#0f1720d9;border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px;display:flex;flex-direction:column;gap:12px}.message{display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.bubble{max-width:80%;padding:10px 14px;border-radius:14px;line-height:1.5;border:1px solid var(--border)}.message.user .bubble{background:#1f2937}.message.assistant .bubble{background:#0c1722}.error{color:#fca5a5}.composer{width:100%;max-width:900px;display:flex;gap:12px;margin:12px auto 0}.composer input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0a0f14;color:var(--text);outline:none}.composer input:focus{border-color:#2b3a4b}.composer button{height:44px;padding:0 18px;border-radius:12px;border:none;font-weight:700;color:#061018;background:linear-gradient(135deg,#22d3ee,#3b82f6);box-shadow:0 6px 14px #3b82f640,inset 0 1px #ffffff26;cursor:pointer;transition:filter .15s ease,transform .02s ease}.composer button:hover{filter:brightness(1.05)}.composer button:active{transform:translateY(1px)}.composer button:disabled{opacity:.5;cursor:not-allowed}.bubble.typing{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;animation:bubblePulse 1.6s ease-in-out infinite}.typing-dot{width:8px;height:8px;background:linear-gradient(180deg,#9ca3ff,#22d3ee);border-radius:50%;display:inline-block;opacity:.25;transform:translateY(0);animation:typingDot 1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typingDot{0%{transform:translateY(0);opacity:.25}50%{transform:translateY(-6px);opacity:1}to{transform:translateY(0);opacity:.25}}@keyframes bubblePulse{0%{box-shadow:none}50%{box-shadow:0 8px 24px #22d3ee0a}to{box-shadow:none}}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}