@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0e1a;--card-bg:#141827;--card-border:#8b5cf61f;--user-bubble:linear-gradient(135deg, #7c3aed, #6d28d9);--user-text:#fff;--bot-bubble:#8b5cf614;--bot-border:#8b5cf626;--bot-text:#d4d0ee;--input-bg:#1a1f35;--input-border:#8b5cf633;--input-focus:#8b5cf680;--accent:#8b5cf6;--accent-hover:#a78bfa;--accent-glow:#8b5cf64d;--pink:#ec4899;--pink-glow:#ec489940;--text-muted:#d4d0ee73}body{background:var(--bg);color:var(--bot-text);min-height:100dvh;font-family:Quicksand,sans-serif;overflow:hidden}#root{justify-content:center;align-items:center;min-height:100dvh;display:flex}.app-layout{background:radial-gradient(ellipse at 50% 20%, #8b5cf60f 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, #ec48990a 0%, transparent 50%), var(--bg);flex-direction:column;align-items:center;width:100vw;height:100dvh;display:flex}.blob-area{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;height:34dvh;min-height:220px;display:flex;position:relative;overflow:visible}.blob-wrapper{justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.blob-glow{filter:blur(35px);pointer-events:none;background:radial-gradient(circle,#8b5cf62e 0%,#ec489914 50%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite glow-pulse;position:absolute}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.blob-area canvas{z-index:1;display:block;position:relative;overflow:visible}.ami-label{text-align:center;z-index:1;position:relative}.ami-label h1{color:#fff;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:1.35rem;font-weight:800}.ami-label p{color:var(--text-muted);letter-spacing:.5px;margin-top:2px;font-size:.72rem;font-weight:600}.status-line{align-items:center;gap:6px;margin-top:4px;display:flex}.status-dot{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite blink;box-shadow:0 0 8px #34d39980}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.status-text{color:var(--text-muted);font-size:.62rem;font-weight:600}.chat-area{flex-direction:column;flex:1;width:100%;max-width:500px;min-height:0;padding:0 16px 16px;display:flex}.chat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000004d,0 0 40px #8b5cf60a}.messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-track{background:0 0}.messages::-webkit-scrollbar-thumb{background:#8b5cf626;border-radius:3px}.message{word-wrap:break-word;border-radius:18px;max-width:80%;padding:11px 16px;font-size:.85rem;line-height:1.55;animation:.3s msg-in}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.message.bot{background:var(--bot-bubble);color:var(--bot-text);border:1px solid var(--bot-border);border-bottom-left-radius:6px;align-self:flex-start;font-weight:500}.message.user{background:var(--user-bubble);color:var(--user-text);border:none;border-bottom-right-radius:6px;align-self:flex-end;font-weight:600}.message.typing{opacity:.4;border:1px solid #0000;font-style:italic}.chat-input-area{border-top:1px solid var(--card-border);background:#14182799;padding:12px 16px}.chat-input-row{gap:8px;display:flex}.chat-input-row input{border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--bot-text);border-radius:14px;outline:none;flex:1;padding:12px 16px;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:600;transition:border-color .25s,box-shadow .25s}.chat-input-row input::placeholder{color:var(--text-muted)}.chat-input-row input:focus{border-color:var(--input-focus);box-shadow:0 0 16px #8b5cf61a}.send-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;border-radius:14px;padding:12px 22px;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700;transition:transform .15s,box-shadow .25s}.send-btn:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.send-btn:active{transform:scale(.97)}.send-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.input-hint{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.6rem;font-weight:500}@media (width>=768px){.blob-area{height:35dvh}.chat-area{max-width:480px}.blob-glow{width:220px;height:220px}}@media (width>=1024px){.app-layout{flex-direction:row;gap:24px;padding:24px}.blob-area{height:100dvh;min-height:unset;flex:0 0 40%}.blob-wrapper canvas{width:280px!important;height:280px!important}.blob-glow{width:260px;height:260px}.chat-area{flex:0 0 420px;height:90dvh;max-height:700px;padding:0}.ami-label h1{font-size:1.6rem}}@media (width<=767px){.blob-area{height:auto;min-height:unset;gap:4px;padding:16px 0 8px}.blob-wrapper canvas{width:140px!important;height:140px!important}.blob-glow{width:120px;height:120px}.ami-label h1{font-size:1.1rem}.ami-label p{font-size:.65rem}.status-line{margin-top:2px}.chat-area{flex:1;min-height:0;padding:0 10px 10px}.chat-card{border-radius:16px}.messages{padding:10px}.message{max-width:88%;padding:9px 13px;font-size:.84rem}.chat-input-area{padding:8px 10px}.chat-input-row input{padding:10px 12px;font-size:.84rem}.send-btn{padding:10px 16px;font-size:.84rem}.input-hint{margin-top:5px;font-size:.55rem}}@media (height<=680px){.blob-wrapper canvas{width:110px!important;height:110px!important}.blob-glow{width:100px;height:100px}}