@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";.resize{resize:both}:root{--accent1: #6366f1;--accent2: #a855f7;--accent3: #ec4899;--glass: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .09);--glass-border-hover: rgba(255, 255, 255, .18);--surface: rgba(10, 12, 22, .6);--text: rgba(255, 255, 255, .88);--text-dim: rgba(255, 255, 255, .38);--text-faint: rgba(255, 255, 255, .18);--text-mid: rgba(255, 255, 255, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 28px;--transition: .22s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#070b14;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app-container{height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.bg-gradient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-gradient:before{content:"";position:absolute;width:720px;height:720px;background:radial-gradient(circle,rgba(99,102,241,.38),transparent 70%);top:-220px;left:-180px;border-radius:50%;filter:blur(70px);animation:float1 12s ease-in-out infinite alternate}.bg-gradient:after{content:"";position:absolute;width:620px;height:620px;background:radial-gradient(circle,rgba(236,72,153,.28),transparent 70%);bottom:-160px;right:-160px;border-radius:50%;filter:blur(70px);animation:float2 14s ease-in-out infinite alternate}@keyframes float1{to{transform:translate(80px,70px) scale(1.12)}}@keyframes float2{to{transform:translate(-60px,-50px) scale(1.08)}}.bg-orb3{position:fixed;width:440px;height:440px;background:radial-gradient(circle,rgba(168,85,247,.22),transparent 70%);top:50%;left:55%;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;animation:float3 10s ease-in-out infinite alternate}@keyframes float3{to{transform:translate(-80px,60px) scale(1.15)}}.bg-grain{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0}.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:60px 60px;animation:meshDrift 30s linear infinite;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}@keyframes meshDrift{0%{background-position:0 0}to{background-position:60px 60px}}.bg-stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.8),transparent);border-radius:999px;animation:shoot linear infinite;opacity:0}.star:nth-child(1){width:120px;top:12%;left:-10%;animation-duration:6s;animation-delay:0s;transform:rotate(15deg)}.star:nth-child(2){width:80px;top:28%;left:-5%;animation-duration:8s;animation-delay:2.5s;transform:rotate(10deg)}.star:nth-child(3){width:160px;top:55%;left:-8%;animation-duration:7s;animation-delay:1s;transform:rotate(12deg)}.star:nth-child(4){width:90px;top:72%;left:-6%;animation-duration:9s;animation-delay:4s;transform:rotate(8deg)}.star:nth-child(5){width:140px;top:8%;left:-12%;animation-duration:5.5s;animation-delay:3s;transform:rotate(18deg)}.star:nth-child(6){width:70px;top:88%;left:-4%;animation-duration:10s;animation-delay:.5s;transform:rotate(6deg)}.star:nth-child(7){width:110px;top:42%;left:-9%;animation-duration:7.5s;animation-delay:5s;transform:rotate(14deg)}.star:nth-child(8){width:95px;top:65%;left:-7%;animation-duration:6.5s;animation-delay:1.8s;transform:rotate(11deg)}@keyframes shoot{0%{opacity:0;transform:translate(0) rotate(inherit)}5%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translate(110vw) rotate(inherit)}}.bg-orb4{position:fixed;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.14),transparent 70%);top:30%;left:10%;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;animation:float4 16s ease-in-out infinite alternate}.bg-orb5{position:fixed;width:260px;height:260px;background:radial-gradient(circle,rgba(236,72,153,.14),transparent 70%);bottom:20%;left:30%;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0;animation:float5 18s ease-in-out infinite alternate}@keyframes float4{to{transform:translate(60px,-80px) scale(1.2)}}@keyframes float5{to{transform:translate(-50px,70px) scale(1.1)}}.header{position:relative;z-index:10;flex-shrink:0;background:#070b14b3;-webkit-backdrop-filter:blur(40px) saturate(1.5);backdrop-filter:blur(40px) saturate(1.5);border-bottom:1px solid var(--glass-border);animation:slideDown .55s cubic-bezier(.22,1,.36,1) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-content{max-width:900px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-left{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;background:linear-gradient(135deg,var(--accent1),var(--accent2),var(--accent3));border-radius:var(--radius-md);padding:2px;box-shadow:0 0 22px #6366f173,0 4px 12px #0000004d;flex-shrink:0}.logo-inner{width:100%;height:100%;border-radius:10px;background:#0e1120;display:flex;align-items:center;justify-content:center;color:#fff}.logo-inner svg{width:20px;height:20px}.header-text h1{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#a855f7e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{font-size:.75rem;color:var(--text-dim)}.header-right{display:flex;align-items:center;gap:12px}.status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:#4ade80cc;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80b3;animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px #4ade80b3}50%{opacity:.65;box-shadow:0 0 14px #4ade8066}}.clear-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:20px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition);letter-spacing:.01em}.clear-btn svg{width:13px;height:13px;opacity:.7}.clear-btn:hover{background:#ffffff1a;color:var(--text);border-color:var(--glass-border-hover);box-shadow:0 4px 14px #0000004d}.clear-btn:active{transform:scale(.97)}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1;overflow:hidden}.chat-container{width:100%;max-width:860px;height:100%;display:flex;flex-direction:column;background:#0a0c1694;border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(48px) saturate(1.4);backdrop-filter:blur(48px) saturate(1.4);box-shadow:0 0 0 1px #ffffff08,0 40px 80px #0000008c,0 0 120px #6366f10f;overflow:hidden;animation:cardIn .65s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.messages-wrapper{flex:1;overflow-y:auto;padding:28px 28px 12px;display:flex;flex-direction:column;gap:20px;scroll-behavior:smooth}.messages-wrapper::-webkit-scrollbar{width:4px}.messages-wrapper::-webkit-scrollbar-track{background:transparent}.messages-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.messages-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.date-divider{display:flex;align-items:center;gap:12px;color:var(--text-faint);font-size:11px;letter-spacing:.06em;margin-bottom:4px}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent)}.message{display:flex;gap:12px;align-items:flex-start;animation:msgIn .38s cubic-bezier(.22,1,.36,1) both;opacity:0;animation-fill-mode:forwards}.message.first{animation-delay:.2s}@keyframes msgIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.message.assistant .message-avatar{background:linear-gradient(135deg,var(--accent1),var(--accent2));box-shadow:0 2px 12px #6366f159}.message.user .message-avatar{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.message-avatar svg{width:18px;height:18px;color:#fff}.message.user .message-avatar svg{color:#fff9}.message-content{display:flex;flex-direction:column;gap:5px;max-width:72%}.message.user .message-content{align-items:flex-end}.message-header{display:flex;align-items:center;gap:8px}.message.user .message-header{flex-direction:row-reverse}.message-role{font-size:12px;font-weight:600;color:#ffffffb3}.message-time{font-size:11px;color:var(--text-dim)}.message-text{font-size:14px;line-height:1.65;color:var(--text);word-break:break-word;padding:13px 17px;position:relative}.message.assistant .message-text{background:#ffffff0e;border:1px solid rgba(255,255,255,.08);border-radius:4px 18px 18px;box-shadow:0 4px 20px #0003}.message.user .message-text{background:linear-gradient(135deg,#6366f147,#a855f738);border:1px solid rgba(99,102,241,.28);border-radius:18px 4px 18px 18px;box-shadow:0 4px 20px #6366f126;color:#ffffffeb}.message.typing .message-content{max-width:unset}.typing-indicator{display:flex;gap:5px;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px 18px 18px;width:-moz-fit-content;width:fit-content;align-items:center}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#fff6;animation:typingBounce 1.3s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.18s}.typing-indicator span:nth-child(3){animation-delay:.36s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.input-wrapper{flex-shrink:0;padding:16px 22px 20px;background:#ffffff05;border-top:1px solid var(--glass-border)}.input-form{display:flex;align-items:flex-end;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:10px 10px 10px 18px;transition:border-color var(--transition),box-shadow var(--transition)}.input-form:focus-within{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a,0 8px 24px #00000040}.input-field{flex:1;background:none;border:none;outline:none;font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);resize:none;max-height:130px;line-height:1.55;padding:4px 0;overflow-y:auto}.input-field::-moz-placeholder{color:var(--text-dim)}.input-field::placeholder{color:var(--text-dim)}.input-field:disabled{opacity:.5;cursor:not-allowed}.input-field::-webkit-scrollbar{display:none}.input-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.send-btn{width:40px;height:40px;border-radius:13px;border:none;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #6366f173;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);flex-shrink:0}.send-btn svg{width:16px;height:16px}.send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 22px #6366f199}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.input-hint{margin-top:10px;font-size:11px;color:var(--text-faint);text-align:center;letter-spacing:.03em}.input-hint kbd{display:inline-block;padding:1px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-family:inherit;font-size:10px;color:#ffffff4d}.powered-by{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px;font-size:10px;color:var(--text-faint);letter-spacing:.04em}.powered-by strong{color:#a855f7a6;font-weight:600}.theme-toggle{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.theme-toggle-track{width:52px;height:28px;border-radius:99px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;padding:3px;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;position:relative}.theme-toggle-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent1),var(--accent2));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #6366f180;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}.theme-toggle-thumb svg{width:12px;height:12px}.dark .theme-toggle-track{background:#ffffff14;border-color:#ffffff24}.dark .theme-toggle-thumb{transform:translate(24px)}.light .theme-toggle-track{background:#6366f11f;border-color:#6366f14d;box-shadow:0 0 0 3px #6366f114}.light .theme-toggle-thumb{transform:translate(0);background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 2px 8px #f59e0b80}.light{--glass-border: rgba(99, 102, 241, .14);--glass-border-hover: rgba(99, 102, 241, .3);--text: #1e1b4b;--text-dim: rgba(79, 70, 229, .55);--text-faint: rgba(79, 70, 229, .3);--text-mid: #4c4a7a}.light body,.light{background:#f0eeff}.light .bg-gradient:before{background:radial-gradient(circle,rgba(99,102,241,.18),transparent 70%)}.light .bg-gradient:after{background:radial-gradient(circle,rgba(236,72,153,.12),transparent 70%)}.light .bg-orb3{background:radial-gradient(circle,rgba(168,85,247,.1),transparent 70%)}.light .bg-orb4{background:radial-gradient(circle,rgba(99,102,241,.08),transparent 70%)}.light .bg-orb5{background:radial-gradient(circle,rgba(236,72,153,.08),transparent 70%)}.light .bg-mesh{background-image:linear-gradient(rgba(99,102,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.07) 1px,transparent 1px)}.light .star{background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}.light .header{background:#f0eeffd1;border-bottom:1px solid rgba(99,102,241,.12)}.light .header-text h1{background:linear-gradient(135deg,#4f46e5 30%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light .header-text p{color:#4f46e580}.light .status-indicator{color:#16a34a}.light .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e99}.light .clear-btn{background:#6366f112;border-color:#6366f12e;color:#4f46e5b3}.light .clear-btn:hover{background:#6366f124;color:#4f46e5;border-color:#6366f14d;box-shadow:0 4px 14px #6366f11f}.light .logo-inner{background:#ede9fe}.light .chat-container{background:#ffffffb8;border-color:#6366f124;box-shadow:0 0 0 1px #6366f10a,0 24px 60px #6366f11a,0 0 80px #a855f70d}.light .date-divider{color:#6366f159}.light .date-divider:before,.light .date-divider:after{background:linear-gradient(90deg,transparent,rgba(99,102,241,.15),transparent)}.light .message.assistant .message-text{background:#6366f10d;border-color:#6366f11f;color:#1e1b4b;box-shadow:0 2px 12px #6366f10f}.light .message.user .message-text{background:linear-gradient(135deg,#6366f126,#a855f71f);border-color:#6366f138;color:#2e2065;box-shadow:0 2px 12px #6366f11a}.light .message-role{color:#1e1b4bb3}.light .message-time{color:#6366f166}.light .message.assistant .message-avatar{box-shadow:0 2px 12px #6366f140}.light .message.user .message-avatar{background:#6366f114;border-color:#6366f126}.light .message.user .message-avatar svg{color:#4f46e599}.light .typing-indicator{background:#6366f10f;border-color:#6366f11f}.light .typing-indicator span{background:#6366f180}.light .messages-wrapper::-webkit-scrollbar-thumb{background:#6366f126}.light .messages-wrapper::-webkit-scrollbar-thumb:hover{background:#6366f147}.light .input-wrapper{background:#f0eeff99;border-top-color:#6366f11a}.light .input-form{background:#fffc;border-color:#6366f126}.light .input-form:focus-within{border-color:#6366f180;box-shadow:0 0 0 3px #6366f114,0 4px 16px #6366f114}.light .input-field{color:#1e1b4b}.light .input-field::-moz-placeholder{color:#6366f159}.light .input-field::placeholder{color:#6366f159}.light .input-hint{color:#6366f147}.light .input-hint kbd{border-color:#6366f126;background:#6366f10d;color:#4f46e566}.light .powered-by{color:#6366f14d}.light .powered-by strong{color:#a855f799}@media(max-width:768px){.header-content{padding:.875rem 1rem}.main-content{padding:12px}.messages-wrapper{padding:20px 16px 10px;gap:16px}.message-content{max-width:82%}.status-indicator{display:none}}@media(max-width:480px){.header-text p,.clear-btn span{display:none}.clear-btn{padding:8px;gap:0;border-radius:50%;width:36px;height:36px;justify-content:center}.clear-btn svg{opacity:1}.message-content{max-width:88%}}