*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#060b18;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{flex-direction:column;width:100%;height:100svh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.msg-animate{animation:.22s both fadeSlideUp}.welcome-anim{animation:.35s both float-in}.dot1{animation:1.2s infinite dot-bounce}.dot2{animation:1.2s .2s infinite dot-bounce}.dot3{animation:1.2s .4s infinite dot-bounce}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0}.bg-glow1{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(#6366f126 0%,#0000 70%);border-radius:50%;width:800px;height:500px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}.bg-glow2{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(#3b82f61a 0%,#0000 70%);border-radius:50%;width:500px;height:400px;position:fixed;bottom:-100px;right:-100px}.page{color:#e2e8f0;flex-direction:column;height:100svh;display:flex;position:relative;overflow:hidden}.header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060b18d9;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;display:flex;position:relative}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-icon{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-name{letter-spacing:-.01em;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:15px;font-weight:700}.logo-tag{color:#475569;letter-spacing:.04em;margin-top:1px;font-size:10px}.upload-row{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.file-pill{color:#64748b;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:200px;padding:6px 12px;font-family:inherit;font-size:12px;transition:border-color .2s,background .2s;display:flex}.file-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-pill.has-file{color:#e2e8f0}.file-pill.drag-over{background:#6366f114;border-color:#6366f199}.file-pill:hover{background:#ffffff12;border-color:#ffffff24}.upload-btn{color:#4b5563;cursor:default;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.upload-btn.active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#0000;box-shadow:0 4px 14px #6366f166}.upload-btn.active:hover{opacity:.9}.loaded-badge{color:#34d399;white-space:nowrap;background:#10b9811a;border:1px solid #10b98147;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}.server-dot{vertical-align:middle;background:#10b981;border-radius:50%;width:6px;height:6px;margin-left:6px;animation:2s ease-in-out infinite dot-bounce;display:inline-block;box-shadow:0 0 6px #10b981b3}.upload-progress{z-index:5;background:#6366f10f;border-bottom:1px solid #6366f126;flex-direction:column;gap:6px;margin:0;padding:10px 20px 8px;display:flex;position:relative}.up-top{justify-content:space-between;align-items:center;display:flex}.up-stage{color:#a5b4fc;font-size:12.5px;font-weight:600}.up-elapsed{color:#475569;font-variant-numeric:tabular-nums;font-size:11px}.up-track{background:#ffffff0f;border-radius:99px;height:3px;overflow:hidden}.up-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6) 0 0/200% 100%;border-radius:99px;height:100%;animation:1.8s linear infinite progress-slide}@keyframes progress-slide{0%{background-position:100% 0;width:40%;margin-left:0%}50%{width:60%}to{background-position:-100% 0;width:40%;margin-left:100%}}.up-hint{color:#334155;font-size:10.5px}.chat{z-index:1;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;position:relative;overflow-y:auto}.welcome{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:460px;margin:auto;padding:32px 16px;display:flex}.welcome-orb{filter:drop-shadow(0 0 28px #6366f18c);font-size:52px}.welcome-title{letter-spacing:-.02em;background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.welcome-sub{color:#475569;max-width:360px;font-size:13.5px;line-height:1.75}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.chip{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:7px 15px;font-family:inherit;font-size:12.5px;transition:all .18s}.chip:hover{color:#c7d2fe;background:#6366f11f;border-color:#6366f166}.msg-row{align-items:flex-end;gap:8px;display:flex}.msg-row.right{justify-content:flex-end}.msg-row.left{justify-content:flex-start}.msg-row.center{justify-content:center}.avatar{background:#ffffff0d;border:1px solid #ffffff12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.bubble{word-break:break-word;border-radius:14px;max-width:72%;padding:10px 15px;font-size:14px;line-height:1.65}.bubble.user{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-bottom-right-radius:4px;box-shadow:0 4px 16px #4f46e559}.bubble.bot{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff12;border-bottom-left-radius:4px}.bubble.sys{color:#6ee7b7;background:#10b9810f;border:1px dashed #10b98140;border-radius:8px;max-width:90%;padding:7px 14px;font-size:12.5px}.dots-wrap{align-items:center;gap:5px;padding:2px 4px;display:flex}.dot{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;width:7px;height:7px;display:inline-block}.input-wrap{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060b18e6;border-top:1px solid #ffffff0f;padding:10px 16px 12px;position:relative}.input-bar{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:8px;padding:5px 5px 5px 14px;transition:border-color .2s;display:flex}.input-bar:focus-within{border-color:#6366f166;box-shadow:0 0 0 3px #6366f112}.text-input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:5px 0;font-family:Inter,system-ui,sans-serif;font-size:14px}.text-input::placeholder{color:#374151}.send-btn{color:#374151;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.send-btn.active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#0000;box-shadow:0 4px 14px #6366f173}.send-btn.active:hover{opacity:.9;transform:scale(1.05)}.input-hint{color:#1e293b;text-align:center;letter-spacing:.02em;margin-top:6px;font-size:10.5px}@media (width<=640px){body{overflow:hidden}.header{gap:8px;padding:8px 12px}.logo-tag{display:none}.logo-name{font-size:14px}.logo-icon{border-radius:8px;width:30px;height:30px}.upload-row{justify-content:flex-start;gap:6px;width:100%}.file-pill{flex:1;max-width:none;padding:5px 10px;font-size:11px}.upload-btn{min-width:70px;padding:5px 11px;font-size:11px}.loaded-badge{padding:3px 8px;font-size:10px}.upload-progress{padding:8px 12px 6px}.up-hint{display:none}.chat{gap:10px;padding:12px 10px}.bubble{max-width:85%;font-size:13.5px}.avatar{width:24px;height:24px;font-size:12px}.welcome{gap:12px;padding:20px 10px}.welcome-orb{font-size:40px}.welcome-title{font-size:19px}.welcome-sub{font-size:12.5px}.chip{padding:6px 12px;font-size:12px}.input-wrap{padding:8px 10px 10px}.input-bar{border-radius:12px;padding:4px 4px 4px 12px}.text-input{font-size:13.5px}.send-btn{border-radius:9px;width:33px;height:33px}.input-hint{display:none}}@media (width>=641px) and (width<=1024px){.header{padding:10px 16px}.bubble{max-width:78%}.chat{padding:16px}.welcome-title{font-size:22px}}@media (width>=1025px){.chat{padding:24px max(20px,50% - 400px)}.bubble{max-width:68%}.welcome{max-width:520px}.welcome-title{font-size:26px}}