@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap";html,body,#app{height:100%;overflow:hidden}.debug-build-badge{color:#fff;z-index:99999;pointer-events:none;background:#dc2626d9;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;position:fixed;top:8px;left:50%;transform:translate(-50%)}:root{--bg-primary:#fafbfc;--bg-secondary:#f0f2f5;--bg-message-own:#d6ddef;--bg-message-other:#fff;--bg-hover:#f0f3f6;--bg-active:#e4e9f0;--text-primary:#111827;--text-secondary:#6b7280;--text-message-time:#9ca3af;--border-color:#e5e7eb;--accent-color:#2b3a67;--accent-hover:#1e2d52;--accent-light:#2b3a6714;--accent-gradient:linear-gradient(135deg, #3b5998 0%, #2b3a67 100%);--danger-color:#ef4444;--danger-hover:#dc2626;--sidebar-width:60px;--chat-list-width:360px;--header-height:60px;--input-bg:#f3f4f6;--input-focus-border:#2b3a67;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-sidebar:1px 0 8px #0000000f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-bubble:16px;--radius-full:50%;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--unread-bg:#3d5a99;--font-family:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Outfit", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:14px;--spacing-lg:20px;--spacing-xl:28px}@media (prefers-color-scheme:dark){:root{--bg-primary:#0b0f1a;--bg-secondary:#111827;--bg-message-own:#1e2d4d;--bg-message-other:#1e2435;--bg-hover:#1c2333;--bg-active:#253350;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-message-time:#94a3b8;--border-color:#1e293b;--accent-color:#60a5fa;--accent-hover:#3b82f6;--accent-light:#60a5fa1f;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--danger-color:#f87171;--danger-hover:#ef4444;--input-bg:#1e2435;--input-focus-border:#60a5fa;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #00000059, 0 2px 4px -2px #00000040;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-sidebar:1px 0 12px #00000040;--unread-bg:#60a5fa}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;touch-action:manipulation;font-size:14px;line-height:1.5}@media (width<=768px){button,a,[role=button]{min-width:44px;min-height:44px}}@media (display-mode:standalone){:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html{background:var(--bg-primary)}body{padding-top:var(--safe-top)}}#app{height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}input,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--accent-color);transition:color var(--transition-fast);text-decoration:none}a:hover{opacity:.85}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-color);outline-offset:-1px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .3s}:hover>::-webkit-scrollbar-thumb{background:#0000001a}:hover::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-thumb:hover{background:#00000038}.scrollbar-auto{scrollbar-width:thin;scrollbar-color:transparent transparent}.scrollbar-auto:hover{scrollbar-color:#0000001a transparent}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--text-primary);color:var(--bg-primary);white-space:nowrap;pointer-events:none;opacity:0;z-index:9999;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:opacity .15s;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}[data-tooltip]:hover:after{opacity:1}@media (prefers-color-scheme:dark){:hover>::-webkit-scrollbar-thumb{background:#ffffff0f}:hover::-webkit-scrollbar-thumb{background:#ffffff0f}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.scrollbar-auto:hover{scrollbar-color:#ffffff0f transparent}}