:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#101316;--bg-2:#171c20;--panel:#1f252ad1;--panel-strong:#262e34f5;--line:#ffffff14;--line-strong:#ffffff24;--text:#f5f7fb;--muted:#9ba8b3;--soft:#d6dde3;--accent:#43d9b8;--accent-2:#4bb8ff;--danger:#ff6d6d;--shadow:0 18px 50px #00000047;background:#101316;font-family:Manrope,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 18% 8%,#43d9b824,#0000 28%),radial-gradient(circle at 82% 12%,#4bb8ff1f,#0000 30%),linear-gradient(135deg,#101316 0%,#13181d 48%,#0f1316 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .16s,border-color .16s,background .16s,opacity .16s}input,select,textarea{color:inherit}a{color:inherit;text-decoration:none}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}input,select,textarea{color:var(--text);box-shadow:inset 0 1px #ffffff08;border-color:var(--line-strong)!important;background:#0c10139e!important}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #43d9b81f;border-color:#43d9b894!important}.auth-root,.app-root{background:linear-gradient(120deg, #43d9b814, transparent 34%), linear-gradient(220deg, #4bb8ff1a, transparent 32%), var(--bg)}.auth-card-grid{align-items:stretch}.auth-root{min-height:100dvh}.auth-card-grid>div,.auth-panel{box-shadow:var(--shadow);border-color:var(--line)!important;background:linear-gradient(160deg,#232a30f0,#12161af0)!important;border-radius:24px!important}.auth-product-badge{border:1px solid var(--line);background:radial-gradient(circle at 88% 12%,#4bb8ff29,#0000 34%),#ffffff09;border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.toast-stack{z-index:80;pointer-events:none;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:18px;right:18px}.toast{border:1px solid var(--line);color:#f8fafc;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12181cf0;border-radius:18px;padding:13px 15px;font-size:13px;animation:.18s ease-out toast-in}.toast-success{border-color:#43d9b852}.toast-error{border-color:#ff6d6d61}.toast-info{border-color:#4bb8ff57}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.app-layout{gap:10px;padding:10px;position:relative;grid-template-columns:360px minmax(0,1fr)!important}.app-pane,.chat-main{box-shadow:var(--shadow);border-radius:18px;overflow:hidden;border:1px solid var(--line)!important;background:linear-gradient(#1e2429e0,#12161ae0)!important}.chat-list-pane{background:linear-gradient(#232b30f0,#12171af5)!important}.brand-card{border:1px solid var(--line);background:radial-gradient(circle at 84% 6%,#4bb8ff33,#0000 32%),linear-gradient(160deg,#ffffff12,#ffffff06);border-radius:24px;padding:16px}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#07110f;letter-spacing:-.04em;border-radius:16px;flex:none;place-items:center;width:44px;height:44px;font-size:13px;font-weight:900;display:grid;box-shadow:0 12px 26px #43d9b82e}.status-strip{color:var(--muted);background:#0000002e;border-radius:16px;align-items:center;gap:8px;margin-top:14px;padding:9px 11px;font-size:12px;display:flex}.status-dot{background:#fca5a5;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #fca5a514}.status-dot.connecting{background:#facc15;box-shadow:0 0 0 4px #facc1514}.status-dot.online{background:#86efac;box-shadow:0 0 0 4px #86efac1a}.sidebar-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.sidebar-stats div{border:1px solid var(--line);background:#ffffff09;border-radius:16px;padding:10px}.sidebar-stats strong,.sidebar-stats span{display:block}.sidebar-stats strong{color:#fff;font-size:16px}.sidebar-stats span{color:var(--muted);font-size:11px}.side-pane{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(380px,100vw - 44px);max-height:calc(100vh - 144px);animation:.18s ease-out drawer-in;position:fixed;top:120px;bottom:24px;right:22px;background:linear-gradient(#181e23eb,#0f1316f0)!important}.account-summary{align-items:center;gap:14px;display:flex}.account-avatar{color:#07110f;background:linear-gradient(135deg,#43d9b8f0,#4bb8ffe6);border-radius:18px;place-items:center;width:52px;height:52px;font-weight:900;display:grid}.danger-zone{background:#ff6d6d0f;border:1px solid #ff6d6d47;border-radius:18px;padding:14px}.drawer-title{color:#d8f7ff;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.drawer-close{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--muted);background:#ffffff0b;border-radius:999px;font-size:20px;line-height:1}.drawer-close:hover{color:#fff;border-color:#4bb8ff66}@keyframes drawer-in{0%{opacity:0;transform:translate(18px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.chat-main{background:linear-gradient(#12181cc2,#0e1215f0)!important}.chat-header{box-shadow:inset 0 -1px #ffffff08;border-color:var(--line)!important;background:#171d22c2!important}.chat-title-wrap{min-width:0}.mobile-back{display:none}.messages-surface{background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.empty-chat-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:280px;display:flex}.empty-chat-orb{border:1px solid var(--line);background:radial-gradient(circle at 35% 25%,#ffffff47,#0000 30%),linear-gradient(135deg,#43d9b838,#4bb8ff2e);border-radius:28px;place-items:center;width:76px;height:76px;margin-bottom:16px;font-size:30px;display:grid;box-shadow:0 18px 50px #43d9b81f}.empty-mini{border:1px dashed var(--line-strong);background:#ffffff09;border-radius:16px;padding:14px}.chat-row{background:#ffffff09!important;border-color:#0000!important;border-radius:14px!important}.chat-row:hover{background:#fff1!important;border-color:#43d9b833!important}.chat-row.border-white{box-shadow:0 12px 26px #43d9b82e;color:#07110f!important;background:linear-gradient(135deg,#43d9b8eb,#4bb8ffdb)!important;border-color:#43d9b873!important}.install-app-card{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,#4bb8ff38,#0000 34%),linear-gradient(135deg,#43d9b81a,#ffffff09)!important}.install-app-card:after{content:"";background:var(--accent);border-radius:999px;width:10px;height:10px;position:absolute;top:18px;right:16px;box-shadow:0 0 0 7px #43d9b81a}.chat-draft{color:#43d9b8;font-weight:700}.day-separator{border:1px solid var(--line);width:fit-content;color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1418c7;border-radius:999px;margin:12px auto;padding:6px 12px;font-size:12px}.jump-bottom{z-index:8;color:#07110f;background:linear-gradient(135deg,#43d9b8f0,#4bb8ffe6);border:1px solid #43d9b83d;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800;position:absolute;bottom:104px;right:28px;box-shadow:0 14px 32px #00000047}.mini-card{border-color:var(--line)!important;background:#ffffff0a!important;border-radius:14px!important}.member-card{position:relative}.member-card:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:16px;left:12px;box-shadow:0 0 0 4px #43d9b814}.member-card>div:first-child{padding-left:14px}.message-bubble{box-shadow:0 12px 28px #0000002e;border-radius:18px!important}.message-bubble.bg-white{color:#0e1719!important;background:linear-gradient(135deg,#dffcf3,#d8f0ff)!important}.message-bubble.bg-slate-800{border:1px solid var(--line);background:#222a30eb!important}.message-bubble img,.message-bubble video{border-radius:14px!important}.composer{border-color:var(--line)!important;background:#11161ae6!important}.composer-row{border:1px solid var(--line);background:#ffffff0a;border-radius:24px;padding:8px}.media-action{white-space:nowrap}@media (width<=920px){html,body,#root{overflow:hidden}.app-layout{gap:0;padding:0;grid-template-columns:minmax(0,1fr)!important}.app-pane,.chat-main{border-radius:0;border-left:0!important;border-right:0!important}.app-layout.no-chat .chat-list-pane{height:100vh;display:flex}.app-layout.no-chat .chat-main,.app-layout.has-chat .chat-list-pane{display:none}.app-layout.has-chat .chat-main{min-width:0;height:100vh;display:flex}.side-pane{width:calc(100vw - 20px);max-height:calc(100vh - 24px);top:12px;bottom:12px;right:10px;border-radius:22px!important}.chat-header{padding:12px!important}.chat-header>.flex{align-items:flex-start;gap:10px}.chat-title-wrap{flex:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 10px;display:grid}.chat-title-wrap>.text-sm{grid-column:2}.mobile-back{grid-row:span 2;align-self:center;display:inline-flex}.chat-header .justify-end{max-width:44%}.chat-header .justify-end button{padding:7px 10px;font-size:12px}.danger-chat-action{display:none}.messages-surface{padding:14px 10px!important}.message-bubble{max-width:88%!important}.message-bubble img,.message-bubble video{max-width:min(72vw,320px)!important}.composer{padding:10px!important}.composer-row{border-radius:20px;flex-wrap:wrap}.composer-row input:not([type=file]){order:-1;min-width:100%}.media-action,.composer-row button{flex:auto;padding:10px 12px!important}.jump-bottom{bottom:132px;right:18px}}@media (width<=640px){.auth-root{justify-content:center;align-items:flex-start;padding:16px 12px 28px;overflow-y:auto}.auth-panel{padding:18px!important}.auth-product-badge{align-items:flex-start}.auth-panel .flex.gap-2.mb-6{flex-wrap:wrap}.auth-panel button[type=submit],.auth-panel button[type=button]{min-height:48px}}.bg-white,button.bg-white{background:linear-gradient(135deg, var(--accent), var(--accent-2))!important;color:#07110f!important;border-color:#0000!important}button.border-red-800,.border-red-800{color:#ffb3b3;border-color:#ff6d6d5c!important}button.border-slate-700{background:#ffffff09;border-color:var(--line-strong)!important}.text-slate-400,.text-slate-500{color:var(--muted)!important}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-\[70\%\]{max-width:70%}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-3{gap:.75rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.block{display:block}.text-left{text-align:left}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.border{border-style:solid;border-width:1px}.border-r{border-right-style:solid;border-right-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-slate-700{border-color:#334155}.border-slate-800{border-color:#1e293b}.border-red-900{border-color:#7f1d1d}.border-white{border-color:#fff}.bg-slate-950{background:#020617}.bg-slate-950\/80{background:#020617cc}.bg-slate-900{background:#0f172a}.bg-slate-900\/70{background:#0f172ab3}.bg-slate-800{background:#1e293b}.bg-red-950\/40{background:#450a0a66}.bg-white{background:#fff}.bg-white\/40{background:#fff6}.text-slate-100{color:#f1f5f9}.text-slate-900{color:#0f172a}.text-slate-700{color:#334155}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.text-red-300{color:#fca5a5}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.backdrop-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.outline-none{outline:none}.overflow-auto{overflow:auto}.min-h-0{min-height:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.transition{transition:all .2s}.disabled\:opacity-60:disabled{opacity:.6}.hover\:border-slate-700:hover{border-color:#334155}.grid-cols-\[320px_1fr\]{grid-template-columns:320px 1fr}