*,:before,:after{box-sizing:border-box;margin:0;padding:0}.app{background:#06060f;font-family:Inter,SF Pro Display,system-ui,-apple-system,sans-serif;position:fixed;inset:0}.orb{filter:blur(90px);pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite orbFloat;position:absolute}.orb-1{opacity:.18;background:radial-gradient(circle,#7c3aed 0%,#0000 70%);width:700px;height:700px;animation-delay:0s;top:-250px;left:-250px}.orb-2{opacity:.15;background:radial-gradient(circle,#0891b2 0%,#0000 70%);width:600px;height:600px;animation-delay:-4s;bottom:-200px;right:-200px}.orb-3{opacity:.08;background:radial-gradient(circle,#db2777 0%,#0000 70%);width:450px;height:450px;animation-delay:-7s;top:calc(50% - 225px);left:calc(50% - 225px)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(25px,-20px)scale(1.06)}50%{transform:translate(-15px,30px)scale(.94)}75%{transform:translate(10px,-10px)scale(1.02)}}.chat-shell{-webkit-backdrop-filter:blur(24px)saturate(1.4);z-index:10;background:#ffffff07;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;max-width:820px;height:auto;margin:0 auto;display:flex;position:relative;inset:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 2px #ffffff0f,0 50px 100px #000000b3,0 20px 40px #0006}.chat-header{background:#ffffff09;border-bottom:1px solid #fff1;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.header-brand{align-items:center;gap:13px;display:flex}.brand-icon{border-radius:13px;flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:0 4px 16px #8b5cf666}.brand-icon svg{width:100%;height:100%;display:block}.brand-name{letter-spacing:-.4px;background:linear-gradient(130deg,#a78bfa 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:700}.brand-model{color:#ffffff52;letter-spacing:.4px;margin-top:2px;font-size:.7rem;font-weight:400}.online-badge{color:#34d399;letter-spacing:.3px;background:#10b9811a;border:1px solid #10b98138;border-radius:99px;align-items:center;gap:7px;padding:5px 13px;font-size:.73rem;font-weight:500;display:flex}.online-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #10b98180}50%{opacity:.75;transform:scale(.85)}}.message-list{scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;padding:24px 28px;display:flex;overflow-y:auto}.message-list::-webkit-scrollbar{width:4px}.message-list::-webkit-scrollbar-track{background:0 0}.message-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.message-list::-webkit-scrollbar-thumb:hover{background:#fff3}.msg-row{align-items:flex-end;gap:10px;animation:.32s cubic-bezier(.16,1,.3,1) both slideUp;display:flex}.msg-row.outgoing{flex-direction:row-reverse}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.avatar{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.avatar.ai{background:#8b5cf61f;border:1px solid #8b5cf638;padding:5px;overflow:hidden}.avatar.ai svg{width:100%;height:100%;display:block}.avatar.user{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);box-shadow:0 4px 12px #7c3aed59}.bubble{border-radius:18px;max-width:66%;padding:12px 16px;position:relative}.bubble p{color:#ffffffe0;white-space:pre-wrap;word-break:break-word;font-size:.91rem;line-height:1.65}.bubble.incoming{background:#ffffff0e;border:1px solid #ffffff14;border-bottom-left-radius:4px}.bubble.outgoing{background:linear-gradient(135deg,#7c3aed 0%,#4338ca 100%);border-bottom-right-radius:4px;box-shadow:0 4px 22px #7c3aed61}.typing-bubble{align-items:center;gap:5px;min-width:68px;padding:16px 20px;display:flex}.dot{background:#ffffff73;border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite dotBounce;display:block}.dot:nth-child(2){animation-delay:.18s}.dot:nth-child(3){animation-delay:.36s}@keyframes dotBounce{0%,70%,to{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-7px)}}.input-area{background:#ffffff06;border-top:1px solid #fff1;flex-shrink:0;padding:14px 24px 18px}.input-box{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.input-box:focus-within{border-color:#8b5cf68c;box-shadow:0 0 0 3px #8b5cf61f}.input-field{color:#ffffffe6;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;font-family:inherit;font-size:.91rem;line-height:1.55;overflow-y:auto}.input-field::placeholder{color:#ffffff40}.input-field::-webkit-scrollbar{width:3px}.input-field::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.send-btn{color:#fff3;cursor:not-allowed;background:#ffffff12;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .22s;display:flex}.send-btn svg{width:16px;height:16px}.send-btn.ready{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 4px 18px #8b5cf673}.send-btn.ready:hover{transform:scale(1.07);box-shadow:0 6px 24px #8b5cf699}.send-btn.ready:active{transform:scale(.96)}.hint{text-align:center;color:#ffffff2e;letter-spacing:.25px;margin-top:9px;font-size:.68rem}@media (width<=600px){.chat-shell{border-radius:0;inset:0}.chat-header{padding:14px 18px}.message-list{padding:16px}.input-area{padding:10px 14px 14px}.bubble{max-width:82%}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:#ffffffe0;background:#06060f;font-family:Inter,SF Pro Display,system-ui,-apple-system,Helvetica,Arial,sans-serif}#root{align-items:stretch;display:flex}