:root{--bg-0: #090d18;--bg-1: #111827;--bg-2: #161b2e;--accent-blue: #4f8bff;--accent-indigo: #6d5ef9;--accent-violet: #7c3aed;--gradient: linear-gradient(135deg, #4f8bff 0%, #6d5ef9 55%, #7c3aed 100%);--gradient-soft: linear-gradient(135deg, rgba(79, 139, 255, .16), rgba(124, 58, 237, .16));--text-0: #ffffff;--text-1: #d1d5db;--text-2: #94a3b8;--glass: rgba(255, 255, 255, .045);--glass-strong: rgba(255, 255, 255, .07);--glass-line: rgba(255, 255, 255, .08);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .25);--shadow-md: 0 12px 40px rgba(0, 0, 0, .35);--shadow-glow: 0 0 40px rgba(109, 94, 249, .35);--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--s-1: 8px;--s-2: 16px;--s-3: 24px;--s-4: 32px;--s-5: 40px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-1);background:radial-gradient(1100px 700px at 12% -8%,rgba(79,139,255,.12),transparent 60%),radial-gradient(1000px 650px at 100% 110%,rgba(124,58,237,.14),transparent 60%),var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#6d5ef959;color:#fff}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:content-box}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:288px 1fr;height:100vh;padding:var(--s-2);gap:var(--s-2)}.sidebar{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);border:1px solid var(--glass-line);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-card{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border-radius:var(--r-md);background:var(--glass);border:1px solid var(--glass-line)}.brand-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.brand-name{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--text-0)}.status{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--text-2)}.status__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status--online{color:#34d399}.status--online .status__dot{background:#34d399;box-shadow:0 0 #34d39999;animation:pulse 2s infinite}.status--offline{color:#fbbf24}.status--offline .status__dot{background:#fbbf24}.status--checking{color:var(--text-2)}.status--checking .status__dot{background:var(--text-2);animation:blink 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.session-card{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-2);border-radius:var(--r-md);background:var(--glass);border:1px solid var(--glass-line)}.session-card__head{display:flex;align-items:center;justify-content:space-between}.session-card__label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.copy-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;font-weight:600;color:var(--text-2);background:transparent;border:1px solid var(--glass-line);border-radius:999px;transition:all .18s ease}.copy-btn:hover:not(:disabled){color:var(--text-0);background:var(--glass-strong);transform:translateY(-1px)}.copy-btn.is-copied{color:#34d399;border-color:#34d39966}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.session-card__id{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.72rem;line-height:1.5;color:var(--text-2);word-break:break-all;background:#00000047;padding:var(--s-1) 10px;border-radius:10px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:var(--s-2);width:100%;padding:11px var(--s-2);border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-2);font-size:.9rem;font-weight:500;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item svg{flex-shrink:0;opacity:.9;transition:transform .18s ease}.nav-item:hover{color:var(--text-0);background:var(--glass)}.nav-item:hover svg{transform:scale(1.08)}.nav-item.is-active{color:var(--text-0);background:var(--gradient-soft);box-shadow:inset 0 0 0 1px #6d5ef947}.nav-item.is-active svg{color:var(--accent-blue)}.new-chat{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-1);padding:13px;border:none;border-radius:var(--r-md);color:#fff;font-size:.92rem;font-weight:600;background:var(--gradient);background-size:200% 200%;box-shadow:0 8px 24px #6d5ef966;transition:transform .2s ease,box-shadow .2s ease,background-position .6s ease}.new-chat:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 12px 32px #6d5ef98c}.new-chat:active{transform:translateY(0)}.profile-card{display:flex;align-items:center;gap:var(--s-2);padding:10px var(--s-2);border-radius:var(--r-md);background:var(--glass);border:1px solid var(--glass-line);transition:background .18s ease}.profile-card:hover{background:var(--glass-strong)}.profile-avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--gradient)}.profile-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.profile-name{font-size:.88rem;font-weight:600;color:var(--text-0)}.profile-plan{font-size:.7rem;color:var(--text-2)}.profile-dot{width:8px;height:8px;border-radius:50%;background:#34d399;flex-shrink:0;box-shadow:0 0 8px #34d399b3}.logo{position:relative;display:inline-grid;place-items:center;border-radius:50%;flex-shrink:0;isolation:isolate}.logo:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;border-radius:50%;background:radial-gradient(circle,rgba(109,94,249,.5),transparent 65%);filter:blur(14px);z-index:-1;animation:orbGlow 4s ease-in-out infinite}.logo__img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#fff;padding:8%;box-shadow:inset 0 0 0 1px #ffffff2e,0 6px 18px #00000059;animation:orbFloat 5s ease-in-out infinite}.logo__ring{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:50%;border:1px solid rgba(255,255,255,.18);animation:orbSpin 16s linear infinite}.logo__ring:after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px #ffffffe6;transform:translate(-50%)}.logo--xs{width:30px;height:30px}.logo--xs .logo__img{padding:0}.logo--sm{width:46px;height:46px}.logo--lg{width:116px;height:116px;margin-bottom:var(--s-3)}@keyframes orbGlow{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes orbSpin{to{transform:rotate(360deg)}}.main{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-xl);background:linear-gradient(180deg,#11182799,#090d1899);border:1px solid var(--glass-line);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.chat{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-4) var(--s-2);scroll-behavior:smooth}.chat--empty{display:grid;place-items:center;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;background-position:center}.welcome{max-width:640px;text-align:center;animation:fadeUp .6s ease both}.welcome__title{margin:0 0 var(--s-2);font-size:2.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(120deg,#fff 30%,#b9c4ff 70%,#c9a8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcome__subtitle{margin:0 auto var(--s-4);max-width:460px;font-size:1.02rem;line-height:1.6;color:var(--text-2)}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.suggestion{padding:var(--s-2);text-align:left;font-size:.9rem;font-weight:500;color:var(--text-1);background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-md);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.suggestion:hover{transform:translateY(-3px);background:var(--glass-strong);color:var(--text-0);box-shadow:var(--shadow-sm),inset 0 0 0 1px #6d5ef94d}.thread{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-3)}.msg{display:flex;gap:var(--s-2);max-width:88%;animation:fadeUp .4s ease both}.msg--user{align-self:flex-end;flex-direction:row-reverse}.msg__avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:.82rem;font-weight:700;color:#fff}.msg--user .msg__avatar{background:linear-gradient(135deg,#2b3450,#1c2236);border:1px solid var(--glass-line);color:var(--text-1)}.msg__bubble{padding:13px var(--s-2);border-radius:var(--r-lg);line-height:1.6;font-size:.95rem;white-space:pre-wrap;word-break:break-word;background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--shadow-sm);color:var(--text-1)}.msg--assistant .msg__bubble{border-top-left-radius:6px}.msg--user .msg__bubble{border-top-right-radius:6px;color:#fff;background:var(--gradient);border-color:transparent;box-shadow:0 8px 22px #6d5ef959}.msg__bubble--typing{display:flex;gap:5px;align-items:center;padding:16px var(--s-2)}.msg__bubble--typing span{width:7px;height:7px;border-radius:50%;background:var(--text-2);animation:blink 1.3s infinite ease-in-out}.msg__bubble--typing span:nth-child(2){animation-delay:.18s}.msg__bubble--typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer-wrap{padding:var(--s-2) var(--s-4) var(--s-3);background:linear-gradient(180deg,transparent,rgba(9,13,24,.6))}.composer{max-width:820px;margin:0 auto;display:flex;align-items:flex-end;gap:var(--s-1);padding:8px 8px 8px 12px;border-radius:var(--r-xl);background:#161b2eb3;border:1px solid var(--glass-line);box-shadow:var(--shadow-md),inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:border-color .2s ease,box-shadow .2s ease}.composer:focus-within{border-color:#6d5ef973;box-shadow:var(--shadow-md),0 0 0 4px #6d5ef91f}.composer__input{flex:1;resize:none;max-height:200px;padding:9px 4px;border:none;outline:none;background:transparent;color:var(--text-0);font-family:inherit;font-size:1rem;line-height:1.5}.composer__input::placeholder{color:var(--text-2)}.composer__input:disabled{opacity:.6}.composer__icon-btn{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-2);transition:background .18s ease,color .18s ease,transform .18s ease}.composer__icon-btn:hover:not(:disabled){background:var(--glass-strong);color:var(--text-0);transform:translateY(-1px)}.composer__icon-btn:disabled{opacity:.55;cursor:default}.composer__icon-btn.is-busy{color:var(--accent-blue);opacity:1}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--accent-blue);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.composer__send{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:none;border-radius:var(--r-md);color:#fff;background:var(--gradient);background-size:200% 200%;box-shadow:0 6px 18px #6d5ef973;transition:transform .2s ease,box-shadow .2s ease,background-position .6s ease,opacity .2s ease}.composer__send:hover:not(:disabled){transform:translateY(-2px) scale(1.04);background-position:100% 0;box-shadow:0 10px 26px #6d5ef999}.composer__send:active:not(:disabled){transform:translateY(0) scale(.98)}.composer__send:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.composer__hint{max-width:820px;margin:var(--s-1) auto 0;text-align:center;font-size:.74rem;color:var(--text-2);opacity:.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.app{grid-template-columns:1fr;padding:var(--s-1)}.sidebar{display:none}.chat{padding:var(--s-3) var(--s-2) var(--s-2)}.welcome__title{font-size:2rem}.suggestions{grid-template-columns:1fr}.composer-wrap{padding:var(--s-2)}.msg{max-width:95%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}