@charset "UTF-8";:root{--violet-50: #F5F3FF;--violet-100: #EDE9FE;--violet-200: #DDD6FE;--violet-300: #C4B5FD;--violet-400: #A78BFA;--violet-500: #8B5CF6;--violet-600: #7C3AED;--violet-700: #6D28D9;--violet-800: #5B21B6;--violet-900: #4C1D95;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #E5E5E5;--neutral-300: #D4D4D4;--neutral-400: #A3A3A3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--color-primary: #7C3AED;--color-primary-hover: #6D28D9;--color-primary-light: #EDE9FE;--color-primary-text: #ffffff;--color-accent-from: #8B5CF6;--color-accent-to: #A855F7;--color-bg: #FAF8FF;--color-surface: #FFFFFF;--color-surface-hover: #F5F3FF;--color-border: #E5E5E5;--color-text: #171717;--color-text-secondary: #525252;--color-text-muted: #737373;--color-text-on-primary:#FFFFFF;--color-online: #22C55E;--color-danger: #DC2626;--color-danger-hover: #B91C1C;--color-warning: #D97706;--color-success: #16A34A;--bubble-own-from: #8B5CF6;--bubble-own-to: #A855F7;--bubble-own-text: #FFFFFF;--bubble-other-bg: #FFFFFF;--bubble-other-text: #171717;--bubble-other-border: #E5E5E5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--sp-24: 96px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 25px;--text-2xl: 31px;--text-3xl: 39px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--transition-fast: .12s ease;--transition-normal: .18s ease;--transition-slow: .28s ease;--sidebar-width: 340px;--header-height: 60px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--text-base);line-height:1.55;color:var(--color-text);background:var(--color-bg);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;touch-action:manipulation}h1{font-size:var(--text-2xl);font-weight:700;line-height:1.2}h2{font-size:var(--text-xl);font-weight:700;line-height:1.25}h3{font-size:var(--text-lg);font-weight:600;line-height:1.3}h4{font-size:var(--text-base);font-weight:600}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}button:active:not(:disabled){transform:scale(.97)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-base);min-height:40px;min-width:40px;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn--primary{background:linear-gradient(135deg,var(--color-accent-from),var(--color-accent-to));color:var(--color-text-on-primary);box-shadow:0 2px 8px #7c3aed59}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-accent-from));box-shadow:0 4px 12px #7c3aed73}.btn--primary:active:not(:disabled){transform:scale(.97)}.btn--secondary{background:var(--color-primary-light);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--violet-200)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn--icon{padding:var(--sp-2);border-radius:var(--radius-md)}.btn--full{width:100%}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{display:block}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;background:linear-gradient(135deg,var(--color-accent-from),var(--color-accent-to));color:#fff;font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--md{width:40px;height:40px;font-size:var(--text-base)}.avatar--lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar--xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar--2xl{width:96px;height:96px;font-size:var(--text-2xl)}.avatar img{width:100%;height:100%;object-fit:cover}.online-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-online);border:2px solid var(--color-surface);flex-shrink:0}.online-dot--lg{width:12px;height:12px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--sp-1);border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:600;line-height:1}.form-field{display:flex;flex-direction:column;gap:var(--sp-1)}.form-field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.input{padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input::placeholder{color:var(--color-text-muted)}.input:hover{border-color:var(--neutral-400)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed26}.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:0}.input--error{border-color:var(--color-danger)}.input--error:focus{box-shadow:0 0 0 3px #dc262626}.field-error{font-size:var(--text-xs);color:var(--color-danger)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-md)}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-md);animation:slideIn .18s ease}.toast--success{background:#dcfce7;color:#166534}.toast--error{background:#fee2e2;color:#7f1d1d}.toast--info{background:var(--violet-100);color:var(--violet-800)}.toast--warn{background:#fef3c7;color:#92400e}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.connection-banner{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;animation:slideIn .18s ease}.connection-banner--offline{background:#fee2e2;color:var(--color-danger)}.connection-banner--reconnecting{background:#fef3c7;color:var(--color-warning)}.connection-banner--online{background:#dcfce7;color:var(--color-success)}.chat-layout{display:flex;flex:1;min-height:0;overflow:hidden}.chat-layout__sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-surface)}.chat-layout__main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg)}@media(max-width:767px){.chat-layout__sidebar{width:100%;position:fixed;inset:0;z-index:100}.chat-layout__sidebar--hidden{display:none}.chat-layout__main{width:100%}}.message-bubble{max-width:72%;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-xl);font-size:var(--text-sm);line-height:1.55;position:relative;word-break:break-word}.message-bubble--own{background:linear-gradient(135deg,var(--bubble-own-from),var(--bubble-own-to));color:var(--bubble-own-text);border-bottom-right-radius:var(--radius-sm);margin-left:auto}.message-bubble--other{background:var(--bubble-other-bg);color:var(--bubble-other-text);border:1px solid var(--bubble-other-border);border-bottom-left-radius:var(--radius-sm);margin-right:auto;box-shadow:var(--shadow-sm)}.message-bubble--system{background:var(--neutral-100);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);margin:0 auto;max-width:90%}.message-bubble--pending{opacity:.7}.message-bubble--failed{opacity:.6;border:1px solid var(--color-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-enter{animation:msgIn .15s ease}.overlay{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.context-menu{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:200;min-width:160px;animation:fadeIn .12s ease}.context-menu__item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast)}.context-menu__item:hover{background:var(--color-surface-hover)}.context-menu__item--danger{color:var(--color-danger)}.context-menu__item--danger:hover{background:#fee2e2}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-12) var(--sp-6);color:var(--color-text-muted);text-align:center}.empty-state__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary)}.empty-state__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.empty-state__desc{font-size:var(--text-sm);max-width:280px}