@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes highlight-pulse{0%,to{background:transparent}25%,75%{background:#3b82f626}}@keyframes highlight-pulse-light{0%,to{background:transparent}25%,75%{background:#0969da1f}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes heart-pop{0%{opacity:1;transform:scale(.5)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.5) translateY(-30px)}}@keyframes reply-pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.15)}to{transform:translateY(-50%) scale(1)}}@keyframes context-menu-in{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--violet-500: #8b5cf6;--violet-600: #7c3aed;--emerald-300: #6ee7b7;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--rose-500: #f43f5e;--rose-600: #e11d48;--amber-500: #f59e0b;--amber-600: #d97706;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--red-500: #ef4444;--red-600: #dc2626;--green-500: #22c55e;--green-600: #16a34a;--cyan-500: #06b6d4;--cyan-600: #0891b2;--orange-500: #f97316;--orange-600: #ea580c;--pink-500: #ec4899;--pink-600: #db2777;--gray-500: #6b7280;--gray-600: #4b5563;--bg-main: #111217;--bg-sidebar: #18181b;--bg-elevated: #1f1f23;--border-color: rgba(39, 39, 42, .5);--border-subtle: rgba(63, 63, 70, .5);--hover-bg: rgba(39, 39, 42, .5);--active-bg: rgba(99, 102, 241, .15);--active-border: rgba(129, 140, 248, .25);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--font-family: "SF Pro Display", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--font-emoji: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--accent-primary: #6366f1;--accent-emphasis: #818cf8;--accent-success: #10b981;--accent-danger: #f43f5e;--accent-warning: #f59e0b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .5)}:root[data-theme=light],html[data-theme=light],body[data-theme=light],[data-theme=light]{--bg-main: #f8fafc;--bg-sidebar: #fff;--bg-elevated: #fff;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--hover-bg: rgba(148, 163, 184, .12);--active-bg: rgba(59, 130, 246, .08);--active-border: rgba(59, 130, 246, .35);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #2563eb;--accent-emphasis: #1d4ed8;--accent-success: #059669;--accent-danger: #dc2626;--accent-warning: #d97706;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .15)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}*:focus,*:focus-visible,*:active{outline:none!important;box-shadow:none!important}button:focus,button:focus-visible,button:active{border-color:inherit;box-shadow:none!important;outline:none!important}:root{--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);--keyboard-adjusted-bottom: var(--safe-area-bottom);--viewport-offset-top: 0px}body{height:100dvh;overflow:hidden;font-family:SF Pro Display,-apple-system,blinkmacsystemfont,Segoe UI,roboto,sans-serif;font-family:var(--font-family);color:#e4e4e7;color:var(--text-primary);background-color:#111217;background-color:var(--bg-main);-webkit-font-smoothing:antialiased}svg{display:block;width:20px;height:20px;stroke-width:1.5}.hidden{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noto-emoji{display:inline-block;vertical-align:-.1em;width:1.2em;height:1.2em;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reaction-emoji .noto-emoji{width:16px;height:16px;vertical-align:-.15em}.message-text .noto-emoji{width:1.3em;height:1.3em}.message-text.emoji-only .noto-emoji{width:2.5em;height:2.5em}.emoji-picker-emoji .noto-emoji,.emoji-item .noto-emoji{width:24px;height:24px}.burst-trigger .noto-emoji{width:48px;height:48px}.particle .noto-emoji,.confetti-particle .noto-emoji{width:20px;height:20px}.emoji,.burst-trigger,.confetti-particle,.particle,[data-emoji],.emoji-picker-emoji{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-family:var(--font-emoji)}.app-container{display:flex;width:100%;height:100%;background-color:#18181b;background-color:var(--bg-sidebar)}.accordion-grid{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.accordion-grid.open{grid-template-rows:1fr}.accordion-inner{overflow:hidden}.accordion-content{padding-bottom:8px;padding-left:20px}.arrow-icon{width:16px;height:16px;color:#71717a;color:var(--zinc-500);transition:transform .2s ease}.expanded .arrow-icon{transform:rotate(180deg)}.menu-overlay{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease;pointer-events:none}.menu-overlay.visible{opacity:1;pointer-events:auto}body.menu-open{overflow:hidden}.g-indigo{background:linear-gradient(135deg,#8b5cf6,#4f46e5)}.g-rose{background:linear-gradient(135deg,#f43f5e,#db2777)}.g-emerald{background:linear-gradient(135deg,#10b981,#059669)}.g-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.g-cyan{background:linear-gradient(135deg,#06b6d4,#2563eb)}.g-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.g-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.status-dot{position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border:2px solid #18181b;border:2px solid var(--bg-sidebar);border-radius:50%}.status-online,.status-dot--online{background-color:#10b981;background-color:var(--emerald-500)}.status-offline,.status-dot--offline{background-color:#71717a;background-color:var(--zinc-500)}.status-busy,.status-dot--busy{background-color:#f43f5e;background-color:var(--rose-500)}.status-away,.status-dot--away{background-color:#f59e0b;background-color:var(--amber-500)}.badge{display:flex;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background-color:#6366f1;background-color:var(--indigo-500);border-radius:10px}.badge--channel{min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;background-color:#6366f1;background-color:var(--indigo-500)}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:#3f3f46;background:var(--zinc-700);border-radius:3px}.chat-messages::-webkit-scrollbar-track{background:transparent}.list-container::-webkit-scrollbar,.member-list::-webkit-scrollbar{display:none}.list-container,.member-list{scrollbar-width:none;-ms-overflow-style:none}[data-theme=light] .app-container{background-color:#18181b;background-color:var(--bg-sidebar)}[data-theme=light] .arrow-icon{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .status-dot{border-color:#18181b;border-color:var(--bg-sidebar)}[data-theme=light] .badge{background-color:#6366f1;background-color:var(--accent-primary)}[data-theme=light] .chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--slate-300)}[data-theme=light] .chat-messages::-webkit-scrollbar-thumb:hover,[data-theme=light] .chat-messages::-webkit-scrollbar-thumb:focus{background:#94a3b8;background:var(--slate-400)}[data-theme=light] .menu-overlay{background-color:#0f172a4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loader{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:#111217;background:var(--bg-main)}.page-loader-spinner{width:40px;height:40px;border:3px solid rgba(39,39,42,.5);border:3px solid var(--border-color);border-top-color:#6366f1;border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}[data-theme=light] .page-loader{background:#111217;background:var(--bg-main)}.g-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.g-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.g-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.g-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.g-gray{background:linear-gradient(135deg,#6b7280,#4b5563)}.sidebar{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:320px;background-color:#18181b;background-color:var(--bg-sidebar);border-right:1px solid rgba(39,39,42,.5);border-right:1px solid var(--border-color)}.list-container{flex:1;padding:4px 8px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y}[data-theme=light] .sidebar{border-right-color:#27272a80;border-right-color:var(--border-color)}.sidebar-header{position:relative;z-index:20;display:flex;align-items:center;width:100%;height:56px;padding:0 16px;border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.app-logo{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#818cf8,#3b82f6);border-radius:8px;box-shadow:0 4px 6px -1px #6366f133}.logo-text{flex:1;font-size:15px;font-weight:600;color:#fff}.unread-badge{margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600;color:#a5b4fc;color:var(--indigo-300);background-color:#6366f126;border-radius:4px}.setting-btn{padding:8px;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:0;border-radius:8px;transition:all .2s;cursor:pointer}.setting-btn:hover,.setting-btn:focus{color:#e4e4e7;color:var(--zinc-200);background-color:#27272a;background-color:var(--zinc-800)}.setting-btn svg{width:20px;height:20px}[data-theme=light] .sidebar-header{border-bottom-color:#27272a80;border-bottom-color:var(--border-color)}[data-theme=light] .logo-text{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .unread-badge{color:#6366f1;color:var(--accent-primary);background-color:#3b82f61a}[data-theme=light] .setting-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .setting-btn:hover,[data-theme=light] .setting-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .app-logo{box-shadow:0 2px 4px #3b82f626}.sidebar-right{display:flex;flex-direction:column;flex-shrink:0;width:320px;background-color:#18181b;background-color:var(--bg-sidebar);border-left:1px solid rgba(39,39,42,.5);border-left:1px solid var(--border-color)}.sidebar-right-tabs{display:flex;flex-shrink:0;justify-content:space-around;align-items:center;padding:8px;background-color:#18181b;background-color:var(--bg-sidebar);border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.tab-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;color:#71717a;color:var(--zinc-500);background:transparent;border:none;border-radius:10px;transition:all .2s ease;cursor:pointer}.tab-btn svg{width:22px;height:22px}.tab-btn:hover,.tab-btn:focus{color:#d4d4d8;color:var(--zinc-300);background-color:#27272a;background-color:var(--zinc-800)}.tab-btn.active{color:#fff;background-color:#4f46e5;background-color:var(--indigo-600)}.tab-content{display:flex;flex:1;flex-direction:column;overflow:hidden}.tab-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;color:#71717a;color:var(--zinc-500)}.tab-loading .spinner{width:24px;height:24px;border:2px solid #3f3f46;border:2px solid var(--zinc-700);border-top-color:#6366f1;border-top-color:var(--indigo-500);border-radius:50%;animation:spin .8s linear infinite}.tab-loading p{font-size:13px}.sidebar-right-header{justify-content:center;align-items:center;height:56px;min-height:56px;padding-bottom:0}.sidebar-right-title{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:none;color:#e4e4e7;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}.section-header--spaced{margin-top:20px}.section-title{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#71717a;color:var(--zinc-500)}.count-badge{padding:2px 6px;font-size:10px;color:#a1a1aa;color:var(--zinc-400);background-color:#27272a;background-color:var(--zinc-800);border-radius:10px}.member-list{flex:1;padding:0 8px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y}.member-item{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background-color .15s}.member-item:hover,.member-item:focus{background-color:#3f3f4680}.member-avatar{position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;color:#fff;border-radius:50%}.member-avatar .status-dot{right:-1px;bottom:-1px;width:10px;height:10px}.member-avatar--offline{background:#52525b;background:var(--zinc-600)}.member-info{flex:1;min-width:0}.member-name{overflow:hidden;font-size:14px;font-weight:500;white-space:nowrap;color:#d4d4d8;color:var(--zinc-300);text-overflow:ellipsis}.member-item:hover .member-name,.member-item:focus .member-name{color:#f4f4f5;color:var(--zinc-100)}.member-name--offline{color:#a1a1aa;color:var(--text-secondary)}.member-status-text{margin-top:1px;font-size:11px;color:#71717a;color:var(--zinc-500)}[data-theme=light] .sidebar-right{background-color:#18181b;background-color:var(--bg-sidebar);border-left-color:#27272a80;border-left-color:var(--border-color)}[data-theme=light] .sidebar-right-title{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .section-title,[data-theme=light] .section-header{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .count-badge{color:#a1a1aa;color:var(--text-secondary);background-color:#3f3f4680;background-color:var(--border-subtle)}[data-theme=light] .member-item:hover,[data-theme=light] .member-item:focus{background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .member-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .member-item:hover .member-name,[data-theme=light] .member-item:focus .member-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .member-name--offline,[data-theme=light] .member-status-text{color:#71717a;color:var(--text-muted)}[data-theme=light] .sidebar-right-tabs{border-bottom-color:#27272a80;border-bottom-color:var(--border-color)}[data-theme=light] .tab-btn{color:#64748b;color:var(--slate-500)}[data-theme=light] .tab-btn:hover,[data-theme=light] .tab-btn:focus{color:#334155;color:var(--slate-700);background-color:#f1f5f9;background-color:var(--slate-100)}[data-theme=light] .tab-btn.active{color:#fff;background-color:#2563eb;background-color:var(--blue-600)}[data-theme=light] .tab-loading{color:#64748b;color:var(--slate-500)}[data-theme=light] .tab-loading .spinner{border-color:#e2e8f0;border-color:var(--slate-200);border-top-color:#3b82f6;border-top-color:var(--blue-500)}.main-content{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;height:100%;max-height:100dvh;overflow:hidden;background-color:#111217;background-color:var(--bg-main)}.chat-messages{position:relative;display:flex;flex:1;flex-direction:column;gap:4px;padding:16px;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;overflow-anchor:auto}.chat-messages.select-mode,.chat-messages.selecting{-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-messages.selecting{touch-action:none;-webkit-touch-callout:none}.chat-messages.selecting .message-content{pointer-events:none}.loading-more-indicator{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;color:#a1a1aa;color:var(--text-secondary)}.loading-more-indicator:before{content:"";width:16px;height:16px;border:2px solid #a1a1aa;border:2px solid var(--text-secondary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 16px 2px;min-height:22px;font-size:12px;font-style:italic;color:#a1a1aa;color:var(--text-secondary);line-height:1.4}.typing-indicator-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-dots{display:inline-flex;gap:2px;align-items:center}.typing-dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#a1a1aa;background-color:var(--text-secondary);animation:typing-bounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@supports (height: 100dvh){.main-content{height:100%}}@media screen and (max-width:768px){.main-content{display:flex;flex-direction:column}.chat-messages{flex:1;min-height:0;transition:flex .15s ease-out}}@supports (-webkit-touch-callout: none){.main-content{height:-webkit-fill-available;min-height:-webkit-fill-available}}@media screen and (max-width:768px){body.keyboard-visible{overflow:hidden}body.keyboard-visible .main-content{height:100%;max-height:100%;overflow:hidden}body.keyboard-visible .chat-messages{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}body.keyboard-visible .rich-editor{padding-bottom:4px}}html.android-tauri{height:100%;overflow:hidden}html.android-tauri body{height:100dvh;min-height:100dvh}html.android-tauri .app-container{height:100%;max-height:100%;overflow:hidden}html.android-tauri .main-content{height:100%;max-height:100%}html.android-tauri body.keyboard-visible{height:100dvh;overflow:hidden}html.android-tauri body.keyboard-visible .main-content{height:100%}html.android-tauri body.keyboard-visible .rich-editor{padding-bottom:4px}.search-container{padding:12px}.search-input-wrapper{position:relative;display:flex;align-items:center;padding:8px 12px;background-color:#27272a99;border:1px solid transparent;border-radius:12px;transition:all .2s}.search-input-wrapper:focus-within{background-color:#27272a;background-color:var(--zinc-800);border-color:#818cf866}.search-icon{width:16px;height:16px;margin-right:8px;color:#71717a;color:var(--zinc-500)}.search-input{width:100%;font-size:14px;color:#d4d4d8;color:var(--zinc-300);background:transparent;border:0;outline:0}.search-input::-moz-placeholder{color:#71717a;color:var(--zinc-500)}.search-input::placeholder{color:#71717a;color:var(--zinc-500)}.shortcut-key{padding:6px;font-family:monospace;font-size:10px;color:#71717a;color:var(--zinc-500);background-color:#3f3f4680;border-radius:4px}[data-theme=light] .search-input-wrapper{background-color:#3f3f4680;background-color:var(--border-subtle);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .search-input-wrapper:focus-within{background-color:#18181b;background-color:var(--bg-sidebar);border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=light] .search-input{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .search-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}[data-theme=light] .search-input::placeholder{color:#71717a;color:var(--text-muted)}[data-theme=light] .search-icon{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .shortcut-key{color:#a1a1aa;color:var(--text-secondary);background-color:#3f3f4680;background-color:var(--border-subtle);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color)}.nav-item{display:flex;align-items:center;width:100%;margin-bottom:0;padding:9px 12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover,.nav-item:focus{background-color:#27272a80;background-color:var(--hover-bg)}.nav-item.active{background-color:#6366f126;background-color:var(--active-bg);border-color:#818cf840;border-color:var(--active-border)}.item-content{flex:1;min-width:0}.item-title,.item-subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-title{margin-bottom:2px;font-size:14px;font-weight:500;color:#e4e4e7;color:var(--zinc-200)}.item-title.unread,.item-title--active{font-weight:600;color:#fff}.item-subtitle{font-size:13px;color:#71717a;color:var(--zinc-500)}.item-subtitle.unread{color:#d4d4d8;color:var(--zinc-300)}.item-meta{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-end;margin-left:8px}.time-stamp{margin-bottom:4px;font-size:11px;color:#71717a;color:var(--zinc-500)}.time-stamp.unread{font-weight:500;color:#a5b4fc;color:var(--indigo-300)}.arrow-container{margin-top:4px}.channel-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:10px;font-size:13px;background:#27272acc;border-radius:6px}.channel-icon--text{font-weight:500;color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item:focus{background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .nav-item.active{background-color:#6366f126;background-color:var(--active-bg);border-color:#818cf840;border-color:var(--active-border)}[data-theme=light] .item-title{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .item-title.unread{font-weight:600;color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .item-subtitle{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .item-subtitle.unread{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .time-stamp{color:#71717a;color:var(--text-muted)}[data-theme=light] .time-stamp.unread{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .channel-icon{background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .channel-icon--text{color:#a1a1aa;color:var(--text-secondary)}.workspace-group{margin-bottom:0}.workspace-group.expanded .arrow-icon{transform:rotate(180deg)}.workspace-header-btn{display:flex;align-items:center;width:100%;margin-bottom:0;padding:9px 12px;text-align:left;background:transparent;border:0;border-radius:12px;transition:all .2s ease;cursor:pointer}.workspace-header-btn:hover,.workspace-header-btn:focus{background-color:#27272a66}.workspace-badge{position:absolute;right:-2px;bottom:-2px;padding:2px 5px;font-size:10px;font-weight:600;line-height:1;color:#d4d4d8;color:var(--zinc-300);background:#3f3f46;background:var(--zinc-700);border:2px solid #18181b;border:2px solid var(--bg-sidebar);border-radius:4px}.workspace-pin{position:absolute;top:-3px;left:-3px;display:flex;justify-content:center;align-items:center;width:14px;height:14px;color:#fff;background:#6366f1;background:var(--indigo-500);border-radius:50%}.workspace-pin svg{width:8px;height:8px;transform:rotate(-45deg)}.workspace-settings-btn{display:flex;justify-content:center;align-items:center;width:24px;height:24px;padding:0;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;opacity:0}.workspace-header-btn:hover .workspace-settings-btn{opacity:1}.workspace-settings-btn:hover{color:#6366f1;color:var(--accent-primary);background:#27272a;background:var(--zinc-800)}.workspace-settings-btn svg{width:14px;height:14px}[data-theme=light] .workspace-header-btn{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .workspace-header-btn:hover,[data-theme=light] .workspace-header-btn:focus{background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .workspace-badge{color:#a1a1aa;color:var(--text-secondary);background:#3f3f4680;background:var(--border-subtle);border-color:#18181b;border-color:var(--bg-sidebar)}[data-theme=light] .workspace-settings-btn:hover{background:#27272a80;background:var(--hover-bg)}.settings-dropdown{position:absolute;top:100%;right:12px;left:12px;z-index:100;display:none;flex-direction:column;width:auto;margin-top:8px;padding:8px 0;overflow:hidden;background-color:#27272a;background-color:var(--zinc-800);border:1px solid rgba(63,63,70,.5);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;animation:fade-in .2s ease-out}.settings-dropdown.open{display:flex}.settings-overlay{position:fixed;inset:0;z-index:99;background:transparent}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;text-align:left;color:#e4e4e7;color:var(--zinc-200);background:transparent;border:0;border-radius:0;transition:background-color .15s;cursor:pointer}.dropdown-item:hover,.dropdown-item:focus{color:#fff;background-color:#3f3f4680}.dropdown-icon{width:20px;height:20px;margin-right:0;color:#a1a1aa;color:var(--zinc-400)}.dropdown-item:hover .dropdown-icon,.dropdown-item:focus .dropdown-icon{color:#e4e4e7;color:var(--zinc-200)}.dropdown-shortcut{margin-left:auto;font-family:monospace;font-size:11px;color:#71717a;color:var(--zinc-500)}.dropdown-divider{height:1px;margin:8px 12px;background-color:#3f3f4680}[data-theme=light] .settings-dropdown{background-color:#18181b;background-color:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000080;box-shadow:var(--shadow-xl)}[data-theme=light] .dropdown-item{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .dropdown-item:hover,[data-theme=light] .dropdown-item:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .dropdown-icon{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .dropdown-item:hover .dropdown-icon,[data-theme=light] .dropdown-item:focus .dropdown-icon{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .dropdown-shortcut{color:#71717a;color:var(--text-muted)}[data-theme=light] .dropdown-divider{background-color:#27272a80;background-color:var(--border-color)}.sidebar-footer{border-top:1px solid rgba(39,39,42,.5);border-top:1px solid var(--border-color);border-bottom:none}.user-avatar{width:36px;height:36px;margin-right:12px;font-size:13px}.user-avatar .status-dot{right:0;bottom:0;width:12px;height:12px}.user-name{font-size:14px}.user-status{font-size:12px;font-weight:400;color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .sidebar-footer{border-top-color:#27272a80;border-top-color:var(--border-color)}[data-theme=light] .user-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .user-status{color:#a1a1aa;color:var(--text-secondary)}.item-avatar{position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px;font-size:16px;font-weight:700;color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0003}.item-avatar.circle{border-radius:50%}.item-avatar--transparent{background:transparent;box-shadow:none}.avatar-group-quad{position:relative;overflow:visible;background:transparent!important;box-shadow:none!important}.quad-avatar{position:absolute;display:flex;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;color:#fff;border:2px solid #18181b;border:2px solid var(--bg-sidebar);border-radius:50%}.quad-tl{top:0;left:0}.quad-tr{top:0;right:0}.quad-bl{bottom:0;left:0}.quad-br{right:0;bottom:0}.quad-avatar-inline{position:absolute;display:flex;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;color:#fff;border:2px solid #18181b;border:2px solid var(--bg-sidebar);border-radius:50%}.quad-avatar-inline--tl{top:0;left:0}.quad-avatar-inline--tr{top:0;right:0}.quad-avatar-inline--bl{bottom:0;left:0}.quad-avatar-inline--br{right:0;bottom:0}.count-circle{z-index:5!important;color:#e4e4e7;color:var(--zinc-200);background-color:#3f3f46;background-color:var(--zinc-700)}.avatar-group-trio{position:relative;overflow:visible;background:transparent!important;box-shadow:none!important}.avatar-group-trio--sized{width:44px;height:44px}.trio-avatar{position:absolute;display:flex;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;color:#fff;border:2px solid #18181b;border:2px solid var(--bg-sidebar);border-radius:50%}.trio-top-left{top:4px;left:2px;z-index:4}.trio-bottom-left{bottom:4px;left:2px;z-index:3}.trio-right-center{top:50%;right:2px;z-index:4;transform:translateY(-50%)}.avatar-group-duo{position:relative;background:transparent!important;box-shadow:none!important}.duo-avatar{position:absolute;display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;color:#fff;border:2px solid #18181b;border:2px solid var(--bg-sidebar);border-radius:50%}.duo-avatar:first-child{top:2px;left:2px;z-index:2}.duo-avatar:last-child{right:2px;bottom:2px;z-index:1}[data-theme=light] .item-avatar{box-shadow:0 4px 6px -1px #0003;box-shadow:var(--shadow-md)}[data-theme=light] .quad-avatar,[data-theme=light] .trio-avatar,[data-theme=light] .duo-avatar,[data-theme=light] .quad-avatar-inline{border-color:#18181b;border-color:var(--bg-sidebar)}[data-theme=light] .count-circle{color:#a1a1aa;color:var(--text-secondary);background-color:#27272a80;background-color:var(--border-color)}.chat-header{z-index:10;display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 16px;background-color:#18181b80;border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color);backdrop-filter:blur(4px)}.header-left{display:flex;flex:1;align-items:center;gap:8px;min-width:0;overflow:hidden}.channel-hash{flex-shrink:0;font-size:18px;color:#71717a;color:var(--zinc-500)}.channel-name{font-size:16px;font-weight:600;white-space:nowrap;color:#f4f4f5;color:var(--zinc-100)}.divider-vert{flex-shrink:0;width:1px;height:16px;margin:0 8px;background-color:#3f3f46;background-color:var(--zinc-700)}.channel-desc{overflow:hidden;font-size:14px;white-space:nowrap;color:#a1a1aa;color:var(--zinc-400);text-overflow:ellipsis}.header-actions{display:flex;flex-shrink:0;align-items:center;gap:4px;margin-left:16px}.action-btn{padding:8px;color:#a1a1aa;color:var(--zinc-400);background:transparent;border:0;border-radius:8px;transition:all .2s;cursor:pointer}.action-btn:hover,.action-btn.active,.action-btn:focus{color:#e4e4e7;color:var(--zinc-200);background-color:#27272a;background-color:var(--zinc-800)}.action-btn.active{color:#f4f4f5;color:var(--zinc-100)}.action-btn svg{width:20px;height:20px}.mobile-menu-btn{display:none;padding:8px;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;transition:all .2s;cursor:pointer}.mobile-menu-btn:hover,.mobile-menu-btn:focus{color:#e4e4e7;color:var(--zinc-200);background-color:#27272a;background-color:var(--zinc-800)}.mobile-menu-btn svg{width:22px;height:22px}@media screen and (max-width:900px){.channel-desc,.divider-vert{display:none}.channel-name{overflow:hidden;text-overflow:ellipsis}}[data-theme=light] .chat-header{background-color:#f8fafcf2;border-bottom-color:#27272a80;border-bottom-color:var(--border-color)}[data-theme=light] .channel-hash{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .channel-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .divider-vert{background-color:#27272a80;background-color:var(--border-color)}[data-theme=light] .channel-desc,[data-theme=light] .action-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .action-btn:hover,[data-theme=light] .action-btn.active,[data-theme=light] .action-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .mobile-menu-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .mobile-menu-btn:hover,[data-theme=light] .mobile-menu-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}.input-area{padding:16px;background-color:#111217;background-color:var(--bg-main)}.input-container{display:flex;align-items:flex-end;gap:8px;padding:8px;background-color:#27272a80;border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s}.input-container:focus-within{background-color:#27272a;background-color:var(--zinc-800);border-color:#52525b;border-color:var(--zinc-600)}.main-input{flex:1;max-height:calc(7.5em + 20px);padding:10px 0;overflow-y:auto;font-family:SF Pro Display,-apple-system,blinkmacsystemfont,Segoe UI,roboto,sans-serif;font-family:var(--font-family);font-size:15px;line-height:1.5;color:#e4e4e7;color:var(--zinc-200);background:transparent;border:0;outline:0;resize:none;scrollbar-width:none;-ms-overflow-style:none}.main-input::-webkit-scrollbar{display:none}.main-input::-moz-placeholder{color:#71717a;color:var(--zinc-500)}.main-input::placeholder{color:#71717a;color:var(--zinc-500)}.icon-btn{padding:8px;color:#a1a1aa;color:var(--zinc-400);background:transparent;border:0;border-radius:8px;transition:all .2s;cursor:pointer}.icon-btn:hover,.icon-btn:focus{color:#e4e4e7;color:var(--zinc-200);background-color:#3f3f4680}.icon-btn svg{width:20px;height:20px}.icon-btn--send{color:#fff;background-color:#6366f1;background-color:var(--indigo-500)}.icon-btn--send:hover,.icon-btn--send:focus{color:#fff;background-color:#4f46e5;background-color:var(--indigo-600)}[data-theme=light] .input-container{background-color:#18181b;background-color:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color);box-shadow:0 1px 2px #00000026;box-shadow:var(--shadow-sm)}[data-theme=light] .input-container:focus-within{background-color:#18181b;background-color:var(--bg-sidebar);border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=light] .main-input{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .main-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}[data-theme=light] .main-input::placeholder{color:#71717a;color:var(--text-muted)}[data-theme=light] .icon-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .icon-btn:hover,[data-theme=light] .icon-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .icon-btn--send{color:#fff;background-color:#6366f1;background-color:var(--accent-primary)}[data-theme=light] .icon-btn--send:hover,[data-theme=light] .icon-btn--send:focus{color:#fff;background-color:#818cf8;background-color:var(--accent-emphasis)}.rich-editor{position:relative;padding:12px 16px 4px;background-color:#111217;background-color:var(--bg-main);z-index:10;flex-shrink:0;transform:translateZ(0)}.rich-editor.is-dragging{background-color:#6366f10d}.editor-reply{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;background-color:#27272a;background-color:var(--zinc-800);border-radius:8px;border-left:3px solid #6366f1;border-left:3px solid var(--indigo-500)}.editor-reply-bar{display:none}.editor-reply-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.editor-reply-name{font-size:13px;font-weight:600;color:#818cf8;color:var(--indigo-400)}.editor-reply-text{overflow:hidden;font-size:13px;white-space:nowrap;color:#a1a1aa;color:var(--zinc-400);text-overflow:ellipsis}.editor-reply-close{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;color:#71717a;color:var(--zinc-500);background:transparent;border:none;border-radius:6px;transition:all .15s;cursor:pointer}.editor-reply-close:hover,.editor-reply-close:focus{color:#d4d4d8;color:var(--zinc-300);background-color:#3f3f46;background-color:var(--zinc-700)}.editor-reply-close svg{width:16px;height:16px}.editor-edit-bar{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;background-color:#f59e0b1f;border-radius:8px;border-left:3px solid #f59e0b;border-left:3px solid var(--amber-500, #f59e0b)}.editor-edit-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;color:#f59e0b;color:var(--amber-500, #f59e0b)}.editor-edit-icon svg{width:16px;height:16px}.editor-edit-content{display:flex;flex:1;min-width:0}.editor-edit-label{font-size:13px;font-weight:600;color:#f59e0b;color:var(--amber-500, #f59e0b)}.editor-edit-close{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;color:#71717a;color:var(--zinc-500);background:transparent;border:none;border-radius:6px;transition:all .15s;cursor:pointer}.editor-edit-close:hover,.editor-edit-close:focus{color:#d4d4d8;color:var(--zinc-300);background-color:#3f3f46;background-color:var(--zinc-700)}.editor-edit-close svg{width:16px;height:16px}.editor-btn-save{background-color:#f59e0b;background-color:var(--amber-500, #f59e0b)}.editor-btn-save:hover,.editor-btn-save:focus{background-color:#d97706;background-color:var(--amber-600, #d97706)}.editor-code{margin-bottom:8px;overflow:hidden;background-color:#22272e;border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:8px;touch-action:pan-y pinch-zoom}.editor-code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#0003;border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--zinc-700)}.editor-code-lang{display:flex;align-items:center;gap:8px}.editor-code-icon{font-family:monospace;font-size:12px;font-weight:600;color:#818cf8;color:var(--indigo-400)}.editor-code-lang-input{width:140px;padding:4px 8px;font-size:12px;color:#d4d4d8;color:var(--zinc-300);background-color:transparent;border:1px solid #52525b;border:1px solid var(--zinc-600);border-radius:4px;transition:border-color .15s;outline:none}.editor-code-lang-input:focus{border-color:#6366f1;border-color:var(--indigo-500)}.editor-code-lang-input::-moz-placeholder{color:#71717a;color:var(--zinc-500)}.editor-code-lang-input::placeholder{color:#71717a;color:var(--zinc-500)}.editor-code-actions{display:flex;align-items:center;gap:12px}.editor-code-hint{font-size:11px;color:#71717a;color:var(--zinc-500)}.editor-code-close{display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#71717a;color:var(--zinc-500);background:transparent;border:none;border-radius:4px;transition:all .15s;cursor:pointer}.editor-code-close:hover,.editor-code-close:focus{color:#d4d4d8;color:var(--zinc-300);background-color:#3f3f46;background-color:var(--zinc-700)}.editor-code-close svg{width:16px;height:16px}.editor-code-body{position:relative;min-height:120px;max-height:300px;overflow:hidden}.editor-code-highlight{position:absolute;inset:0;margin:0;padding:12px;overflow:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;background:transparent;pointer-events:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;touch-action:pan-y pinch-zoom}.editor-code-highlight code{padding:0;font-family:inherit;font-size:inherit;line-height:inherit;background:transparent}.editor-code-input{position:relative;width:100%;height:100%;min-height:120px;max-height:300px;padding:12px;overflow:auto;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:transparent;background-color:transparent;border:none;outline:none;resize:vertical;caret-color:#adbac7;-moz-tab-size:2;-o-tab-size:2;tab-size:2;touch-action:pan-y pinch-zoom}.editor-code-input::-moz-placeholder{color:#52525b;color:var(--zinc-600)}.editor-code-input::placeholder{color:#52525b;color:var(--zinc-600)}@media(hover:hover)and (pointer:fine){.editor-code-body{overflow:auto}.editor-code-highlight::-webkit-scrollbar,.editor-code-input::-webkit-scrollbar{width:8px;height:8px}.editor-code-highlight::-webkit-scrollbar-track,.editor-code-input::-webkit-scrollbar-track{background:transparent}.editor-code-highlight::-webkit-scrollbar-thumb,.editor-code-input::-webkit-scrollbar-thumb{background-color:#52525b;background-color:var(--zinc-600);border-radius:4px}.editor-code-highlight::-webkit-scrollbar-thumb:hover,.editor-code-input::-webkit-scrollbar-thumb:hover,.editor-code-highlight::-webkit-scrollbar-thumb:focus,.editor-code-input::-webkit-scrollbar-thumb:focus{background-color:#71717a;background-color:var(--zinc-500)}.editor-code-highlight::-webkit-scrollbar-corner,.editor-code-input::-webkit-scrollbar-corner{background:transparent}}.editor-input-wrapper{display:flex;align-items:flex-end;gap:8px;padding:8px;background-color:#27272a;background-color:var(--zinc-800);border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:8px;transition:all .15s}.editor-input-wrapper:focus-within{border-color:#52525b;border-color:var(--zinc-600);box-shadow:0 0 0 2px #6366f11a}.editor-actions{display:flex;flex-shrink:0;align-items:flex-end;gap:4px}.editor-input-wrapper.is-expanded .editor-actions{flex-direction:column;justify-content:flex-end;align-items:center;align-self:stretch}.editor-btn{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;color:#a1a1aa;color:var(--zinc-400);background:transparent;border:none;border-radius:6px;transition:all .15s;cursor:pointer}.editor-btn:hover,.editor-btn:focus{color:#e4e4e7;color:var(--zinc-200);background-color:#3f3f46;background-color:var(--zinc-700)}.editor-btn.active{color:#fff;background-color:#6366f1;background-color:var(--indigo-500)}.editor-btn svg{width:20px;height:20px}.editor-btn-send{color:#fff;background-color:#6366f1;background-color:var(--indigo-500)}.editor-btn-send:hover,.editor-btn-send:focus{background-color:#4f46e5;background-color:var(--indigo-600)}.editor-btn-send.disabled{color:#71717a;color:var(--zinc-500);background-color:#3f3f46;background-color:var(--zinc-700);cursor:not-allowed}.editor-input-container{position:relative;flex:1;min-width:0}.editor-content{min-height:24px;max-height:200px;padding:6px 0;overflow-y:auto;font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:#e4e4e7;color:var(--zinc-200);outline:none}.editor-content *{font-family:inherit;font-size:inherit;color:inherit;background:transparent!important;background-color:transparent!important}.editor-content .editor-mention{background-color:#6366f133!important}.editor-content:empty:before{content:attr(data-placeholder);color:#71717a;color:var(--zinc-500);pointer-events:none}.editor-content::-webkit-scrollbar{width:4px}.editor-content::-webkit-scrollbar-thumb{background-color:#52525b;background-color:var(--zinc-600);border-radius:2px}.editor-mention{display:inline;margin:0 1px;padding:1px 4px;font-weight:500;color:#818cf8;color:var(--indigo-400);background-color:#6366f133;border-radius:3px}.mention-popup{position:absolute;bottom:calc(100% + 8px);left:0;z-index:100;width:280px;max-height:300px;overflow:hidden;background-color:#27272a;background-color:var(--zinc-800);border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:8px;box-shadow:0 8px 24px #0000004d}.mention-popup-title{padding:10px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#71717a;color:var(--zinc-500);border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--zinc-700)}.mention-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;transition:background-color .1s;cursor:pointer}.mention-item:hover,.mention-item.selected,.mention-item:focus{background-color:#3f3f46;background-color:var(--zinc-700)}.mention-avatar{display:flex;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%}.mention-details{display:flex;flex:1;flex-direction:column;min-width:0}.mention-name{font-size:14px;font-weight:500;color:#e4e4e7;color:var(--zinc-200)}.mention-status{font-size:12px;color:#71717a;color:var(--zinc-500)}.shortcode-popup{position:absolute;bottom:calc(100% + 8px);left:0;z-index:100;min-width:200px;overflow:hidden;background-color:#27272a;background-color:var(--zinc-800);border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:8px;box-shadow:0 8px 24px #0000004d}.shortcode-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;transition:background-color .1s;cursor:pointer}.shortcode-item:hover,.shortcode-item:focus{background-color:#3f3f46;background-color:var(--zinc-700)}.shortcode-emoji{font-size:20px}.shortcode-code{font-family:monospace;font-size:13px;color:#a1a1aa;color:var(--zinc-400)}.emoji-picker-container{position:relative}.emoji-picker{position:absolute;right:0;bottom:calc(100% + 8px);z-index:100;width:352px;overflow:hidden;background-color:#27272a;background-color:var(--zinc-800);border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:12px;box-shadow:0 8px 32px #0006}.emoji-picker-search{padding:12px;border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--zinc-700)}.emoji-picker-search input{width:100%;padding:10px 12px;font-size:14px;color:#e4e4e7;color:var(--zinc-200);background-color:#3f3f46;background-color:var(--zinc-700);border:none;border-radius:8px;outline:none}.emoji-picker-search input:focus{box-shadow:0 0 0 2px #6366f1;box-shadow:0 0 0 2px var(--indigo-500)}.emoji-picker-search input::-moz-placeholder{color:#71717a;color:var(--zinc-500)}.emoji-picker-search input::placeholder{color:#71717a;color:var(--zinc-500)}.emoji-picker-categories{display:flex;gap:4px;padding:8px 12px;overflow-x:auto;border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--zinc-700)}.emoji-picker-categories::-webkit-scrollbar{display:none}.emoji-picker-categories button{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;background:transparent;border:none;border-radius:8px;transition:all .15s;cursor:pointer}.emoji-picker-categories button:hover,.emoji-picker-categories button:focus{background-color:#3f3f46;background-color:var(--zinc-700)}.emoji-picker-categories button.active{background-color:#6366f1;background-color:var(--indigo-500)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px;max-height:280px;padding:12px;overflow-y:auto}.emoji-picker-grid::-webkit-scrollbar{width:6px}.emoji-picker-grid::-webkit-scrollbar-thumb{background-color:#52525b;background-color:var(--zinc-600);border-radius:3px}.emoji-picker-empty{padding:24px;font-size:13px;text-align:center;color:#71717a;color:var(--zinc-500);grid-column:1 / -1}.emoji-btn{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;background:transparent;border:none;border-radius:6px;transition:all .1s;cursor:pointer}.emoji-btn:hover,.emoji-btn:focus{background-color:#3f3f46;background-color:var(--zinc-700);transform:scale(1.15)}.editor-dropzone{position:absolute;z-index:50;display:flex;justify-content:center;align-items:center;background-color:#6366f11a;border:2px dashed #6366f1;border:2px dashed var(--indigo-500);border-radius:12px;inset:0;pointer-events:none}.editor-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:#818cf8;color:var(--indigo-400)}.editor-dropzone-content svg{width:40px;height:40px}.editor-dropzone-content span{font-size:14px;font-weight:500}[data-theme=light] .rich-editor{background-color:#111217;background-color:var(--bg-main)}[data-theme=light] .editor-edit-bar{background-color:#f59e0b14}[data-theme=light] .editor-edit-close:hover,[data-theme=light] .editor-edit-close:focus{background-color:#e4e4e7;background-color:var(--zinc-200)}[data-theme=light] .editor-reply{background-color:#f4f4f5;background-color:var(--zinc-100);border-left-color:#6366f1;border-left-color:var(--accent-primary)}[data-theme=light] .editor-reply-name{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .editor-reply-text{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .editor-reply-close:hover,[data-theme=light] .editor-reply-close:focus{background-color:#e4e4e7;background-color:var(--zinc-200)}[data-theme=light] .editor-code{background-color:#f6f8fa;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .editor-code-header{background-color:#e5e5e5}[data-theme=light] .editor-code-input{caret-color:#24292f}[data-theme=light] .editor-code-highlight::-webkit-scrollbar-thumb,[data-theme=light] .editor-code-input::-webkit-scrollbar-thumb{background-color:#a1a1aa;background-color:var(--zinc-400)}[data-theme=light] .editor-code-highlight::-webkit-scrollbar-thumb:hover,[data-theme=light] .editor-code-input::-webkit-scrollbar-thumb:hover,[data-theme=light] .editor-code-highlight::-webkit-scrollbar-thumb:focus,[data-theme=light] .editor-code-input::-webkit-scrollbar-thumb:focus{background-color:#71717a;background-color:var(--zinc-500)}[data-theme=light] .editor-input-wrapper{background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .editor-input-wrapper:focus-within{border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=light] .editor-content{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .editor-content:empty:before{color:#71717a;color:var(--text-muted)}[data-theme=light] .editor-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .editor-btn:hover,[data-theme=light] .editor-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#f4f4f5;background-color:var(--zinc-100)}[data-theme=light] .mention-popup,[data-theme=light] .shortcode-popup,[data-theme=light] .emoji-picker{background-color:#fff;border-color:#27272a80;border-color:var(--border-color);box-shadow:0 8px 24px #0000001a}[data-theme=light] .mention-popup-title{color:#71717a;color:var(--text-muted);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .mention-item:hover,[data-theme=light] .mention-item.selected,[data-theme=light] .shortcode-item:hover,[data-theme=light] .mention-item:focus,[data-theme=light] .shortcode-item:focus{background-color:#f4f4f5;background-color:var(--zinc-100)}[data-theme=light] .mention-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .emoji-picker-search input{color:#e4e4e7;color:var(--text-primary);background-color:#f4f4f5;background-color:var(--zinc-100)}[data-theme=light] .emoji-picker-categories button:hover,[data-theme=light] .emoji-btn:hover,[data-theme=light] .emoji-picker-categories button:focus,[data-theme=light] .emoji-btn:focus{background-color:#f4f4f5;background-color:var(--zinc-100)}.editor-upload-progress{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;background-color:#27272a;background-color:var(--zinc-800);border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:8px}.upload-progress-info{display:flex;align-items:center;gap:8px}.upload-progress-info svg{flex-shrink:0;width:16px;height:16px;color:#818cf8;color:var(--indigo-400)}.upload-file-name{flex:1;overflow:hidden;font-size:13px;white-space:nowrap;color:#d4d4d8;color:var(--zinc-300);text-overflow:ellipsis}.upload-percentage{flex-shrink:0;font-size:12px;font-weight:600;color:#818cf8;color:var(--indigo-400)}.upload-cancel-btn{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;color:#71717a;color:var(--zinc-500);background:transparent;border:none;border-radius:4px;transition:all .15s;cursor:pointer}.upload-cancel-btn:hover,.upload-cancel-btn:focus{color:#d4d4d8;color:var(--zinc-300);background-color:#3f3f46;background-color:var(--zinc-700)}.upload-cancel-btn svg{width:14px;height:14px}.upload-progress-bar{width:100%;height:3px;overflow:hidden;background-color:#3f3f46;background-color:var(--zinc-700);border-radius:2px}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);background:linear-gradient(90deg,var(--indigo-500),var(--indigo-400));border-radius:2px;transition:width .3s ease}.editor-image-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:10px 12px;background-color:#27272a;background-color:var(--zinc-800);border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:8px}.image-preview-grid{display:flex;flex-wrap:wrap;gap:8px}.image-preview-item{position:relative;width:72px;height:72px;overflow:hidden;border-radius:8px;border:1px solid #52525b;border:1px solid var(--zinc-600)}.image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-preview-remove{position:absolute;top:2px;right:2px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;color:#fff;background-color:#0009;border:none;border-radius:50%;transition:background-color .15s;cursor:pointer}.image-preview-remove:hover,.image-preview-remove:focus{background-color:#000c}.image-preview-remove svg{width:12px;height:12px}.image-preview-add{display:flex;justify-content:center;align-items:center;width:72px;height:72px;color:#71717a;color:var(--zinc-500);background-color:#3f3f46;background-color:var(--zinc-700);border:2px dashed #52525b;border:2px dashed var(--zinc-600);border-radius:8px;transition:all .15s;cursor:pointer}.image-preview-add:hover,.image-preview-add:focus{color:#d4d4d8;color:var(--zinc-300);border-color:#71717a;border-color:var(--zinc-500);background-color:#3f3f46;background-color:var(--zinc-650, var(--zinc-700))}.image-preview-add svg{width:24px;height:24px}.image-preview-meta{display:flex;justify-content:space-between;align-items:center}.image-count-badge{font-size:12px;font-weight:500;color:#a1a1aa;color:var(--zinc-400)}.image-clear-all{padding:2px 8px;font-size:12px;color:#71717a;color:var(--zinc-500);background:transparent;border:none;border-radius:4px;transition:all .15s;cursor:pointer}.image-clear-all:hover,.image-clear-all:focus{color:#d4d4d8;color:var(--zinc-300);background-color:#3f3f46;background-color:var(--zinc-700)}[data-theme=light] .editor-upload-progress{background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .upload-file-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .upload-progress-bar{background-color:#e4e4e7;background-color:var(--zinc-200)}[data-theme=light] .editor-image-preview{background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .image-preview-item{border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .image-preview-add{color:#71717a;color:var(--text-muted);background-color:#f4f4f5;background-color:var(--zinc-100);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .image-preview-add:hover,[data-theme=light] .image-preview-add:focus{color:#a1a1aa;color:var(--text-secondary);background-color:#e4e4e7;background-color:var(--zinc-200)}[data-theme=light] .image-count-badge{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .image-clear-all{color:#71717a;color:var(--text-muted)}[data-theme=light] .image-clear-all:hover,[data-theme=light] .image-clear-all:focus{color:#e4e4e7;color:var(--text-primary);background-color:#f4f4f5;background-color:var(--zinc-100)}.chat-input-loading{height:56px;background:#18181b;background:var(--bg-sidebar);border-top:1px solid rgba(39,39,42,.5);border-top:1px solid var(--border-color)}.editor-code-loading{height:120px;margin-bottom:8px;background:#1f1f23;background:var(--bg-elevated);border-radius:8px}.emoji-picker-loading{width:320px;height:360px;background:#1f1f23;background:var(--bg-elevated);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:12px}@media screen and (max-width:768px){.rich-editor{position:relative;z-index:10;padding:8px 12px 4px;min-height:56px;will-change:transform;flex-shrink:0;transform:translateZ(0)}.editor-input-wrapper{min-height:48px}.editor-content{-webkit-user-select:text;-moz-user-select:text;user-select:text;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.emoji-picker-container{position:static}.emoji-picker{position:absolute;right:8px;left:8px;bottom:calc(100% + 8px);z-index:200;width:auto;max-width:calc(100vw - 16px);max-height:60vh}body.keyboard-visible .emoji-picker{max-height:50vh}.emoji-picker-grid{max-height:200px}.mention-popup,.shortcode-popup{width:calc(100vw - 32px);max-width:320px;max-height:40vh;overflow-y:auto}body.keyboard-visible .mention-popup,body.keyboard-visible .shortcode-popup{max-height:30vh}}.message-row{position:relative;display:flex;gap:16px;margin:0 -16px;padding:8px 16px;overflow:visible;border-radius:8px;transition:background-color .2s ease;cursor:default}.message-row-inner{position:relative;display:flex;gap:16px;margin:0 -16px;padding:8px 16px;border-radius:8px;transition:transform .15s cubic-bezier(.25,.46,.45,.94)}.message-row.swiping .message-row-inner{transition:none}.message-row:hover .message-row-inner,.message-row:focus .message-row-inner{background-color:#27272a4d}.message-avatar{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-top:2px;font-size:15px;font-weight:700;color:#fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a}.message-content{flex:1;min-width:0;max-width:100%}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.sender-name{font-size:15px;font-weight:600;color:#f4f4f5;color:var(--zinc-100);cursor:pointer}.sender-name:hover,.sender-name:focus{-webkit-text-decoration:underline;text-decoration:underline}.message-time{font-size:12px;color:#71717a;color:var(--zinc-500)}.message-edited{margin-left:4px;font-size:11px;font-style:italic;color:#71717a;color:var(--zinc-500)}.message-text{width:-moz-fit-content;width:fit-content;max-width:100%;font-size:15px;line-height:1.5;word-break:break-word;color:#d4d4d8;color:var(--zinc-300)}.message-text.emoji-only{padding:0!important;font-size:48px;line-height:1.2;background:transparent!important;animation:emoji-pop .3s cubic-bezier(.175,.885,.32,1.275)}.message-text.emoji-only.emoji-single{font-size:64px}.message-text.emoji-only.emoji-double{font-size:56px}.message-text.emoji-only.emoji-multiple{font-size:42px}@keyframes emoji-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.message-row.own .message-text.emoji-only{width:100%;max-width:70%;padding:4px 0!important;text-align:right;background:transparent!important}.message-row.own{flex-direction:row-reverse;gap:0}.message-row.own .message-avatar{display:none}.message-row.own .message-content{display:flex;flex-direction:column;align-items:flex-end}.message-row.own .message-header{display:none}.message-row.own .message-text{max-width:70%;padding:10px 14px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));border-radius:18px 18px 4px}.message-row.own.group-start .message-text{border-radius:18px 18px 4px}.message-row.own.group-middle .message-text{border-radius:18px 4px 4px 18px}.message-row.own.group-end .message-text{border-radius:18px 4px 18px 18px}.message-row.own.single .message-text{border-radius:18px 18px 4px}.message-row.own.group-start,.message-row.own.group-middle{padding-bottom:1px}.message-row.own.group-middle,.message-row.own.group-end{padding-top:1px}.message-row.own.group-start .message-meta .message-time-below,.message-row.own.group-middle .message-meta .message-time-below{display:none}.message-row.own.group-start:not(.has-reactions) .message-meta,.message-row.own.group-middle:not(.has-reactions) .message-meta{display:none}.message-row.own.has-reactions{padding-bottom:4px}.message-row.own .message-footer,.message-row.own .message-meta{display:flex;flex-direction:row-reverse;align-items:center;gap:8px;margin-top:4px}.message-row.own .message-meta .message-reactions{margin-top:0}.message-row.own .message-time-below{display:flex;align-items:center;gap:4px;font-size:11px;color:#71717a;color:var(--zinc-500)}.message-status{display:inline-flex;align-items:center;margin-left:4px}.message-status.sending svg{width:16px;height:16px;stroke-width:2;color:#71717a;color:var(--zinc-500)}.message-status.sent,.message-status.delivered,.message-status.read{position:relative;display:inline-flex;align-items:center;width:20px;height:14px}.message-status.sent svg,.message-status.delivered svg,.message-status.read svg{position:absolute;width:14px;height:14px;stroke-width:2.5}.message-status.sent svg:first-child,.message-status.delivered svg:first-child,.message-status.read svg:first-child{top:0;left:0}.message-status.sent svg:last-child,.message-status.delivered svg:last-child,.message-status.read svg:last-child{top:0;left:6px}.message-status.sent svg{color:#71717a;color:var(--zinc-500)}.message-status.delivered svg{color:#a1a1aa;color:var(--zinc-400)}.message-status.read svg{color:#3b82f6;color:var(--blue-500)}.message-status.failed{display:inline-flex;justify-content:center;align-items:center;width:18px;height:18px;background:#f43f5e;background:var(--rose-500);border-radius:50%;cursor:pointer}.message-status.failed svg{width:12px;height:12px;stroke-width:2.5;color:#fff}.message-status.failed:hover,.message-status.failed:focus{background:#e11d48;background:var(--rose-600)}.message-row.highlight{animation:highlight-pulse 1.5s ease-out}.message-row.selected{background-color:#6366f126}.message-row.selected:before{position:absolute;top:0;bottom:0;left:0;width:3px;background:#6366f1;background:var(--indigo-500);border-radius:0 2px 2px 0;content:""}.message-row.menu-active{background-color:#6366f11a}.message-row.select-hover{background-color:#6366f114}.message-pinned-icon{display:inline-flex;align-items:center;margin-left:6px;color:#60a5fa;color:var(--blue-400)}.message-pinned-icon svg{width:12px;height:12px}.edited-indicator{margin-left:4px;font-size:11px;font-style:italic;color:#71717a;color:var(--text-muted)}[data-theme=light] .message-row:hover .message-row-inner,[data-theme=light] .message-row:focus .message-row-inner{background-color:#94a3b814}[data-theme=light] .message-row.menu-active{background-color:#3b82f614}[data-theme=light] .message-row.selected{background-color:#3b82f61f}[data-theme=light] .message-row.highlight{animation:highlight-pulse-light 1.5s ease-out}[data-theme=light] .message-row.select-hover{background-color:#3b82f60f}[data-theme=light] .sender-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .message-time{color:#71717a;color:var(--text-muted)}[data-theme=light] .message-text{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .message-avatar{box-shadow:0 1px 2px #00000026;box-shadow:var(--shadow-sm)}[data-theme=light] .message-row.own .message-text{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}[data-theme=light] .message-row.own .message-time-below{color:#71717a;color:var(--text-muted)}[data-theme=light] .message-status.sent svg,[data-theme=light] .message-status.delivered svg,[data-theme=light] .message-status.sending svg{color:#71717a;color:var(--text-muted)}[data-theme=light] .edited-indicator{color:#71717a;color:var(--text-muted)}.message-video{display:inline-block;max-width:320px;margin-top:8px;overflow:hidden;border-radius:12px;cursor:pointer;transition:opacity .15s ease}.message-video:hover{opacity:.9}.message-video-thumbnail{position:relative;display:flex;justify-content:center;align-items:center;min-height:180px;overflow:hidden;background:#27272a;background:var(--zinc-800);border-radius:12px}.message-video-thumbnail img{width:100%;height:auto;max-height:300px;display:block;-o-object-fit:cover;object-fit:cover}.message-video-placeholder{display:flex;justify-content:center;align-items:center;width:100%;height:180px;background:#27272a;background:var(--zinc-800)}.message-video-placeholder svg{width:48px;height:48px;color:#71717a;color:var(--zinc-500)}.message-video-play-btn{position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:48px;height:48px;background:#0000008c;border-radius:50%;transform:translate(-50%,-50%);transition:transform .15s ease,background-color .15s ease}.message-video:hover .message-video-play-btn{background:#000000b3;transform:translate(-50%,-50%) scale(1.08)}.message-video-play-btn svg{width:22px;height:22px;margin-left:2px;color:#fff}.message-video-duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#fff;background:#000000a6;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.message-video-info{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#27272a;background:var(--zinc-800);border-radius:0 0 12px 12px}.message-video-name{overflow:hidden;font-size:13px;font-weight:500;color:#e4e4e7;color:var(--zinc-200);text-overflow:ellipsis;white-space:nowrap}.message-video-size{font-size:12px;color:#71717a;color:var(--zinc-500)}[data-theme=light] .message-video-thumbnail,[data-theme=light] .message-video-placeholder{background:#e4e4e7;background:var(--zinc-200)}[data-theme=light] .message-video-placeholder svg{color:#a1a1aa;color:var(--zinc-400)}[data-theme=light] .message-video-info{background:#f4f4f5;background:var(--zinc-100)}[data-theme=light] .message-video-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .message-video-size{color:#71717a;color:var(--text-muted)}.message-code-block{max-width:100%;margin-top:8px;overflow:hidden;background-color:#22272e;border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:12px}.message-code-block .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#2d2d3d;border-bottom:1px solid #3f3f46;border-bottom:1px solid var(--zinc-700)}.message-code-block .code-language{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#a1a1aa;color:var(--zinc-400)}.message-code-block .code-copy-btn{position:relative;z-index:1;padding:6px;color:#a1a1aa;color:var(--zinc-400);background:transparent;border:none;border-radius:6px;transition:all .2s;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.message-code-block .code-copy-btn:hover,.message-code-block .code-copy-btn:focus{color:#e4e4e7;color:var(--zinc-200);background-color:#52525b;background-color:var(--zinc-600)}.message-code-block .code-copy-btn.copied{color:#34d399;color:var(--emerald-400)}.message-code-block .code-copy-btn svg{width:16px;height:16px}.message-code-block .code-content{max-height:400px;margin:0;padding:16px;overflow:auto;background-color:transparent;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.message-code-block .code-content code{display:block;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:13px;line-height:1.6;white-space:pre;background:transparent!important}.message-code-block .code-content code.hljs{padding:0;background:transparent!important}.message-code-block .code-content::-webkit-scrollbar{width:8px;height:8px}.message-code-block .code-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.message-code-block .code-content::-webkit-scrollbar-thumb{background-color:#52525b;background-color:var(--zinc-600);border-radius:4px}.message-code-block .code-content::-webkit-scrollbar-thumb:hover,.message-code-block .code-content::-webkit-scrollbar-thumb:focus{background-color:#71717a;background-color:var(--zinc-500)}.message-code-block .code-content{scrollbar-width:thin;scrollbar-color:#52525b transparent;scrollbar-color:var(--zinc-600) transparent}.message-text .mention{display:inline;padding:2px 6px;font-weight:500;color:#818cf8;color:var(--indigo-400);background-color:#6366f133;border-radius:4px;transition:background-color .15s;cursor:pointer}.message-text .mention:hover,.message-text .mention:focus{background-color:#6366f14d}.message-text--rich strong{font-weight:700;color:#f4f4f5;color:var(--zinc-100)}.message-text--rich em{font-style:italic}.message-text--rich del{-webkit-text-decoration:line-through;text-decoration:line-through;color:#71717a;color:var(--zinc-500)}.message-text--rich code{padding:2px 6px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;color:#f78c6c;background-color:#0000004d;border-radius:4px}[data-theme=light] .message-code-block{background-color:#f6f8fa;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .message-code-block .code-block-header{background-color:#e6e8eb;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .message-code-block .code-language{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .message-code-block .code-copy-btn:hover,[data-theme=light] .message-code-block .code-copy-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#e4e4e7;background-color:var(--zinc-200)}[data-theme=light] .message-code-block .code-content::-webkit-scrollbar-thumb{background-color:#a1a1aa;background-color:var(--zinc-400)}[data-theme=light] .message-text .mention{color:#6366f1;color:var(--accent-primary);background-color:#3b82f626}[data-theme=light] .message-text .mention:hover,[data-theme=light] .message-text .mention:focus{background-color:#3b82f640}[data-theme=light] .message-text--rich strong{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .message-text--rich del{color:#71717a;color:var(--text-muted)}[data-theme=light] .message-text--rich code{color:#d73a49;background-color:#00000014}.message-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.message-reactions.empty{display:none}.reaction-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:13px;background:#27272a;background:var(--zinc-800);border:none;border-radius:16px;transition:background .15s ease,transform .1s ease;cursor:pointer}.reaction-item:hover,.reaction-item:focus{background:#3f3f46;background:var(--zinc-700)}.reaction-item:active{transform:scale(.95)}.reaction-emoji{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-family:var(--font-emoji);font-size:15px;line-height:1}.reaction-count{font-size:12px;font-weight:500;color:#a1a1aa;color:var(--text-secondary)}.reaction-item.own-reaction{background:#6366f126}.reaction-item.own-reaction .reaction-count{color:#818cf8;color:var(--indigo-400)}.message-reactions.collapsed{display:inline-flex;gap:3px;padding:4px 10px 4px 6px;background:#27272a;background:var(--zinc-800);border-radius:16px}.message-reactions.collapsed .reaction-item{margin-left:-2px;padding:0;background:transparent}.message-reactions.collapsed .reaction-item:first-child{margin-left:0}.message-reactions.collapsed .reaction-item:hover,.message-reactions.collapsed .reaction-item:focus{background:transparent}.message-reactions.collapsed .reaction-emoji{font-size:14px}.message-reactions.collapsed .reaction-item.ghost-heart.hidden{display:none}.reactions-summary{display:inline-flex;align-items:center;gap:2px;padding:4px 10px 4px 6px;background:#27272a;background:var(--zinc-800);border-radius:16px;cursor:pointer;transition:background .15s ease,transform .1s ease}.reactions-summary:hover,.reactions-summary:focus{background:#3f3f46;background:var(--zinc-700)}.reactions-summary:active{transform:scale(.95)}.reactions-summary .reaction-emoji{font-size:14px}.reaction-total{margin-left:4px;font-size:12px;font-weight:600;font-style:italic;color:#71717a;color:var(--text-muted)}.reaction-item.ghost-heart{padding:4px 8px}.reaction-item.ghost-heart .heart-icon{display:flex;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.reaction-item.ghost-heart .heart-icon.outline{color:#71717a;color:var(--zinc-500)}.reaction-item.ghost-heart .heart-icon.outline svg{width:16px;height:16px}.reaction-item.ghost-heart .heart-icon.filled{display:none;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-family:var(--font-emoji);font-size:15px;line-height:1}.reaction-item.ghost-heart.own-reaction .heart-icon.outline,.reaction-item.ghost-heart.has-others .heart-icon.outline{display:none}.reaction-item.ghost-heart.own-reaction .heart-icon.filled,.reaction-item.ghost-heart.has-others .heart-icon.filled{display:flex}.reaction-item.ghost-heart .reaction-count{display:none}.reaction-item.ghost-heart.has-others .reaction-count,.reaction-item.ghost-heart.own-reaction .reaction-count{display:inline}.reaction-item.ghost-heart.own-reaction .heart-icon.filled{animation:heart-burst .5s cubic-bezier(.34,1.56,.64,1)}@keyframes heart-burst{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes heart-float{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-150%) scale(.8);transform:translate(var(--tx, -50%),var(--ty, -150%)) scale(.8)}}.reaction-item.ghost-heart.unliking .heart-icon{animation:heart-unlike .25s ease-out}@keyframes heart-unlike{0%{transform:scale(1)}50%{transform:scale(.75)}to{transform:scale(1)}}.message-reply{display:flex;align-items:stretch;gap:8px;margin-bottom:6px;padding:8px 12px;font-size:13px;background:#27272a;background:var(--zinc-800);border-radius:8px;transition:background .15s ease;cursor:pointer}.message-reply:hover,.message-reply:focus{background:#3f3f46;background:var(--zinc-700)}.message-reply-bar{flex-shrink:0;width:3px;background:#3b82f6;background:var(--blue-500);border-radius:2px}.message-reply-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.message-reply-sender{font-size:12px;font-weight:600;color:#60a5fa;color:var(--blue-400)}.message-reply-text{overflow:hidden;white-space:nowrap;color:#a1a1aa;color:var(--text-secondary);text-overflow:ellipsis}.message-row.own .message-reply-bar{background:#10b981;background:var(--emerald-500)}.message-row.own .message-reply-sender{color:#34d399;color:var(--emerald-400)}[data-theme=light] .reaction-item{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .reaction-item:hover,[data-theme=light] .reaction-item:focus{background:#e2e8f0;background:var(--slate-200)}[data-theme=light] .reaction-count{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .reaction-item.own-reaction{background:#3b82f61a}[data-theme=light] .reaction-item.own-reaction .reaction-count{color:#2563eb;color:var(--blue-600)}[data-theme=light] .message-reactions.collapsed,[data-theme=light] .reactions-summary{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .reactions-summary:hover,[data-theme=light] .reactions-summary:focus{background:#e2e8f0;background:var(--slate-200)}[data-theme=light] .reaction-item.ghost-heart .heart-icon.outline{color:#94a3b8;color:var(--slate-400)}[data-theme=light] .message-reply{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .message-reply:hover,[data-theme=light] .message-reply:focus{background:#e2e8f0;background:var(--slate-200)}[data-theme=light] .message-reply-sender{color:#2563eb;color:var(--blue-600)}[data-theme=light] .message-reply-text{color:#a1a1aa;color:var(--text-secondary)}.reply-preview{display:none;align-items:center;gap:12px;margin:0 16px;padding:12px 16px;background:linear-gradient(90deg,#6366f11a,#27272a80);border-radius:0 8px 8px 0;animation:slide-up .2s ease-out;border-left:3px solid #6366f1;border-left:3px solid var(--indigo-500)}.reply-preview.show{display:flex}.reply-preview-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));border-radius:8px}.reply-preview-icon svg{width:16px;height:16px;color:#fff}.reply-preview-content{flex:1;min-width:0}.reply-preview-name{margin-bottom:2px;font-size:13px;font-weight:600;color:#818cf8;color:var(--indigo-400)}.reply-preview-text{overflow:hidden;font-size:13px;line-height:1.4;white-space:nowrap;color:#a1a1aa;color:var(--zinc-400);text-overflow:ellipsis}.reply-preview-close{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;color:#71717a;color:var(--zinc-500);background:#ffffff0d;border:none;border-radius:50%;transition:all .15s ease;cursor:pointer}.reply-preview-close:hover,.reply-preview-close:focus{color:#d4d4d8;color:var(--zinc-300);background-color:#ffffff1a}.reply-preview-close:active{transform:scale(.95)}.reply-preview-close svg{width:16px;height:16px}.reply-indicator{position:fixed;top:50%;right:16px;z-index:1000;display:flex;justify-content:center;align-items:center;width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--indigo-500),var(--violet-500));border-radius:50%;box-shadow:0 2px 10px #6366f166;opacity:0;transition:opacity .12s ease;transform:translateY(-50%) scale(0);pointer-events:none}.reply-indicator svg{width:16px;height:16px;color:#fff;stroke-width:2.5}[data-theme=light] .reply-preview{background:linear-gradient(90deg,#3b82f614,#111217);background:linear-gradient(90deg,rgba(59,130,246,.08) 0%,var(--bg-main) 100%)}[data-theme=light] .reply-preview-name{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .reply-preview-text{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .reply-preview-close{color:#a1a1aa;color:var(--text-secondary);background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .reply-preview-close:hover,[data-theme=light] .reply-preview-close:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--border-color)}[data-theme=light] .reply-indicator{box-shadow:0 2px 10px #3b82f64d}.expandable-text-wrapper{max-width:95%;overflow:hidden;border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:12px}.expandable-text-content{padding:10px 14px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#d4d4d8;color:var(--zinc-300);word-wrap:break-word}.expandable-text-content--truncated{display:-webkit-box;-webkit-line-clamp:9;-webkit-line-clamp:var(--max-lines, 9);-webkit-box-orient:vertical;overflow:hidden}.expandable-text-footer{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#27272a;background:var(--zinc-800)}.expandable-text-toggle{display:flex;justify-content:center;align-items:center;width:28px;height:28px;padding:0;color:#d4d4d8;color:var(--zinc-300);background:#3f3f46;background:var(--zinc-700);border:none;border-radius:6px;transition:all .15s ease;cursor:pointer}.expandable-text-toggle:hover,.expandable-text-toggle:focus{color:#f4f4f5;color:var(--zinc-100);background:#52525b;background:var(--zinc-600)}.expandable-text-toggle svg{width:16px;height:16px;transition:transform .2s ease}.expandable-text-size{margin-left:auto;font-size:12px;color:#71717a;color:var(--zinc-500)}.expandable-text-actions{display:flex;align-items:center;gap:2px}.expandable-text-action-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;padding:0;color:#a1a1aa;color:var(--zinc-400);background:transparent;border:none;border-radius:6px;transition:all .15s ease;cursor:pointer}.expandable-text-action-btn:hover,.expandable-text-action-btn:focus{color:#e4e4e7;color:var(--zinc-200);background:#3f3f46;background:var(--zinc-700)}.expandable-text-action-btn.copied{color:#34d399;color:var(--emerald-400)}.expandable-text-action-btn svg{width:16px;height:16px}.message-row.own .expandable-text-wrapper{align-self:flex-end;border-color:#6366f14d}.message-row.own .expandable-text-content{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--indigo-500),var(--violet-500))}.message-row.own .expandable-text-footer{background:#6366f126;border-color:#6366f133}.message-row.own .expandable-text-toggle{color:#fffc;background:#ffffff26}.message-row.own .expandable-text-toggle:hover,.message-row.own .expandable-text-toggle:focus{color:#fff;background:#ffffff40}.message-row.own .expandable-text-size{color:#ffffff80}.message-row.own .expandable-text-action-btn{color:#fff9}.message-row.own .expandable-text-action-btn:hover,.message-row.own .expandable-text-action-btn:focus{color:#ffffffe6;background:#ffffff26}.message-row.own .expandable-text-action-btn.copied{color:#6ee7b7;color:var(--emerald-300)}[data-theme=light] .expandable-text-wrapper{border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .expandable-text-content{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .expandable-text-footer{background:#111217;background:var(--bg-main)}[data-theme=light] .expandable-text-toggle{color:#a1a1aa;color:var(--text-secondary);background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .expandable-text-toggle:hover,[data-theme=light] .expandable-text-toggle:focus{color:#e4e4e7;color:var(--text-primary);background:#27272a80;background:var(--border-color)}[data-theme=light] .expandable-text-size{color:#71717a;color:var(--text-muted)}[data-theme=light] .expandable-text-action-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .expandable-text-action-btn:hover,[data-theme=light] .expandable-text-action-btn:focus{color:#e4e4e7;color:var(--text-primary);background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .message-row.own .expandable-text-content{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.pinned-messages-bar{position:absolute;top:56px;right:0;left:0;z-index:9;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#27272a;background:var(--zinc-800);transition:transform .25s ease,opacity .25s ease;cursor:pointer}.pinned-messages-bar.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.pinned-icon{flex-shrink:0;width:14px;height:14px;color:#60a5fa;color:var(--blue-400)}.pinned-text{flex:1;min-width:0;overflow:hidden;font-size:12px;white-space:nowrap;color:#a1a1aa;color:var(--zinc-400);text-overflow:ellipsis}.pinned-count{flex-shrink:0;padding:1px 6px;font-size:11px;color:#71717a;color:var(--zinc-500);background:#3f3f46;background:var(--zinc-700);border-radius:8px}[data-theme=light] .pinned-messages-bar{background:#27272a80;background:var(--border-color)}[data-theme=light] .pinned-text{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .pinned-count{color:#a1a1aa;color:var(--text-secondary);background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .pinned-icon{color:#a1a1aa;color:var(--text-secondary)}.message-file{display:flex;align-items:center;gap:12px;max-width:280px;padding:6px 0 0 6px;border-radius:12px;cursor:pointer}.message-file:hover,.message-file:focus{background:#3f3f46;background:var(--zinc-700)}.message-file-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;border-radius:8px}.message-file-icon.pdf{background:linear-gradient(135deg,#d93025,#b71c1c)}.message-file-icon.doc,.message-file-icon.docx,.message-file-icon.pages{background:linear-gradient(135deg,#2b579a,#1e3a5f)}.message-file-icon.xls,.message-file-icon.xlsx,.message-file-icon.numbers{background:linear-gradient(135deg,#217346,#145a32)}.message-file-icon.ppt,.message-file-icon.pptx,.message-file-icon.keynote{background:linear-gradient(135deg,#d04423,#b33a1d)}.message-file-icon.zip,.message-file-icon.rar,.message-file-icon.tar,.message-file-icon.gz{background:linear-gradient(135deg,#ffc107,#ff8f00)}.message-file-icon.mp3,.message-file-icon.wav,.message-file-icon.ogg,.message-file-icon.m4a,.message-file-icon.aac,.message-file-icon.flac,.message-file-icon.audio{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.message-file-icon.mp4,.message-file-icon.webm,.message-file-icon.mov,.message-file-icon.avi,.message-file-icon.mkv,.message-file-icon.m4v,.message-file-icon.video{background:linear-gradient(135deg,#ec4899,#db2777)}.message-file-icon.jpg,.message-file-icon.jpeg,.message-file-icon.png,.message-file-icon.gif,.message-file-icon.webp,.message-file-icon.heic,.message-file-icon.heif,.message-file-icon.svg,.message-file-icon.img,.message-file-icon.image{background:linear-gradient(135deg,#06b6d4,#0891b2)}.message-file-icon.default,.message-file-icon.other{background:linear-gradient(135deg,#6b7280,#4b5563)}.message-file-icon svg{width:20px;height:20px;stroke:#fff}.message-file-info{flex:1;min-width:0}.message-file-name{overflow:hidden;font-size:14px;font-weight:500;white-space:nowrap;color:#f4f4f5;color:var(--zinc-100);text-overflow:ellipsis}.message-file-meta{display:flex;gap:8px;font-size:12px;color:#a1a1aa;color:var(--zinc-400)}.message-images{display:grid;grid-gap:4px;gap:4px;max-width:400px;margin-top:8px;overflow:hidden;border-radius:16px}.message-images.single{grid-template-columns:1fr}.message-images.single .message-image{max-height:300px}.message-images.duo{grid-template-columns:1fr 1fr}.message-images.duo .message-image{aspect-ratio:1}.message-images.trio{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.message-images.trio .message-image:first-child{grid-row:span 2}.message-images.trio .message-image{aspect-ratio:1}.message-images.quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.message-images.quad .message-image{aspect-ratio:1}.message-images.many{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.message-images.many .message-image{aspect-ratio:1}.message-images.many .message-image:nth-child(n+5){display:none}.message-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:opacity .15s ease}.message-image:hover,.message-image:focus{opacity:.9}.message-image-overlay{position:absolute;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:600;color:#fff;background:#0009;inset:0}.message-row.own .message-file,.message-row.own .message-images,.message-row.own .message-gallery{margin-left:auto}.message-gallery{display:flex;flex-wrap:wrap;max-width:400px;margin-top:8px;overflow:hidden;border-radius:12px;opacity:0;transition:opacity .3s ease}.message-gallery.gallery-loaded{opacity:1}.gallery-row{display:flex;width:100%}.gallery-item{position:relative;box-sizing:border-box;margin:1px;overflow:hidden;transition:opacity .15s ease;cursor:pointer}.gallery-item:hover,.gallery-item:focus{opacity:.85}.gallery-item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.gallery-overlay{position:absolute;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:600;color:#fff;background:#000000a6;inset:0;pointer-events:none}.message-gallery.gallery-many .gallery-row:nth-child(n+3){display:none}.f-button{background-color:transparent!important}.fancybox__caption{text-align:center}.fancybox__toolbar{padding-top:max(8px,env(safe-area-inset-top));background:#00000080}.fancybox__container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.fancybox__nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.fancybox__slide img{max-width:95vw;max-height:95vh}[data-theme=light] .message-file{background:#111217;background:var(--bg-main)}[data-theme=light] .message-file:hover,[data-theme=light] .message-file:focus{background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .message-file-name{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .message-file-meta{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .gallery-overlay{background:#0f172a99}.gallery-item--broken{position:relative;box-sizing:border-box;margin:1px;overflow:hidden;background:#27272a;background:var(--zinc-800);border:1px dashed #52525b;border:1px dashed var(--zinc-600);border-radius:4px}.broken-image-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:12px;color:#71717a;color:var(--zinc-500)}.broken-image-placeholder svg{width:32px;height:32px;opacity:.5}.broken-image-placeholder span{font-size:11px;text-align:center}.message-file--broken{border:1px dashed #52525b;border:1px dashed var(--zinc-600);opacity:.6}.message-file--broken .message-file-icon{background:#3f3f46!important;background:var(--zinc-700)!important}.message-file--broken .message-file-icon svg{stroke:#71717a;stroke:var(--zinc-500)}.message-file--broken .message-file-name{-webkit-text-decoration:line-through;text-decoration:line-through;color:#71717a;color:var(--zinc-500)}.message-file--broken .message-file-meta:after{content:" • File unavailable";color:var(--red-400)}[data-theme=light] .gallery-item--broken{background:var(--bg-tertiary);border-color:#3f3f4680;border-color:var(--border-subtle)}[data-theme=light] .broken-image-placeholder{color:var(--text-tertiary)}[data-theme=light] .message-file--broken{border-color:#3f3f4680;border-color:var(--border-subtle)}[data-theme=light] .message-file--broken .message-file-icon{background:var(--bg-tertiary)!important}[data-theme=light] .message-file--broken .message-file-icon svg{stroke:var(--text-tertiary)}[data-theme=light] .message-file--broken .message-file-name{color:var(--text-tertiary)}.lightbox-overlay{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:center;background:#000000f2;animation:lightbox-fade-in .2s ease-out;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:10;display:flex;justify-content:center;align-items:center;width:44px;height:44px;color:#fff;background:#00000080;border:none;border-radius:50%;transition:background .15s,transform .15s;cursor:pointer}.lightbox-close:hover,.lightbox-close:focus{background:#000000b3;transform:scale(1.1)}.lightbox-close svg{width:24px;height:24px}.lightbox-nav{position:absolute;top:50%;z-index:10;display:flex;justify-content:center;align-items:center;width:48px;height:48px;color:#fff;background:#00000080;border:none;border-radius:50%;transform:translateY(-50%);transition:background .15s,transform .15s;cursor:pointer}.lightbox-nav:hover,.lightbox-nav:focus{background:#000000b3}.lightbox-nav-prev{left:max(16px,env(safe-area-inset-left))}.lightbox-nav-next{right:max(16px,env(safe-area-inset-right))}.lightbox-nav svg{width:28px;height:28px}.lightbox-image-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:60px 80px;overflow:hidden;touch-action:none}.lightbox-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .1s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-counter{position:absolute;bottom:max(80px,calc(env(safe-area-inset-bottom) + 60px));left:50%;padding:8px 16px;font-size:14px;font-weight:500;color:#fff;background:#0009;border-radius:20px;transform:translate(-50%)}.lightbox-caption{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;max-width:80%;padding:12px 20px;font-size:14px;line-height:1.4;text-align:center;color:#fff;background:#000000b3;border-radius:12px;transform:translate(-50%)}@media(max-width:768px){.lightbox-image-container{padding:60px 16px}.lightbox-nav{display:none}.lightbox-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:40px;height:40px}.lightbox-close svg{width:20px;height:20px}.lightbox-counter{bottom:max(60px,calc(env(safe-area-inset-bottom) + 40px));font-size:13px}.lightbox-caption{max-width:90%;padding:10px 16px;font-size:13px}}.lightbox-touch-hint{position:absolute;bottom:max(120px,calc(env(safe-area-inset-bottom) + 100px));left:50%;padding:10px 20px;font-size:13px;color:#fffc;background:#00000080;border-radius:8px;transform:translate(-50%);animation:hint-fade 2s ease-out forwards;pointer-events:none}@keyframes hint-fade{0%,70%{opacity:1}to{opacity:0}}.select-toolbar{position:fixed;bottom:-80px;left:50%;z-index:1001;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#27272a;background:var(--zinc-800);border:1px solid rgba(63,63,70,.5);border-radius:16px;box-shadow:0 -4px 20px #0000004d;transition:bottom .3s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%)}.select-toolbar.visible{bottom:100px}.select-toolbar-count{min-width:60px;padding:0 12px;font-size:14px;font-weight:600;color:#e4e4e7;color:var(--zinc-200);border-right:1px solid #3f3f46;border-right:1px solid var(--zinc-700)}.select-toolbar-actions{display:flex;gap:4px}.select-toolbar-btn{display:flex;justify-content:center;align-items:center;width:44px;height:44px;color:#a1a1aa;color:var(--zinc-400);background:transparent;border:none;border-radius:12px;transition:all .15s;cursor:pointer}.select-toolbar-btn:hover,.select-toolbar-btn:focus{color:#e4e4e7;color:var(--zinc-200);background:#3f3f46;background:var(--zinc-700)}.select-toolbar-btn:active{transform:scale(.95)}.select-toolbar-btn[data-action=forward]{color:#60a5fa;color:var(--blue-400)}.select-toolbar-btn[data-action=forward]:hover,.select-toolbar-btn[data-action=forward]:focus{color:#60a5fa;color:var(--blue-400);background:#3b82f626}.select-toolbar-btn[data-action=copy]{color:#34d399;color:var(--emerald-400)}.select-toolbar-btn[data-action=copy]:hover,.select-toolbar-btn[data-action=copy]:focus{color:#34d399;color:var(--emerald-400);background:#34d39926}.select-toolbar-btn.danger{color:#f43f5e;color:var(--rose-500)}.select-toolbar-btn.danger:hover,.select-toolbar-btn.danger:focus{color:#f43f5e;color:var(--rose-500);background:#f43f5e26}.select-toolbar-btn svg{width:22px;height:22px}.select-toolbar-close{display:flex;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;color:#a1a1aa;color:var(--zinc-400);background:#3f3f46;background:var(--zinc-700);border:none;border-radius:50%;transition:all .15s;cursor:pointer}.select-toolbar-close:hover,.select-toolbar-close:focus{color:#e4e4e7;color:var(--zinc-200);background:#52525b;background:var(--zinc-600)}.select-toolbar-close svg{width:18px;height:18px}[data-theme=light] .select-toolbar{background:#18181b;background:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color);box-shadow:0 -4px 20px #0000001a}[data-theme=light] .select-toolbar-count{color:#e4e4e7;color:var(--text-primary);border-right-color:#27272a80;border-right-color:var(--border-color)}[data-theme=light] .select-toolbar-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .select-toolbar-btn:hover,[data-theme=light] .select-toolbar-btn:focus{color:#e4e4e7;color:var(--text-primary);background:#27272a80;background:var(--hover-bg)}[data-theme=light] .select-toolbar-close{color:#a1a1aa;color:var(--text-secondary);background:#111217;background:var(--bg-main)}[data-theme=light] .select-toolbar-close:hover,[data-theme=light] .select-toolbar-close:focus{color:#e4e4e7;color:var(--text-primary);background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .select-toolbar-btn[data-action=forward]{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .select-toolbar-btn[data-action=forward]:hover,[data-theme=light] .select-toolbar-btn[data-action=forward]:focus{color:#818cf8;color:var(--accent-emphasis);background:#3b82f61a}[data-theme=light] .select-toolbar-btn[data-action=copy]{color:#10b981;color:var(--accent-success)}[data-theme=light] .select-toolbar-btn[data-action=copy]:hover,[data-theme=light] .select-toolbar-btn[data-action=copy]:focus{color:#10b981;color:var(--accent-success);background:#10b9811a}[data-theme=light] .select-toolbar-btn.danger{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .select-toolbar-btn.danger:hover,[data-theme=light] .select-toolbar-btn.danger:focus{color:#f43f5e;color:var(--accent-danger);background:#ef44441a}@media(max-width:768px){.select-toolbar{right:16px;left:16px;width:auto;padding:12px 16px;transform:none}.select-toolbar.visible{bottom:90px}.select-toolbar-btn{width:48px;height:48px}}.message-text-wrapper{display:flex;flex-direction:column;gap:8px;max-width:70%}.message-row.own .message-text-wrapper{align-items:flex-end}.message-row.own .message-text-wrapper .link-preview{margin-left:auto}.message-link{display:block;margin-top:4px;-webkit-text-decoration:none;text-decoration:none;word-break:break-all;color:#60a5fa;color:var(--blue-400);transition:color .15s ease}.message-link:first-child{margin-top:0}.message-link:hover,.message-link:focus{-webkit-text-decoration:underline;text-decoration:underline;color:var(--blue-300)}.message-text.own .message-link{-webkit-text-decoration:underline;text-decoration:underline;color:#ffffffe6;text-decoration-color:#fff6}.message-text.own .message-link:hover,.message-text.own .message-link:focus{color:#fff;text-decoration-color:#ffffffb3}.link-preview{display:flex;flex-direction:column;max-width:320px;overflow:hidden;background:#27272a;background:var(--zinc-800);border:1px solid #3f3f46;border:1px solid var(--zinc-700);border-radius:12px;transition:all .2s ease;cursor:pointer}.link-preview:hover,.link-preview:focus{background:#27272acc;background:var(--zinc-750, rgba(39, 39, 42, .8));border-color:#52525b;border-color:var(--zinc-600)}.link-preview:active{transform:scale(.98)}.link-preview.own{background:#ffffff1a;border-color:#ffffff26}.link-preview.own:hover,.link-preview.own:focus{background:#ffffff26;border-color:#fff3}.link-preview-image{width:100%;height:140px;overflow:hidden;background:#18181b;background:var(--zinc-900)}.link-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.link-preview:hover .link-preview-image img,.link-preview:focus .link-preview-image img{transform:scale(1.02)}.link-preview-content{display:flex;flex-direction:column;gap:4px;padding:12px}.link-preview-title{display:-webkit-box;overflow:hidden;font-size:14px;font-weight:600;line-height:1.3;color:#f4f4f5;color:var(--zinc-100);-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-preview.own .link-preview-title{color:#fff}.link-preview-description{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.4;color:#a1a1aa;color:var(--zinc-400);-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-preview.own .link-preview-description{color:#ffffffb3}.link-preview-meta{display:flex;align-items:center;gap:6px;margin-top:4px}.link-preview-favicon{width:16px;height:16px;border-radius:2px}.link-preview-domain{flex:1;overflow:hidden;font-size:12px;white-space:nowrap;color:#71717a;color:var(--zinc-500);text-overflow:ellipsis}.link-preview.own .link-preview-domain{color:#ffffff80}.link-preview-arrow{flex-shrink:0;width:14px;height:14px;color:#71717a;color:var(--zinc-500)}.link-preview.own .link-preview-arrow{color:#ffffff80}.link-preview.loading{pointer-events:none}.link-preview-skeleton{display:flex;flex-direction:column}.skeleton-image{width:100%;height:100px;background:linear-gradient(90deg,#27272a 25%,#3f3f46,#27272a 75%);background:linear-gradient(90deg,var(--zinc-800) 25%,var(--zinc-700) 50%,var(--zinc-800) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{display:flex;flex-direction:column;gap:8px;padding:12px}.skeleton-title{width:80%;height:16px;background:linear-gradient(90deg,#27272a 25%,#3f3f46,#27272a 75%);background:linear-gradient(90deg,var(--zinc-800) 25%,var(--zinc-700) 50%,var(--zinc-800) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-description{width:100%;height:12px;background:linear-gradient(90deg,#27272a 25%,#3f3f46,#27272a 75%);background:linear-gradient(90deg,var(--zinc-800) 25%,var(--zinc-700) 50%,var(--zinc-800) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-domain{width:40%;height:12px;background:linear-gradient(90deg,#27272a 25%,#3f3f46,#27272a 75%);background:linear-gradient(90deg,var(--zinc-800) 25%,var(--zinc-700) 50%,var(--zinc-800) 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.link-preview-error{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;color:#71717a;color:var(--zinc-500)}.link-preview-error svg{width:18px;height:18px}[data-theme=light] .message-link{color:#2563eb;color:var(--blue-600)}[data-theme=light] .message-link:hover,[data-theme=light] .message-link:focus{color:#1d4ed8;color:var(--blue-700)}[data-theme=light] .link-preview{background:#111217;background:var(--bg-main);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .link-preview:hover,[data-theme=light] .link-preview:focus{background:#18181b;background:var(--bg-sidebar);border-color:#3f3f4680;border-color:var(--border-subtle)}[data-theme=light] .link-preview-image{background:#e2e8f0;background:var(--slate-200)}[data-theme=light] .link-preview-title{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .link-preview-description{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .link-preview-domain,[data-theme=light] .link-preview-arrow{color:#71717a;color:var(--text-muted)}[data-theme=light] .skeleton-image,[data-theme=light] .skeleton-title,[data-theme=light] .skeleton-description,[data-theme=light] .skeleton-domain{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background:linear-gradient(90deg,var(--slate-200) 25%,var(--slate-100) 50%,var(--slate-200) 75%);background-size:200% 100%}[data-theme=light] .link-preview-error{color:#71717a;color:var(--text-muted)}@media(max-width:768px){.message-text-wrapper{max-width:85%}.link-preview{max-width:100%}.link-preview-image{height:120px}}.channel-search{display:none;overflow:hidden;background-color:#111217;background-color:var(--bg-main);border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color);transition:max-height .25s ease,opacity .25s ease}.channel-search.open{display:block}.channel-search-inner{display:flex;align-items:center;gap:8px;padding:8px 16px}.channel-search-icon{display:flex;flex-shrink:0;align-items:center;color:#a1a1aa;color:var(--text-secondary)}.channel-search-icon svg{width:18px;height:18px}.channel-search-input{flex:1;min-width:0;padding:6px 8px;font-size:14px;color:#e4e4e7;color:var(--text-primary);background-color:#27272a;background-color:var(--bg-secondary, rgb(39, 39, 42));border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s}.channel-search-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}.channel-search-input::placeholder{color:#71717a;color:var(--text-muted)}.channel-search-input:focus{border-color:#6366f1;border-color:var(--indigo-500, #6366f1);box-shadow:0 0 0 2px #6366f133}.channel-search-count{flex-shrink:0;font-size:12px;color:#a1a1aa;color:var(--text-secondary);white-space:nowrap}.channel-search-nav{display:flex;gap:2px}.channel-search-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.channel-search-nav-btn:hover:not(:disabled){color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg, rgba(39, 39, 42, .5))}.channel-search-nav-btn:disabled{opacity:.3;cursor:default}.channel-search-nav-btn svg{width:16px;height:16px}.channel-search-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.channel-search-close:hover{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg, rgba(39, 39, 42, .5))}.channel-search-close svg{width:18px;height:18px}.message-row.search-highlight .message-content{outline:2px solid #6366f1;outline:2px solid var(--indigo-500, #6366f1);outline-offset:2px;border-radius:8px}.message-reply.clickable{cursor:pointer}.message-reply.clickable:hover{background-color:#6366f114;border-radius:6px}@media screen and (max-width:768px){.channel-search-count{display:none}.channel-search-inner{padding:6px 12px}}[data-theme=light] .channel-search{background-color:#111217;background-color:var(--bg-main);border-bottom-color:#27272a80;border-bottom-color:var(--border-color)}[data-theme=light] .channel-search-input{color:#e4e4e7;color:var(--text-primary);background-color:#f1f5f9;background-color:var(--bg-secondary, #f1f5f9);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .channel-search-input:focus{border-color:#6366f1;border-color:var(--indigo-500, #6366f1);box-shadow:0 0 0 2px #6366f126}[data-theme=light] .channel-search-nav-btn:hover:not(:disabled){background-color:#27272a80;background-color:var(--hover-bg, rgba(0, 0, 0, .05))}[data-theme=light] .channel-search-close:hover{background-color:#27272a80;background-color:var(--hover-bg, rgba(0, 0, 0, .05))}[data-theme=light] .message-reply.clickable:hover{background-color:#3b82f614}.message-context-menu{position:fixed;z-index:1000;display:none;flex-direction:column;min-width:240px;max-width:320px;max-height:calc(100dvh - 24px);padding:8px 0;overflow:visible;background-color:#27272a;background-color:var(--zinc-800);border:1px solid rgba(63,63,70,.5);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;animation:context-menu-in .2s ease-out}@media(max-width:768px){.message-context-menu{right:10%;left:10%!important;width:80%;min-width:0;min-width:initial;max-width:none;max-width:initial;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)}}.emoji-reactions-row{display:flex;align-items:center;gap:4px;padding:2px 12px}.emoji-btn{position:relative;display:flex;justify-content:center;align-items:center;width:36px;height:36px;background:transparent;border:none;border-radius:10px;transition:all .15s ease;cursor:pointer}.emoji-btn:hover,.emoji-btn:focus{background-color:#3f3f4699;transform:scale(1.1)}.emoji-btn:active{transform:scale(.95)}.emoji-btn .emoji{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-family:var(--font-emoji);font-size:20px;line-height:1;color:#000;color:initial;-webkit-text-fill-color:initial}.emoji-btn.active{background-color:#6366f133}.emoji-btn.active:after{position:absolute;bottom:2px;left:50%;width:4px;height:4px;background-color:#6366f1;background-color:var(--indigo-500);border-radius:50%;transform:translate(-50%);content:""}.emoji-btn.unreact-btn{width:0;margin-left:auto;padding:0;overflow:hidden;opacity:0;transition:all .2s ease}.emoji-btn.unreact-btn.visible{width:36px;opacity:1}.emoji-btn.unreact-btn svg{width:18px;height:18px;color:#a1a1aa;color:var(--zinc-400)}.emoji-btn.unreact-btn:hover,.emoji-btn.unreact-btn:focus{background-color:#f43f5e26}.emoji-btn.unreact-btn:hover svg,.emoji-btn.unreact-btn:focus svg{color:#f43f5e;color:var(--rose-500)}.emoji-btn.picker-btn{gap:2px}.emoji-btn.picker-btn svg{width:18px;height:18px;color:#a1a1aa;color:var(--zinc-400)}.emoji-btn.picker-btn svg.chevron{width:12px;height:12px;transition:transform .2s ease}.emoji-btn.picker-btn.active svg.chevron{transform:rotate(180deg)}.emoji-btn.picker-btn:hover svg,.emoji-btn.picker-btn:focus svg{color:#e4e4e7;color:var(--zinc-200)}.menu-body{position:relative;overflow:hidden;border-top:1px solid rgba(63,63,70,.5)}.emoji-picker-view{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;background-color:#27272a;background-color:var(--zinc-800);border-radius:0 0 12px 12px;opacity:0;transition:all .2s ease;transform:translateY(10px);visibility:hidden}.emoji-picker-view.active{opacity:1;visibility:visible;transform:translateY(0)}.emoji-picker-grid{display:grid;flex:1;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;padding:8px;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:#52525b transparent;scrollbar-color:var(--zinc-600) transparent}.emoji-picker-grid::-webkit-scrollbar{width:4px}.emoji-picker-grid::-webkit-scrollbar-track{background:transparent}.emoji-picker-grid::-webkit-scrollbar-thumb{background-color:#52525b;background-color:var(--zinc-600);border-radius:2px}.picker-emoji{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-family:var(--font-emoji);font-size:20px;background:transparent;border:none;border-radius:8px;transition:all .15s ease;cursor:pointer}.picker-emoji:hover,.picker-emoji:focus{background-color:#3f3f46cc;transform:scale(1.15)}.picker-emoji:active{transform:scale(.95)}.message-context-menu.open{display:flex}.message-context-menu .menu-content{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overflow:hidden auto;scrollbar-width:thin;scrollbar-color:#52525b transparent;scrollbar-color:var(--zinc-600) transparent}.message-context-menu .menu-content::-webkit-scrollbar{width:4px}.message-context-menu .menu-content::-webkit-scrollbar-track{background:transparent}.message-context-menu .menu-content::-webkit-scrollbar-thumb{background-color:#52525b;background-color:var(--zinc-600);border-radius:2px}.message-menu-overlay{position:fixed;inset:0;z-index:999;display:none}.message-menu-overlay.visible{display:block}.message-context-menu .menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;text-align:left;color:#e4e4e7;color:var(--zinc-200);background:transparent;border:none;border-radius:0;transition:background-color .15s;cursor:pointer}.message-context-menu .menu-item:hover,.message-context-menu .menu-item:focus{color:#fff;background-color:#3f3f4680}.message-context-menu .menu-item:active{background-color:#3f3f46b3}.message-context-menu .menu-icon{flex-shrink:0;width:20px;height:20px;color:#a1a1aa;color:var(--zinc-400)}.message-context-menu .menu-item:hover .menu-icon,.message-context-menu .menu-item:focus .menu-icon{color:#e4e4e7;color:var(--zinc-200)}.message-context-menu .menu-divider{height:1px;margin:8px 12px;background-color:#3f3f4680}.message-context-menu .menu-item.danger,.message-context-menu .menu-item.danger .menu-icon{color:#f43f5e;color:var(--rose-500)}.message-context-menu .menu-item.danger:hover,.message-context-menu .menu-item.danger:focus{color:#f43f5e;color:var(--rose-500);background-color:#f43f5e26}[data-theme=light] .message-context-menu{background-color:#18181b;background-color:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000080;box-shadow:var(--shadow-xl)}[data-theme=light] .message-context-menu .menu-item{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .message-context-menu .menu-item:hover,[data-theme=light] .message-context-menu .menu-item:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .message-context-menu .menu-icon{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .message-context-menu .menu-item:hover .menu-icon,[data-theme=light] .message-context-menu .menu-item:focus .menu-icon{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .message-context-menu .menu-divider{background-color:#27272a80;background-color:var(--border-color)}[data-theme=light] .message-context-menu .menu-item.danger,[data-theme=light] .message-context-menu .menu-item.danger .menu-icon{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .message-context-menu .menu-item.danger:hover,[data-theme=light] .message-context-menu .menu-item.danger:focus{background-color:#dc26261a}[data-theme=light] .message-menu-overlay.visible{background-color:transparent}[data-theme=light] .emoji-reactions-row{border-bottom-color:#27272a80;border-bottom-color:var(--border-color)}[data-theme=light] .emoji-btn:hover,[data-theme=light] .emoji-btn:focus{background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .emoji-btn.active{background-color:#3b82f61a}[data-theme=light] .emoji-btn.active:after{background-color:#6366f1;background-color:var(--accent-primary)}[data-theme=light] .emoji-btn.unreact-btn svg{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .emoji-btn.unreact-btn:hover,[data-theme=light] .emoji-btn.unreact-btn:focus{background-color:#dc26261a}[data-theme=light] .emoji-btn.unreact-btn:hover svg,[data-theme=light] .emoji-btn.unreact-btn:focus svg{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .emoji-btn.picker-btn svg{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .emoji-btn.picker-btn:hover svg,[data-theme=light] .emoji-btn.picker-btn:focus svg{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .emoji-picker-dropdown{background-color:#111217;background-color:var(--bg-main)}[data-theme=light] .emoji-picker-dropdown.open{border-bottom-color:#27272a80;border-bottom-color:var(--border-color)}[data-theme=light] .emoji-picker-grid{scrollbar-color:#cbd5e1 transparent;scrollbar-color:var(--slate-300) transparent}[data-theme=light] .emoji-picker-grid::-webkit-scrollbar-thumb{background-color:#cbd5e1;background-color:var(--slate-300)}[data-theme=light] .picker-emoji:hover,[data-theme=light] .picker-emoji:focus{background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .emoji-picker-view{background-color:#18181b;background-color:var(--bg-sidebar)}[data-theme=light] .menu-body{border-top-color:#27272a80;border-top-color:var(--border-color)}.bottom-sheet{position:fixed;bottom:0;left:0;z-index:1001;display:flex;flex-direction:column;width:100%;height:50%;overflow:hidden;background-color:#18181b;background-color:var(--bg-sidebar);border-radius:16px 16px 0 0;transition:transform .3s cubic-bezier(.2,.1,.2,1),height .3s cubic-bezier(.2,.1,.2,1);transform:translateY(100%);border-top:1px solid rgba(39,39,42,.5);border-top:1px solid var(--border-color)}.bottom-sheet.show{transform:translateY(0)}.bottom-sheet.fullscreen{height:100%;padding-top:env(safe-area-inset-top);border-radius:0}.bottom-sheet-overlay{position:fixed;inset:0;z-index:1000;background-color:#00000080;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.bottom-sheet-overlay.visible{opacity:1;visibility:visible}.bottom-sheet-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.bottom-sheet-header.minimal{justify-content:center;padding:12px 16px 8px;border-bottom:none}.bottom-sheet-header.minimal .bottom-sheet-handle{position:static;transform:none}.bottom-sheet-header-actions.hidden{display:none}.bottom-sheet-header-actions{display:flex;align-items:center;gap:4px}.bottom-sheet-external{padding:8px;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;transition:all .2s;cursor:pointer}.bottom-sheet-external:hover,.bottom-sheet-external:focus{color:#60a5fa;color:var(--blue-400);background-color:#27272a;background-color:var(--zinc-800)}.bottom-sheet-external svg{width:20px;height:20px}.bottom-sheet-handle{position:absolute;top:8px;left:50%;width:36px;height:4px;background-color:#52525b;background-color:var(--zinc-600);border-radius:2px;transform:translate(-50%)}.bottom-sheet-title{margin:0;padding-top:8px;font-size:16px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.bottom-sheet-close{padding:8px;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;transition:all .2s;cursor:pointer}.bottom-sheet-close:hover,.bottom-sheet-close:focus{color:#e4e4e7;color:var(--zinc-200);background-color:#27272a;background-color:var(--zinc-800)}.bottom-sheet-close svg{width:20px;height:20px}.bottom-sheet-content{flex:1;padding:16px;overflow-y:auto;color:#a1a1aa;color:var(--text-secondary)}.profile-sheet-content{display:flex;flex-direction:column;align-items:center;padding:20px 0}.profile-sheet-avatar-wrapper{position:relative;margin-bottom:16px}.profile-sheet-avatar{display:flex;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;color:#fff;border-radius:50%;box-shadow:0 8px 16px -4px #0003}.profile-sheet-status-dot{position:absolute;right:2px;bottom:2px;width:16px;height:16px;border:2.5px solid #18181b;border:2.5px solid var(--bg-sidebar);border-radius:50%}.profile-sheet-name{margin-bottom:2px;font-size:20px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.profile-sheet-username{margin-bottom:4px;font-size:14px;color:#6366f1;color:var(--accent-primary)}.profile-sheet-status{margin-bottom:4px;font-size:14px;color:#a1a1aa;color:var(--text-secondary);text-transform:capitalize}.profile-sheet-bio{max-width:280px;margin-bottom:4px;font-size:13px;line-height:1.5;color:#a1a1aa;color:var(--text-secondary);text-align:center}.profile-sheet-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:16px}.profile-sheet-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;color:#e4e4e7;color:var(--text-primary);background:#27272a;background:var(--zinc-800);border:none;border-radius:12px;transition:all .15s ease;cursor:pointer}.profile-sheet-btn:hover,.profile-sheet-btn:focus{background:#3f3f46;background:var(--zinc-700)}.profile-sheet-btn:active{transform:scale(.98)}.profile-sheet-btn-icon{width:20px;height:20px;color:#a1a1aa;color:var(--text-secondary)}.bottom-sheet-content.link-content{padding:0;overflow-y:auto}.link-sheet-preview{display:flex;flex-direction:column}.link-sheet-preview-image{width:100%;height:200px;overflow:hidden;background:#18181b;background:var(--zinc-900)}.link-sheet-preview-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.link-sheet-preview-content{display:flex;flex-direction:column;gap:12px;padding:20px}.link-sheet-preview-domain{display:flex;align-items:center;gap:8px;font-size:13px;color:#a1a1aa;color:var(--text-secondary)}.link-sheet-favicon{width:20px;height:20px;border-radius:4px}.link-sheet-preview-title{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:#e4e4e7;color:var(--text-primary)}.link-sheet-preview-description{margin:0;font-size:14px;line-height:1.6;color:#a1a1aa;color:var(--text-secondary)}.link-sheet-preview-url{margin-top:4px;padding:12px;background:#27272a;background:var(--zinc-800);border-radius:8px}.link-sheet-preview-url span{font-family:monospace;font-size:12px;word-break:break-all;color:#60a5fa;color:var(--blue-400)}.link-sheet-actions{display:flex;flex-direction:column;gap:10px;padding:0 20px 20px}.link-sheet-action-btn{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:600;border:none;border-radius:12px;transition:all .2s ease;cursor:pointer}.link-sheet-action-btn svg{width:20px;height:20px}.link-sheet-action-btn.primary{color:#fff;background:#6366f1;background:var(--indigo-500)}.link-sheet-action-btn.primary:hover,.link-sheet-action-btn.primary:focus{background:#4f46e5;background:var(--indigo-600);transform:translateY(-1px)}.link-sheet-action-btn.primary:active{transform:translateY(0)}.link-sheet-action-btn.secondary{color:#e4e4e7;color:var(--text-primary);background:#27272a;background:var(--zinc-800)}.link-sheet-action-btn.secondary:hover,.link-sheet-action-btn.secondary:focus{background:#3f3f46;background:var(--zinc-700)}.link-sheet-action-btn.secondary:active{transform:scale(.98)}.bottom-sheet.no-header{border-radius:20px 20px 0 0}.bottom-sheet-handle-only{display:flex;justify-content:center;padding:12px 0 8px}.bottom-sheet-handle-only .bottom-sheet-handle{position:static;transform:none}.reactions-content{display:flex;flex-direction:column;height:100%;padding:0}.reactions-tabs{display:flex;flex-shrink:0;gap:8px;padding:4px 16px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.reactions-tabs::-webkit-scrollbar{display:none}.reactions-tab-pill{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;white-space:nowrap;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:100px;transition:all .15s ease;cursor:pointer}.reactions-tab-pill .noto-emoji{width:18px;height:18px;vertical-align:middle}.reactions-tab-pill:hover,.reactions-tab-pill:focus{background:#27272a;background:var(--zinc-800)}.reactions-tab-pill.active{color:#e4e4e7;color:var(--text-primary);background:#3f3f46;background:var(--zinc-700)}.reactions-users{flex:1;overflow-y:auto}.reactions-user{display:flex;align-items:center;gap:12px;padding:10px 16px;transition:background .15s ease;cursor:pointer}.reactions-user:active{background:#27272a;background:var(--zinc-800)}.reactions-user-avatar{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;color:#fff;border-radius:50%}.reactions-user-name{flex:1;min-width:0;overflow:hidden;font-size:15px;font-weight:500;white-space:nowrap;color:#e4e4e7;color:var(--text-primary);text-overflow:ellipsis}.reactions-user-reaction{display:flex;flex-shrink:0;justify-content:center;align-items:center}.reactions-user-reaction .noto-emoji{width:20px;height:20px}.reactions-sheet-content{display:flex;flex-direction:column;height:100%}.reactions-sheet-tabs{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto}.reactions-sheet-tabs::-webkit-scrollbar{display:none}.reactions-tab{display:flex;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;background:#27272a;background:var(--zinc-800);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:20px;transition:all .15s ease;cursor:pointer}.reactions-tab:hover,.reactions-tab:focus{background:#3f3f46;background:var(--zinc-700)}.reactions-tab.active{background:#6366f1;background:var(--indigo-500);border-color:#6366f1;border-color:var(--indigo-500)}.reactions-tab-emoji{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-family:var(--font-emoji);font-size:16px}.reactions-tab.active .reactions-tab-emoji{color:#fff}.reactions-tab-count{font-size:13px;font-weight:600;color:#a1a1aa;color:var(--text-secondary)}.reactions-tab.active .reactions-tab-count{color:#fff}.reactions-sheet-users{flex:1;padding:8px 0;overflow-y:auto}.reactions-user-item{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .15s ease}.reactions-user-item:hover,.reactions-user-item:focus{background:#27272a;background:var(--zinc-800)}.reactions-user-info{flex:1;min-width:0}.reactions-user-emoji{flex-shrink:0;font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-family:var(--font-emoji);font-size:20px}.reactions-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 16px;color:#71717a;color:var(--text-muted);font-size:14px}.reactions-error{display:flex;justify-content:center;align-items:center;padding:24px 16px;color:var(--rose-400);font-size:14px}.reactions-grid-content{display:flex;flex-direction:column;height:100%;padding:0}.reactions-grid-header{padding:4px 20px 20px}.reactions-total-count{font-size:20px;font-weight:700;color:#e4e4e7;color:var(--text-primary)}.reactions-grid{display:grid;flex:1;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;padding:4px 16px 16px;overflow-y:auto}.reaction-grid-item{display:flex;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 6px;font-family:inherit;background:#27272a;background:var(--zinc-800);border:none;border-radius:20px;transition:all .15s ease;cursor:pointer}.reaction-grid-item:hover,.reaction-grid-item:focus{background:#3f3f46;background:var(--zinc-700)}.reaction-grid-item:active{transform:scale(.95)}.reaction-grid-emoji{display:flex;justify-content:center;align-items:center}.reaction-grid-emoji .noto-emoji{width:22px;height:22px}.reaction-grid-count{font-size:13px;font-weight:500;color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .reactions-grid-header{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .reaction-grid-item{background:#111217;background:var(--bg-main)}[data-theme=light] .reaction-grid-item:hover,[data-theme=light] .reaction-grid-item:focus{background:#3f3f4680;background:var(--border-subtle)}.modal-overlay{position:fixed;top:0;left:0;z-index:2000;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#0009;opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{position:relative;width:90%;max-width:400px;padding:24px;background-color:#18181b;background-color:var(--bg-sidebar);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000000a;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:scale(.95)}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-close{position:absolute;top:16px;right:16px;padding:8px;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:50%;transition:all .2s;cursor:pointer}.modal-close:hover,.modal-close:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a;background-color:var(--zinc-800)}.modal-close svg{width:20px;height:20px}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.modal-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;color:#e4e4e7;color:var(--text-primary);background:#27272a;background:var(--zinc-800);border:none;border-radius:8px;transition:all .15s ease;cursor:pointer}.modal-action-btn:hover,.modal-action-btn:focus{background:#3f3f46;background:var(--zinc-700)}.modal-action-btn-icon{width:20px;height:20px;color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .bottom-sheet{background-color:#18181b;background-color:var(--bg-sidebar);border-top-color:#27272a80;border-top-color:var(--border-color)}[data-theme=light] .bottom-sheet-external:hover,[data-theme=light] .bottom-sheet-external:focus{color:#2563eb;color:var(--blue-600);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .link-sheet-preview-image{background:#e2e8f0;background:var(--slate-200)}[data-theme=light] .link-sheet-preview-url{background:#111217;background:var(--bg-main)}[data-theme=light] .link-sheet-preview-url span{color:#2563eb;color:var(--blue-600)}[data-theme=light] .link-sheet-action-btn.primary{background:#3b82f6;background:var(--blue-500)}[data-theme=light] .link-sheet-action-btn.primary:hover,[data-theme=light] .link-sheet-action-btn.primary:focus{background:#2563eb;background:var(--blue-600)}[data-theme=light] .link-sheet-action-btn.secondary{background:#111217;background:var(--bg-main)}[data-theme=light] .link-sheet-action-btn.secondary:hover,[data-theme=light] .link-sheet-action-btn.secondary:focus{background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .reactions-tab{background:#111217;background:var(--bg-main);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .reactions-tab:hover,[data-theme=light] .reactions-tab:focus{background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .reactions-tab.active{background:#3b82f6;background:var(--blue-500);border-color:#3b82f6;border-color:var(--blue-500)}[data-theme=light] .reactions-user-item:hover,[data-theme=light] .reactions-user-item:focus{background:#111217;background:var(--bg-main)}[data-theme=light] .reactions-tab-pill:hover,[data-theme=light] .reactions-tab-pill:focus{background:#111217;background:var(--bg-main)}[data-theme=light] .reactions-tab-pill.active{color:#e4e4e7;color:var(--text-primary);background:#e2e8f0;background:var(--slate-200)}[data-theme=light] .reactions-user:active{background:#111217;background:var(--bg-main)}[data-theme=light] .bottom-sheet-header{border-bottom-color:#27272a80;border-bottom-color:var(--border-color)}[data-theme=light] .bottom-sheet-handle{background-color:#cbd5e1;background-color:var(--slate-300)}[data-theme=light] .bottom-sheet-title{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .bottom-sheet-close{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .bottom-sheet-close:hover,[data-theme=light] .bottom-sheet-close:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .bottom-sheet-content{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .profile-sheet-avatar{box-shadow:0 8px 16px -4px #0000001a}[data-theme=light] .profile-sheet-status-dot{border-color:#18181b;border-color:var(--bg-sidebar)}[data-theme=light] .profile-sheet-btn{color:#e4e4e7;color:var(--text-primary);background:#111217;background:var(--bg-main)}[data-theme=light] .profile-sheet-btn:hover,[data-theme=light] .profile-sheet-btn:focus{background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .profile-sheet-btn-icon{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .modal-overlay{background-color:#0f172a80}[data-theme=light] .modal-content{background-color:#18181b;background-color:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000080;box-shadow:var(--shadow-xl)}[data-theme=light] .modal-close{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .modal-close:hover,[data-theme=light] .modal-close:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .modal-action-btn{color:#e4e4e7;color:var(--text-primary);background:#111217;background:var(--bg-main)}[data-theme=light] .modal-action-btn:hover,[data-theme=light] .modal-action-btn:focus{background:#3f3f4680;background:var(--border-subtle)}[data-theme=light] .modal-action-btn-icon{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .modal-content h3{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .modal-content p{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .modal-content .dropdown-item{background:#111217;background:var(--bg-main)}[data-theme=light] .modal-content .dropdown-item:hover,[data-theme=light] .modal-content .dropdown-item:focus{background:#3f3f4680;background:var(--border-subtle)}.reactions-modal-overlay{position:fixed;z-index:2000;display:flex;justify-content:center;align-items:center;background:#0009;animation:fade-in .15s ease;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reactions-modal{display:flex;flex-direction:column;width:90%;max-width:480px;max-height:80vh;overflow:hidden;background:#18181b;background:var(--zinc-900);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;animation:modal-slide-in .2s ease}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.reactions-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #27272a;border-bottom:1px solid var(--zinc-800)}.reactions-modal-title{margin:0;font-size:16px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.reactions-modal-close{display:flex;justify-content:center;align-items:center;width:32px;height:32px;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:8px;transition:background .15s ease,color .15s ease;cursor:pointer}.reactions-modal-close:hover,.reactions-modal-close:focus{color:#e4e4e7;color:var(--text-primary);background:#27272a;background:var(--zinc-800)}.reactions-modal-close svg{width:20px;height:20px}.reactions-modal-body{display:flex;flex:1;min-height:0;max-height:400px}.reactions-modal-emojis{display:flex;flex-direction:column;gap:4px;min-width:80px;padding:12px;overflow-y:auto;border-right:1px solid #27272a;border-right:1px solid var(--zinc-800)}.reactions-modal-emoji-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:8px;transition:background .15s ease;cursor:pointer}.reactions-modal-emoji-item:hover,.reactions-modal-emoji-item:focus{background:#27272a;background:var(--zinc-800)}.reactions-modal-emoji-item.active{background:#27272a;background:var(--zinc-800)}.reactions-modal-emoji-count{font-size:14px;font-weight:500;color:#a1a1aa;color:var(--text-secondary)}.reactions-modal-users{display:flex;flex:1;flex-direction:column;gap:4px;padding:12px;overflow-y:auto}.reactions-modal-loading{display:flex;justify-content:center;align-items:center;padding:40px}.reactions-modal-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:background .15s ease;cursor:pointer}.reactions-modal-user:hover,.reactions-modal-user:focus{background:#27272a;background:var(--zinc-800)}.reactions-modal-user--own{border:1px solid #3f3f46;border:1px solid var(--zinc-700)}.reactions-modal-user--own:hover,.reactions-modal-user--own:focus{background:#ef44441a;border-color:#ef44444d}.reactions-modal-you-label{margin-left:4px;font-size:12px;font-weight:400;color:#71717a;color:var(--text-muted)}.reactions-modal-user-avatar{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;color:#fff;border-radius:50%}.reactions-modal-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.reactions-modal-user-name{overflow:hidden;font-size:14px;font-weight:500;white-space:nowrap;color:#e4e4e7;color:var(--text-primary);text-overflow:ellipsis}.reactions-modal-user-username{overflow:hidden;font-size:13px;white-space:nowrap;color:#71717a;color:var(--text-muted);text-overflow:ellipsis}[data-theme=light] .reactions-modal{background:var(--white);box-shadow:0 25px 50px -12px #00000040}[data-theme=light] .reactions-modal-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--slate-200)}[data-theme=light] .reactions-modal-close:hover,[data-theme=light] .reactions-modal-close:focus{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .reactions-modal-emojis{border-right-color:#e2e8f0;border-right-color:var(--slate-200)}[data-theme=light] .reactions-modal-emoji-item:hover,[data-theme=light] .reactions-modal-emoji-item.active,[data-theme=light] .reactions-modal-emoji-item:focus{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .reactions-modal-user:hover,[data-theme=light] .reactions-modal-user:focus{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .reactions-modal-user--own{border-color:#e2e8f0;border-color:var(--slate-200)}[data-theme=light] .reactions-modal-user--own:hover,[data-theme=light] .reactions-modal-user--own:focus{background:#ef444414;border-color:#ef444440}.toast-container{position:fixed;bottom:100px;left:50%;z-index:2000;transform:translate(-50%);pointer-events:none}.toast{padding:12px 20px;font-size:14px;font-weight:500;color:#e4e4e7;color:var(--text-primary);background:#27272a;background:var(--zinc-800);border-radius:12px;box-shadow:0 8px 24px #0000004d;animation:toast-in .3s ease-out;pointer-events:auto}[data-theme=light] .toast{color:#fff;background:#1e293b;background:var(--slate-800);box-shadow:0 8px 24px #00000026}.forward-modal-overlay{position:fixed;z-index:2000;display:flex;justify-content:center;align-items:center;background:#0009;animation:fade-in .15s ease;inset:0}.forward-modal{display:flex;flex-direction:column;width:90%;max-width:420px;max-height:80vh;overflow:hidden;background:#18181b;background:var(--zinc-900);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;animation:modal-slide-in .2s ease}.forward-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #27272a;border-bottom:1px solid var(--zinc-800)}.forward-modal-title{margin:0;font-size:16px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.forward-modal-close{display:flex;justify-content:center;align-items:center;width:32px;height:32px;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:8px;transition:background .15s ease,color .15s ease;cursor:pointer}.forward-modal-close:hover,.forward-modal-close:focus{color:#e4e4e7;color:var(--text-primary);background:#27272a;background:var(--zinc-800)}.forward-modal-close svg{width:20px;height:20px}.forward-modal-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #27272a;border-bottom:1px solid var(--zinc-800)}.forward-modal-search-icon{flex-shrink:0;width:18px;height:18px;color:#71717a;color:var(--text-muted)}.forward-modal-search-input{flex:1;padding:8px 0;font-size:14px;color:#e4e4e7;color:var(--text-primary);background:transparent;border:none;outline:none}.forward-modal-search-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}.forward-modal-search-input::placeholder{color:#71717a;color:var(--text-muted)}.forward-modal-body{flex:1;min-height:0;max-height:320px;padding:8px;overflow-y:auto}.forward-modal-body::-webkit-scrollbar{width:6px}.forward-modal-body::-webkit-scrollbar-thumb{background-color:#52525b;background-color:var(--zinc-600);border-radius:3px}.forward-modal-empty{padding:32px;font-size:14px;text-align:center;color:#71717a;color:var(--text-muted)}.forward-modal-channel{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;background:transparent;border:none;border-radius:8px;transition:background .15s ease;cursor:pointer}.forward-modal-channel:hover,.forward-modal-channel:focus{background:#27272a;background:var(--zinc-800)}.forward-modal-channel-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;background:#27272a;background:var(--zinc-800);border-radius:8px}.forward-modal-channel-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.forward-modal-channel-name{overflow:hidden;font-size:14px;font-weight:500;white-space:nowrap;color:#e4e4e7;color:var(--text-primary);text-overflow:ellipsis}.forward-modal-channel-workspace{overflow:hidden;font-size:12px;white-space:nowrap;color:#71717a;color:var(--text-muted);text-overflow:ellipsis}.forward-modal-channel-arrow{flex-shrink:0;width:18px;height:18px;color:#71717a;color:var(--text-muted);opacity:0;transition:opacity .15s ease}.forward-modal-channel:hover .forward-modal-channel-arrow,.forward-modal-channel:focus .forward-modal-channel-arrow{opacity:1}.forward-modal-preview{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #27272a;border-top:1px solid var(--zinc-800)}.forward-modal-preview-label{flex-shrink:0;font-size:12px;font-weight:600;color:#71717a;color:var(--text-muted)}.forward-modal-preview-text{overflow:hidden;font-size:12px;white-space:nowrap;color:#a1a1aa;color:var(--text-secondary);text-overflow:ellipsis}[data-theme=light] .forward-modal{background:var(--white);box-shadow:0 25px 50px -12px #00000040}[data-theme=light] .forward-modal-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--slate-200)}[data-theme=light] .forward-modal-close:hover,[data-theme=light] .forward-modal-close:focus{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .forward-modal-search{border-bottom-color:#e2e8f0;border-bottom-color:var(--slate-200)}[data-theme=light] .forward-modal-channel:hover,[data-theme=light] .forward-modal-channel:focus{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .forward-modal-channel-icon{background:#f1f5f9;background:var(--slate-100)}[data-theme=light] .forward-modal-preview{border-top-color:#e2e8f0;border-top-color:var(--slate-200)}.confirm-dialog-overlay{position:fixed;inset:0;z-index:1100;display:flex;justify-content:center;align-items:center;background-color:#00000080;animation:confirm-dialog-fade-in .15s ease-out}.confirm-dialog-card{width:90%;max-width:380px;padding:24px;background-color:#27272a;background-color:var(--zinc-800);border:1px solid rgba(63,63,70,.5);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;animation:confirm-dialog-scale-in .15s ease-out}.confirm-dialog-title{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4;color:#f4f4f5;color:var(--zinc-100)}.confirm-dialog-message{margin:0 0 20px;font-size:14px;line-height:1.5;color:#a1a1aa;color:var(--zinc-400)}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-dialog-btn{padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;border:none;border-radius:8px;transition:all .15s ease;cursor:pointer}.confirm-dialog-btn--cancel{color:#d4d4d8;color:var(--zinc-300);background-color:transparent;border:1px solid rgba(63,63,70,.6)}.confirm-dialog-btn--cancel:hover,.confirm-dialog-btn--cancel:focus{color:#f4f4f5;color:var(--zinc-100);background-color:#3f3f4666}.confirm-dialog-btn--confirm{color:#fff;background-color:#6366f1;background-color:var(--indigo-500)}.confirm-dialog-btn--confirm:hover,.confirm-dialog-btn--confirm:focus{background-color:#4f46e5;background-color:var(--indigo-600)}.confirm-dialog-btn--confirm.confirm-dialog-btn--danger{background-color:#f43f5e;background-color:var(--rose-500)}.confirm-dialog-btn--confirm.confirm-dialog-btn--danger:hover,.confirm-dialog-btn--confirm.confirm-dialog-btn--danger:focus{background-color:#e11d48;background-color:var(--rose-600)}@keyframes confirm-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-dialog-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-theme=light] .confirm-dialog-overlay{background-color:#0000004d}[data-theme=light] .confirm-dialog-card{background-color:#18181b;background-color:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000080;box-shadow:var(--shadow-xl)}[data-theme=light] .confirm-dialog-title{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .confirm-dialog-message{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .confirm-dialog-btn--cancel{color:#a1a1aa;color:var(--text-secondary);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .confirm-dialog-btn--cancel:hover,[data-theme=light] .confirm-dialog-btn--cancel:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .confirm-dialog-btn--confirm{color:#fff;background-color:#6366f1;background-color:var(--accent-primary)}[data-theme=light] .confirm-dialog-btn--confirm:hover,[data-theme=light] .confirm-dialog-btn--confirm:focus{background-color:#2563eb}[data-theme=light] .confirm-dialog-btn--confirm.confirm-dialog-btn--danger{background-color:#f43f5e;background-color:var(--accent-danger)}[data-theme=light] .confirm-dialog-btn--confirm.confirm-dialog-btn--danger:hover,[data-theme=light] .confirm-dialog-btn--confirm.confirm-dialog-btn--danger:focus{background-color:#b91c1c}.connection-status{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:6px 16px;font-size:13px;font-weight:500;line-height:1.4;color:#fff;text-align:center;pointer-events:none;animation:connection-status-slide-in .3s ease-out}.connection-status__text{pointer-events:auto}.connection-status--connecting{background:#d97706}.connection-status--reconnecting{background:#d97706;animation:connection-status-slide-in .3s ease-out,connection-status-pulse 2s ease-in-out infinite}.connection-status--disconnected{background:#dc2626;cursor:pointer;pointer-events:auto}.connection-status--disconnected:hover{background:#b91c1c}.connection-status--disconnected:active{background:#991b1b}.connection-status--connected{background:#16a34a;animation:connection-status-slide-in .3s ease-out,connection-status-fade-out 2s ease-in forwards}@keyframes connection-status-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes connection-status-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes connection-status-fade-out{0%,70%{opacity:1}to{opacity:0}}@supports (padding-top: env(safe-area-inset-top)){.connection-status{padding-top:calc(6px + env(safe-area-inset-top))}}.pin-entry{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pin-entry.disabled{opacity:.5;pointer-events:none}.pin-entry-title{font-size:1.25rem;font-weight:600;color:#e4e4e7;color:var(--text-primary);margin:0;text-align:center}.pin-entry-subtitle{font-size:.875rem;color:#a1a1aa;color:var(--text-secondary);margin:-1rem 0 0;text-align:center}.pin-entry-dots{display:flex;gap:.75rem;padding:.5rem 0}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(39,39,42,.5);border:2px solid var(--border-color, rgba(255, 255, 255, .2));background:transparent;transition:all .2s ease}.pin-dot.filled{background:#6366f1;background:var(--accent-color, #6366f1);border-color:#6366f1;border-color:var(--accent-color, #6366f1);transform:scale(1.1)}.pin-dot.error{border-color:#ef4444;background:#ef4444}.pin-entry.shaking .pin-entry-dots{animation:pin-shake .5s ease-in-out}@keyframes pin-shake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-8px)}30%,70%{transform:translate(8px)}}.pin-entry-numpad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;max-width:280px;width:100%}.pin-numpad-key{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto;border-radius:50%;border:none;background:#ffffff0d;background:var(--bg-secondary, rgba(255, 255, 255, .05));color:#e4e4e7;color:var(--text-primary);font-size:1.5rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.pin-numpad-key:hover:not(:disabled){background:#ffffff1a;background:var(--bg-hover, rgba(255, 255, 255, .1))}.pin-numpad-key:active:not(:disabled){transform:scale(.92);background:#ffffff26;background:var(--bg-active, rgba(255, 255, 255, .15))}.pin-numpad-key:disabled{opacity:.3;cursor:default}.pin-numpad-key.empty{background:transparent;cursor:default;pointer-events:none}.pin-numpad-key.backspace{background:transparent}.pin-numpad-key.backspace svg{width:28px;height:28px}.pin-numpad-key.backspace:hover:not(:disabled){background:#ffffff0d;background:var(--bg-hover, rgba(255, 255, 255, .05))}[data-theme=light] .pin-dot{border-color:#0003}[data-theme=light] .pin-numpad-key{background:#0000000d}[data-theme=light] .pin-numpad-key:hover:not(:disabled){background:#0000001a}[data-theme=light] .pin-numpad-key:active:not(:disabled){background:#00000026}[data-theme=light] .pin-numpad-key.backspace{background:transparent}[data-theme=light] .pin-numpad-key.backspace:hover:not(:disabled){background:#0000000d}@media screen and (max-width:768px){.sidebar .search-container{display:none}.mobile-search-container{display:none;width:100%;padding-bottom:8px}.mobile-search-container.active{display:block}.mobile-search-container .search-input-wrapper{display:flex;align-items:center;padding:10px 12px;background:#27272a;background:var(--zinc-800);border-radius:10px}.mobile-search-container .search-input{flex:1;font-size:16px}.mobile-search-close{display:flex;justify-content:center;align-items:center;padding:4px;color:#a1a1aa;color:var(--zinc-400);background:none;border:none;cursor:pointer}.mobile-search-close svg{width:20px;height:20px}.mobile-search-close:active{color:#e4e4e7;color:var(--zinc-200)}.sidebar .list-container.search-active{display:flex;flex-direction:column-reverse}}[data-theme=light] .mobile-search-container .search-input-wrapper{background:#111217;background:var(--bg-main)}[data-theme=light] .mobile-search-close{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .mobile-search-close:active{color:#e4e4e7;color:var(--text-primary)}.sidebar-mobile-nav{display:none}@media screen and (max-width:768px){.sidebar-footer-desktop{display:none}.sidebar-mobile-nav{display:flex;flex-direction:column;gap:8px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#18181b;background:var(--bg-sidebar);border-top:1px solid rgba(39,39,42,.5);border-top:1px solid var(--border-color)}.mobile-nav-icons{display:flex;justify-content:space-around;align-items:center;padding-top:4px}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:64px;padding:8px 16px;color:#71717a;color:var(--zinc-500);background:transparent;border:none;border-radius:12px;transition:all .2s ease;cursor:pointer}.mobile-nav-btn svg{width:24px;height:24px}.mobile-nav-btn span{font-size:11px;font-weight:500}.mobile-nav-btn:active{background:#27272a80;background:var(--hover-bg);transform:scale(.95)}.mobile-nav-btn.active{color:#6366f1;color:var(--indigo-500)}.mobile-nav-btn.active svg{stroke-width:2}.mobile-nav-avatar{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;color:#fff;border-radius:50%}.mobile-nav-btn.active .mobile-nav-avatar{box-shadow:0 0 0 2px #6366f1;box-shadow:0 0 0 2px var(--indigo-500)}.sidebar .list-container{padding-bottom:8px}.sidebar .sidebar-header:first-child{padding:12px 16px}.sidebar .sidebar-header .logo-text{font-size:18px}}[data-theme=light] .sidebar-mobile-nav{background:#18181b;background:var(--bg-sidebar);border-top-color:#27272a80;border-top-color:var(--border-color)}[data-theme=light] .mobile-nav-btn{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .mobile-nav-btn:active{background:#27272a80;background:var(--hover-bg)}[data-theme=light] .mobile-nav-btn.active{color:#6366f1;color:var(--accent-primary)}.pull-to-refresh-indicator{position:absolute;top:0;left:50%;z-index:20;display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-20px;background:#18181b;background:var(--bg-sidebar);border-radius:50%;box-shadow:0 2px 8px #00000026;pointer-events:none}.pull-to-refresh-spinner{display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#6366f1;color:var(--accent-primary)}.pull-to-refresh-spinner svg{width:100%;height:100%}.pull-to-refresh-indicator.refreshing .pull-to-refresh-spinner{animation:pull-refresh-spin 1s linear infinite}@keyframes pull-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] .pull-to-refresh-indicator{background:#18181b;background:var(--bg-sidebar);box-shadow:0 2px 8px #0000001a}.shortcuts-modal-overlay{position:fixed;inset:0;z-index:300;display:flex;justify-content:center;align-items:center;padding:20px;background:#0009;backdrop-filter:blur(4px);animation:shortcuts-fade-in .2s ease}@keyframes shortcuts-fade-in{0%{opacity:0}to{opacity:1}}.shortcuts-modal{width:100%;max-width:480px;max-height:80vh;overflow-y:auto;background:#111217;background:var(--bg-main);border-radius:16px;box-shadow:0 20px 60px #0000004d;animation:shortcuts-slide-up .25s ease;scrollbar-width:none}.shortcuts-modal::-webkit-scrollbar{display:none}@keyframes shortcuts-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.shortcuts-modal-title{margin:0;font-size:18px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.shortcuts-modal-close{display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .15s,color .15s}.shortcuts-modal-close:hover{color:#e4e4e7;color:var(--text-primary);background:#27272a80;background:var(--hover-bg)}.shortcuts-modal-close svg{width:18px;height:18px}.shortcuts-modal-body{padding:8px 0 20px}.shortcuts-group{padding:12px 20px 0}.shortcuts-group-title{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#71717a;color:var(--text-muted)}.shortcuts-list{display:flex;flex-direction:column;gap:2px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(63,63,70,.5);border-bottom:1px solid var(--border-subtle)}.shortcut-row:last-child{border-bottom:none}.shortcut-description{flex:1;font-size:14px;color:#e4e4e7;color:var(--text-primary)}.shortcut-keys{display:flex;align-items:center;gap:4px;flex-shrink:0}.shortcut-kbd{display:inline-flex;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:500;font-family:inherit;color:#a1a1aa;color:var(--text-secondary);background:#27272a80;background:var(--hover-bg);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:6px}.shortcut-separator{font-size:11px;color:#71717a;color:var(--text-muted)}[data-theme=light] .shortcuts-modal{background:#111217;background:var(--bg-main)}[data-theme=light] .shortcut-kbd{background:#f1f5f9;background:var(--slate-100);border-color:#27272a80;border-color:var(--border-color)}@media(max-width:480px){.shortcuts-modal-overlay{padding:0;align-items:flex-end}.shortcuts-modal{max-width:100%;max-height:85vh;border-radius:16px 16px 0 0}}.search-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;max-height:320px;overflow-y:auto;background:#18181b;background:var(--bg-sidebar);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0003;scrollbar-width:none}.search-suggestions-dropdown::-webkit-scrollbar{display:none}.search-suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 4px}.search-suggestions-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#71717a;color:var(--text-muted)}.search-suggestions-clear{padding:2px 8px;font-size:12px;font-weight:500;color:#6366f1;color:var(--accent-primary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.search-suggestions-clear:hover{background:#27272a80;background:var(--hover-bg)}.search-suggestion-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;text-align:left;color:#e4e4e7;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background .1s}.search-suggestion-item:hover,.search-suggestion-item.highlighted{background:#27272a80;background:var(--hover-bg)}.search-suggestion-icon{flex-shrink:0;width:16px;height:16px;color:#71717a;color:var(--text-muted)}.search-suggestion-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .search-suggestions-dropdown{background:#18181b;background:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color);box-shadow:0 8px 24px #0000001a}.video-player-modal{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;animation:video-modal-fade-in .2s ease-out}@keyframes video-modal-fade-in{0%{opacity:0}to{opacity:1}}.video-player-close{position:absolute;top:16px;right:16px;z-index:10001;display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;color:#fff;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease}.video-player-close:hover,.video-player-close:focus{background:#ffffff40}.video-player-close svg{width:20px;height:20px}.video-player-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:90vw;max-height:80vh;cursor:pointer}.video-player-video{width:100%;max-height:80vh;border-radius:8px;-o-object-fit:contain;object-fit:contain}.video-player-play-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.video-player-play-overlay svg{width:64px;height:64px;padding:18px;color:#fff;background:#00000080;border-radius:50%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .15s ease}.video-player-container:hover .video-player-play-overlay svg{transform:scale(1.08)}.video-player-controls{position:absolute;right:0;bottom:0;left:0;z-index:10001;padding:12px 16px 16px;background:linear-gradient(transparent,#000000b3);border-radius:0 0 8px 8px;opacity:1;transition:opacity .3s ease}.video-player-controls.hidden{opacity:0;pointer-events:none}.video-seek-bar{width:100%;height:20px;padding:8px 0;cursor:pointer}.video-seek-track{position:relative;width:100%;height:4px;background:#ffffff40;border-radius:2px;transition:height .1s ease}.video-seek-bar:hover .video-seek-track{height:6px}.video-seek-fill{height:100%;background:#6366f1;background:var(--indigo-500);border-radius:2px;transition:width .1s linear}.video-seek-thumb{position:absolute;top:50%;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0006;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease}.video-seek-bar:hover .video-seek-thumb{opacity:1}.video-controls-row{display:flex;align-items:center;gap:8px;margin-top:4px}.video-control-btn{display:flex;justify-content:center;align-items:center;width:36px;height:36px;padding:0;color:#fff;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease}.video-control-btn:hover,.video-control-btn:focus{background:#ffffff26}.video-control-btn svg{width:20px;height:20px}.video-volume-slider{width:80px;height:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff40;border-radius:2px}.video-volume-slider::-webkit-slider-thumb{width:12px;height:12px;cursor:pointer;-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d}.video-volume-slider::-moz-range-thumb{width:12px;height:12px;cursor:pointer;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 3px #0000004d}.video-time-display{margin-left:4px;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#ffffffd9;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-controls-spacer{flex:1}@media(max-width:768px){.video-player-container{max-width:100vw}.video-player-video{border-radius:0}.video-player-controls{padding:8px 12px 12px;border-radius:0}.video-volume-slider{width:60px}.video-player-play-overlay svg{width:48px;height:48px;padding:14px}}.search-with-filters{display:flex;align-items:center;gap:4px;padding-right:8px}.search-with-filters .search-container{flex:1;min-width:0}.search-filters-toggle{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.search-filters-toggle:hover{color:#e4e4e7;color:var(--text-primary);background:#27272a80;background:var(--hover-bg)}.search-filters-toggle.active{color:#6366f1;color:var(--accent-primary);background:#6366f126;background:var(--active-bg)}.search-filters-toggle svg{width:18px;height:18px}.search-filters-panel{padding:0 12px 12px;background:#18181b;background:var(--bg-sidebar);border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.search-filters-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px}.search-filters-title{margin:0;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#71717a;color:var(--text-muted)}.search-filters-actions{display:flex;align-items:center;gap:4px}.search-filters-clear-btn{padding:4px 10px;font-size:12px;font-weight:500;color:#6366f1;color:var(--accent-primary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:background .15s}.search-filters-clear-btn:hover{background:#27272a80;background:var(--hover-bg)}.search-filters-close-btn{display:flex;justify-content:center;align-items:center;width:28px;height:28px;padding:0;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .15s}.search-filters-close-btn:hover{background:#27272a80;background:var(--hover-bg)}.search-filters-close-btn svg{width:16px;height:16px}.search-filter-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0}.search-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:#6366f1;color:var(--accent-primary);background:#6366f126;background:var(--active-bg);border-radius:20px}.search-filter-chip-remove{display:flex;justify-content:center;align-items:center;width:16px;height:16px;padding:0;color:#6366f1;color:var(--accent-primary);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .15s}.search-filter-chip-remove:hover{background:#6366f133}.search-filter-chip-remove svg{width:12px;height:12px}.search-filter-group{padding:8px 0}.search-filter-label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:#71717a;color:var(--text-muted)}.search-filter-input{width:100%;padding:8px 12px;font-size:13px;color:#e4e4e7;color:var(--text-primary);background:#111217;background:var(--bg-main);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:8px;outline:none;transition:border-color .15s}.search-filter-input:focus{border-color:#6366f1;border-color:var(--accent-primary)}.search-filter-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}.search-filter-input::placeholder{color:#71717a;color:var(--text-muted)}.search-filter-date-row{display:flex;align-items:center;gap:8px}.search-filter-date{flex:1;min-width:0}.search-filter-date-separator{flex-shrink:0;font-size:12px;color:#71717a;color:var(--text-muted)}.search-filter-user-picker{position:relative}.search-filter-selected-user{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#6366f126;background:var(--active-bg);border-radius:8px}.search-filter-selected-user span{font-size:13px;color:#e4e4e7;color:var(--text-primary)}.search-filter-user-clear{display:flex;justify-content:center;align-items:center;width:20px;height:20px;padding:0;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer}.search-filter-user-clear svg{width:14px;height:14px}.search-filter-user-results{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:160px;overflow-y:auto;background:#18181b;background:var(--bg-sidebar);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026}.search-filter-user-option{display:block;width:100%;padding:8px 12px;font-size:13px;text-align:left;color:#e4e4e7;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background .1s}.search-filter-user-option:hover{background:#27272a80;background:var(--hover-bg)}.search-filter-checkboxes{display:flex;flex-wrap:wrap;gap:12px}.search-filter-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.search-filter-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1;accent-color:var(--accent-primary);cursor:pointer}.search-filter-checkbox-label{font-size:13px;color:#e4e4e7;color:var(--text-primary)}.storage-item-bar{width:60px;height:6px;flex-shrink:0;background:#27272a80;background:var(--hover-bg);border-radius:3px;overflow:hidden}.storage-item-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.storage-sync-info{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#18181b;background:var(--bg-sidebar)}.storage-sync-label{font-size:15px;color:#e4e4e7;color:var(--text-primary)}.storage-sync-time{font-size:14px;color:#71717a;color:var(--text-muted)}.storage-confirm-overlay{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:center;padding:20px;background:#0009;backdrop-filter:blur(4px)}.storage-confirm-dialog{width:100%;max-width:360px;padding:24px;background:#111217;background:var(--bg-main);border-radius:16px;box-shadow:0 20px 60px #0000004d}.storage-confirm-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.storage-confirm-text{margin:0 0 20px;font-size:14px;line-height:1.5;color:#71717a;color:var(--text-muted)}.storage-confirm-actions{display:flex;justify-content:flex-end;gap:10px}.storage-confirm-cancel{padding:10px 20px;font-size:14px;font-weight:500;color:#e4e4e7;color:var(--text-primary);background:#27272a80;background:var(--hover-bg);border:none;border-radius:10px;cursor:pointer;transition:background .15s}.storage-confirm-cancel:hover{background:#6366f126;background:var(--active-bg)}.storage-confirm-delete{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:#f43f5e;background:var(--accent-danger);border:none;border-radius:10px;cursor:pointer;transition:background .15s}.storage-confirm-delete:hover{opacity:.9}[data-theme=light] .search-filters-panel{background:#18181b;background:var(--bg-sidebar)}[data-theme=light] .search-filter-input{background:#111217;background:var(--bg-main);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .search-filter-user-results,[data-theme=light] .storage-sync-info{background:#18181b;background:var(--bg-sidebar)}[data-theme=light] .storage-confirm-dialog{background:#111217;background:var(--bg-main)}.auth-card{width:100%;max-width:448px;padding:24px;background-color:#18181b;background-color:var(--bg-sidebar);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;box-shadow:var(--shadow-xl)}@media screen and (prefers-reduced-motion:reduce){.auth-modal-overlay{position:fixed;inset:0;z-index:1100;display:flex;justify-content:center;align-items:center;padding:16px;background-color:#00000080;animation:none}}.auth-modal-overlay{position:fixed;inset:0;z-index:1100;display:flex;justify-content:center;align-items:center;padding:16px;background-color:#00000080;animation:auth-fade-in .15s ease-out}.auth-modal{position:relative;z-index:10}.auth-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-title{margin:0;font-size:20px;font-weight:700;line-height:1.3;color:#e4e4e7;color:var(--text-primary)}.auth-title.danger{color:#f43f5e;color:var(--rose-500)}@media screen and (prefers-reduced-motion:reduce){.auth-close-btn{display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:none}}.auth-close-btn{display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;color:#71717a;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.auth-close-btn:hover,.auth-close-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}.auth-close-btn svg{width:24px;height:24px}.auth-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#27272a80;background-color:var(--hover-bg);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:12px}.auth-alert svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}.auth-alert-title{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.auth-alert-text{margin:0;font-size:14px;line-height:1.5}.auth-alert.danger{background-color:#f43f5e1a;border-color:#f43f5e40}.auth-alert.danger svg{color:#f43f5e;color:var(--rose-500)}.auth-alert.danger .auth-alert-title{color:#f43f5e;color:var(--rose-500)}.auth-alert.danger .auth-alert-text{color:#f43f5ecc}.auth-alert.warning{background-color:#f59e0b1a;border-color:#f59e0b40}.auth-alert.warning svg{color:#f59e0b;color:var(--amber-500)}.auth-alert.warning .auth-alert-title{color:#f59e0b;color:var(--amber-500)}.auth-alert.warning .auth-alert-text{color:#f59e0bcc}.auth-alert.info{background-color:#3b82f61a;border-color:#3b82f640}.auth-alert.info svg{color:#3b82f6;color:var(--blue-500)}.auth-alert.info .auth-alert-title{color:#3b82f6;color:var(--blue-500)}.auth-alert.info .auth-alert-text{color:#3b82f6cc}.auth-alert.success{background-color:#10b9811a;border-color:#10b98140}.auth-alert.success svg{color:#10b981;color:var(--emerald-500)}.auth-alert.success .auth-alert-title{color:#10b981;color:var(--emerald-500)}.auth-alert.success .auth-alert-text{color:#10b981cc}@media screen and (prefers-reduced-motion:reduce){.auth-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.auth-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-btn:hover,.auth-btn:focus{background-color:#6366f126;background-color:var(--active-bg);border-color:#27272a80;border-color:var(--border-color)}.auth-btn svg{width:20px;height:20px}.auth-btn.primary{color:#fff;background-color:#6366f1;background-color:var(--accent-primary);border-color:#6366f1;border-color:var(--accent-primary)}.auth-btn.primary:hover,.auth-btn.primary:focus{background-color:#818cf8;background-color:var(--accent-emphasis);border-color:#818cf8;border-color:var(--accent-emphasis)}.auth-btn.danger{color:#fff;background-color:#f43f5e;background-color:var(--rose-500);border-color:#f43f5e;border-color:var(--rose-500)}.auth-btn.danger:hover,.auth-btn.danger:focus{background-color:#e11d48;background-color:var(--rose-600);border-color:#e11d48;border-color:var(--rose-600)}.auth-btn.success{color:#fff;background-color:#10b981;background-color:var(--emerald-500);border-color:#10b981;border-color:var(--emerald-500)}.auth-btn.success:hover,.auth-btn.success:focus{background-color:#059669;background-color:var(--emerald-600);border-color:#059669;border-color:var(--emerald-600)}.auth-btn.outline{color:#a1a1aa;color:var(--text-secondary);background-color:transparent;border-color:#3f3f4680;border-color:var(--border-subtle)}.auth-btn.outline:hover,.auth-btn.outline:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg);border-color:#27272a80;border-color:var(--border-color)}.auth-btn.outline-danger{color:#f43f5e;color:var(--rose-500);background-color:transparent;border-color:#f43f5e4d}.auth-btn.outline-danger:hover,.auth-btn.outline-danger:focus{background-color:#f43f5e1a;border-color:#f43f5e80}.auth-btn.text-btn{padding:8px 12px;color:#a1a1aa;color:var(--text-secondary);background-color:transparent;border:none}.auth-btn.text-btn:hover,.auth-btn.text-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}.auth-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.auth-btn.full-width{width:100%}.auth-btn.flex-fill{flex:1}.auth-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.4;color:#a1a1aa;color:var(--text-secondary)}@media screen and (prefers-reduced-motion:reduce){.auth-input{width:100%;padding:12px 16px;font-family:inherit;font-size:15px;line-height:1.4;color:#e4e4e7;color:var(--text-primary);background-color:#111217;background-color:var(--bg-main);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:10px;transition:none;-webkit-user-select:text;-moz-user-select:text;user-select:text}}.auth-input{width:100%;padding:12px 16px;font-family:inherit;font-size:15px;line-height:1.4;color:#e4e4e7;color:var(--text-primary);background-color:#111217;background-color:var(--bg-main);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:10px;transition:all .15s ease;-webkit-user-select:text;-moz-user-select:text;user-select:text}.auth-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}.auth-input::placeholder{color:#71717a;color:var(--text-muted)}.auth-input:focus{border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;outline:none}.auth-input.error{border-color:#f43f5e;border-color:var(--rose-500);box-shadow:0 0 0 3px #f43f5e26}.auth-input-row{display:flex;align-items:center;gap:8px}@media screen and (prefers-reduced-motion:reduce){.auth-spinner{width:48px;height:48px;border:4px solid rgba(63,63,70,.5);border:4px solid var(--border-subtle);border-top-color:#6366f1;border-top-color:var(--accent-primary);border-radius:50%;animation:none}}.auth-spinner{width:48px;height:48px;border:4px solid rgba(63,63,70,.5);border:4px solid var(--border-subtle);border-top-color:#6366f1;border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.auth-spinner.danger{border-top-color:#f43f5e;border-top-color:var(--rose-500)}.auth-spinner.success{border-top-color:#10b981;border-top-color:var(--emerald-500)}.auth-spinner.small{width:24px;height:24px;border-width:3px}.auth-status-circle{display:flex;justify-content:center;align-items:center;width:64px;height:64px;background-color:#27272a80;background-color:var(--hover-bg);border-radius:50%}.auth-status-circle svg{width:32px;height:32px;color:#71717a;color:var(--text-muted)}.auth-status-circle.success{background-color:#10b9811f}.auth-status-circle.success svg{color:#10b981;color:var(--emerald-500)}.auth-status-circle.error{background-color:#f43f5e1f}.auth-status-circle.error svg{color:#f43f5e;color:var(--rose-500)}.auth-status-circle.warning{background-color:#f59e0b1f}.auth-status-circle.warning svg{color:#f59e0b;color:var(--amber-500)}.auth-status-circle.info{background-color:#3b82f61f}.auth-status-circle.info svg{color:#3b82f6;color:var(--blue-500)}.auth-status-circle.small{width:48px;height:48px}.auth-status-circle.small svg{width:24px;height:24px}.auth-content{display:flex;flex-direction:column;gap:24px}.auth-center{display:flex;flex-direction:column;align-items:center;padding:32px 0}.auth-row{display:flex;align-items:center;gap:12px}.auth-text{margin:0;font-size:15px;line-height:1.5;color:#a1a1aa;color:var(--text-secondary)}.auth-text-sm{margin:0;font-size:13px;line-height:1.5;color:#71717a;color:var(--text-muted)}.auth-text-center{text-align:center}.device-list{display:flex;flex-direction:column;gap:12px}@media screen and (prefers-reduced-motion:reduce){.device-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#18181b;background-color:var(--bg-sidebar);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:12px;transition:none}}.device-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:#18181b;background-color:var(--bg-sidebar);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:12px;transition:border-color .15s ease}.device-card:hover,.device-card:focus{border-color:#27272a80;border-color:var(--border-color)}.device-card.current{background-color:#6366f10d;border-color:#6366f159}.device-icon{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;background-color:#27272a80;background-color:var(--hover-bg);border-radius:12px}.device-icon svg{width:24px;height:24px;color:#a1a1aa;color:var(--text-secondary)}.device-icon.current{background-color:#6366f11f}.device-icon.current svg{color:#6366f1;color:var(--indigo-500)}.device-info{flex:1;min-width:0}.device-info h3{margin:0;overflow:hidden;font-size:15px;font-weight:600;white-space:nowrap;color:#e4e4e7;color:var(--text-primary);text-overflow:ellipsis}.device-info p{margin:2px 0 0;font-size:13px;color:#71717a;color:var(--text-muted)}.device-meta{display:flex;align-items:center;gap:16px;margin-top:8px;font-size:12px;color:#71717a;color:var(--text-muted)}.device-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;color:#818cf8;color:var(--indigo-400);background-color:#6366f11f;border-radius:99px}@media screen and (prefers-reduced-motion:reduce){.device-revoke-btn{display:inline-flex;align-items:center;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;color:#f43f5e;color:var(--rose-500);background-color:transparent;border:1px solid rgba(244,63,94,.3);border-radius:8px;cursor:pointer;transition:none}}.device-revoke-btn{display:inline-flex;align-items:center;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;white-space:nowrap;color:#f43f5e;color:var(--rose-500);background-color:transparent;border:1px solid rgba(244,63,94,.3);border-radius:8px;cursor:pointer;transition:all .15s ease}.device-revoke-btn:hover,.device-revoke-btn:focus{background-color:#f43f5e1a;border-color:#f43f5e80}.mnemonic-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.mnemonic-word{display:flex;align-items:center;gap:12px;padding:14px 16px;background-color:#111217;background-color:var(--bg-main);border:1px solid rgba(63,63,70,.5);border:1px solid var(--border-subtle);border-radius:10px}.mnemonic-number{min-width:24px;font-family:monospace;font-size:13px;font-weight:500;color:#71717a;color:var(--text-muted)}.mnemonic-text{font-size:16px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.mnemonic-input-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.mnemonic-input-wrapper{position:relative}.mnemonic-input-wrapper .mnemonic-number{position:absolute;top:50%;left:12px;z-index:1;transform:translateY(-50%);pointer-events:none}.mnemonic-input-wrapper .auth-input{padding:10px 12px 10px 40px;font-size:14px}.pin-digits{display:flex;justify-content:center;gap:12px;margin-bottom:16px}@media screen and (prefers-reduced-motion:reduce){.pin-digit{width:48px;height:56px;font-family:inherit;font-size:24px;font-weight:600;text-align:center;color:#e4e4e7;color:var(--text-primary);background-color:#111217;background-color:var(--bg-main);border:2px solid rgba(63,63,70,.5);border:2px solid var(--border-subtle);border-radius:10px;transition:none;-webkit-user-select:text;-moz-user-select:text;user-select:text}}.pin-digit{width:48px;height:56px;font-family:inherit;font-size:24px;font-weight:600;text-align:center;color:#e4e4e7;color:var(--text-primary);background-color:#111217;background-color:var(--bg-main);border:2px solid rgba(63,63,70,.5);border:2px solid var(--border-subtle);border-radius:10px;transition:all .15s ease;-webkit-user-select:text;-moz-user-select:text;user-select:text}.pin-digit:focus{background-color:#6366f114;border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;outline:none}.pin-digit.focused{background-color:#6366f114;border-color:#6366f1;border-color:var(--accent-primary)}.pin-digit.error{border-color:#f43f5e;border-color:var(--rose-500)}.pin-digit:disabled{opacity:.5;cursor:not-allowed}.pin-error-text{font-size:14px;text-align:center;color:#f43f5e;color:var(--rose-500)}.qr-viewfinder{position:relative;width:256px;height:256px;margin-bottom:16px;overflow:hidden;background-color:#18181b;background-color:var(--zinc-900);border-radius:16px}.qr-viewfinder-inner{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.qr-viewfinder-frame{position:relative;width:192px;height:192px;border:2px solid rgba(255,255,255,.3);border-radius:12px}.qr-corner{position:absolute;width:16px;height:16px}.qr-corner.top-left{top:-1px;left:-1px;border-top:3px solid #60a5fa;border-top:3px solid var(--blue-400);border-left:3px solid #60a5fa;border-left:3px solid var(--blue-400);border-radius:4px 0 0}.qr-corner.top-right{top:-1px;right:-1px;border-top:3px solid #60a5fa;border-top:3px solid var(--blue-400);border-right:3px solid #60a5fa;border-right:3px solid var(--blue-400);border-radius:0 4px 0 0}.qr-corner.bottom-left{bottom:-1px;left:-1px;border-bottom:3px solid #60a5fa;border-bottom:3px solid var(--blue-400);border-left:3px solid #60a5fa;border-left:3px solid var(--blue-400);border-radius:0 0 0 4px}.qr-corner.bottom-right{right:-1px;bottom:-1px;border-radius:0 0 4px;border-bottom:3px solid #60a5fa;border-bottom:3px solid var(--blue-400);border-right:3px solid #60a5fa;border-right:3px solid var(--blue-400)}.qr-viewfinder-text{position:absolute;right:0;bottom:16px;left:0;font-size:14px;text-align:center;color:#fff}.qr-manual-input{display:flex;flex-direction:column;gap:12px;width:100%}.qr-manual-input .auth-input-row{display:flex;gap:8px}.qr-manual-input .auth-input{flex:1;font-size:14px}.qr-code-container{margin-bottom:16px;padding:16px;background-color:#fff;border-radius:16px;box-shadow:0 10px 15px -3px #00000040;box-shadow:var(--shadow-lg)}.qr-token-display{max-width:320px;margin-bottom:16px;padding:12px;background-color:#111217;background-color:var(--bg-main);border-radius:10px}.qr-token-display p:first-child{margin:0 0 4px;font-size:12px;color:#71717a;color:var(--text-muted)}.qr-token-display p:last-child{margin:0;font-family:monospace;font-size:12px;word-break:break-all;color:#a1a1aa;color:var(--text-secondary)}.account-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media screen and (prefers-reduced-motion:reduce){.account-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px;font-family:inherit;text-align:left;background-color:#18181b;background-color:var(--bg-sidebar);border:2px solid rgba(63,63,70,.5);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:none}}.account-card{display:flex;align-items:center;gap:16px;width:100%;padding:16px;font-family:inherit;text-align:left;background-color:#18181b;background-color:var(--bg-sidebar);border:2px solid rgba(63,63,70,.5);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s ease}.account-card:hover,.account-card:focus{border-color:#6366f166;box-shadow:0 4px 6px -1px #0003;box-shadow:var(--shadow-md)}.account-card.active{background-color:#6366f114;border-color:#6366f1;border-color:var(--accent-primary)}.account-card:disabled{opacity:.5;cursor:not-allowed}.account-avatar{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;color:#fff;background-color:#6366f1;background-color:var(--accent-primary);border-radius:50%}.account-info{flex:1;min-width:0}.account-info .account-nickname{display:block;font-size:15px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.account-info .pin-indicator{display:block;font-size:13px;color:#71717a;color:var(--text-muted)}.account-info .last-active{display:block;margin-top:2px;font-size:12px;color:#71717a;color:var(--text-muted)}.account-arrow{flex-shrink:0;font-size:20px;color:#71717a;color:var(--text-muted)}@media screen and (prefers-reduced-motion:reduce){.create-account-btn{width:100%;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:500;color:#6366f1;color:var(--accent-primary);background-color:transparent;border:2px dashed rgba(63,63,70,.5);border:2px dashed var(--border-subtle);border-radius:12px;cursor:pointer;transition:none}}.create-account-btn{width:100%;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:500;color:#6366f1;color:var(--accent-primary);background-color:transparent;border:2px dashed rgba(63,63,70,.5);border:2px dashed var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s ease}.create-account-btn:hover,.create-account-btn:focus{background-color:#6366f10d;border-color:#6366f1;border-color:var(--accent-primary)}.delete-list{display:flex;flex-direction:column;gap:8px}.delete-list-item{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;color:#a1a1aa;color:var(--text-secondary)}.delete-list-item svg{flex-shrink:0;width:16px;height:16px;color:#f43f5e;color:var(--rose-500)}.recovery-countdown{padding:16px 0;text-align:center}.recovery-countdown-time{margin:0 0 4px;font-size:32px;font-weight:700;color:#e4e4e7;color:var(--text-primary)}.recovery-countdown-time.danger{color:#f43f5e;color:var(--rose-500)}.recovery-countdown-label{margin:0;font-size:13px;color:#71717a;color:var(--text-muted)}@media screen and (prefers-reduced-motion:reduce){.confirm-checkbox-row{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid rgba(63,63,70,.5);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:none}}.confirm-checkbox-row{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid rgba(63,63,70,.5);border:2px solid var(--border-subtle);border-radius:12px;cursor:pointer;transition:all .15s ease}.confirm-checkbox-row:hover,.confirm-checkbox-row:focus-within{background-color:#27272a80;background-color:var(--hover-bg);border-color:#27272a80;border-color:var(--border-color)}.confirm-checkbox{flex-shrink:0;width:20px;height:20px;margin-top:2px;accent-color:#6366f1;accent-color:var(--accent-primary);cursor:pointer}.confirm-checkbox-row label,.confirm-checkbox-row span{font-size:14px;line-height:1.6;color:#e4e4e7;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.auth-pulse-dot{width:8px;height:8px;background-color:#6366f1;background-color:var(--accent-primary);border-radius:50%;animation:none}}.auth-pulse-dot{width:8px;height:8px;background-color:#6366f1;background-color:var(--accent-primary);border-radius:50%;animation:auth-pulse 1.5s ease-in-out infinite}.auth-pulse-dot.danger{background-color:#f43f5e;background-color:var(--rose-500)}.auth-pulse-dot.success{background-color:#10b981;background-color:var(--emerald-500)}@keyframes auth-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.auth-description{margin:0;font-size:14px;line-height:1.6;color:#a1a1aa;color:var(--text-secondary)}.auth-description.center{max-width:380px;text-align:center}.auth-description strong{font-weight:600;color:#e4e4e7;color:var(--text-primary)}.device-info-panel{padding:16px;background-color:#111217;background-color:var(--bg-main);border-radius:12px}.device-info-panel h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#a1a1aa;color:var(--text-secondary)}.device-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.device-info-row+.device-info-row{border-top:1px solid rgba(63,63,70,.5);border-top:1px solid var(--border-subtle);margin-top:6px;padding-top:12px}.device-info-row .label{font-size:14px;color:#71717a;color:var(--text-muted)}.device-info-row .value{font-size:14px;font-weight:500;color:#e4e4e7;color:var(--text-primary)}.device-info-row .value.mono{font-family:monospace}.device-count{margin-top:24px;font-size:14px;text-align:center;color:#71717a;color:var(--text-muted)}@media screen and (prefers-reduced-motion:reduce){.auth-back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:24px;padding:0;font-family:inherit;font-size:14px;font-weight:500;color:#6366f1;color:var(--accent-primary);background:none;border:none;transition:none;cursor:pointer}}.auth-back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:24px;padding:0;font-family:inherit;font-size:14px;font-weight:500;color:#6366f1;color:var(--accent-primary);background:none;border:none;transition:color .15s ease;cursor:pointer}.auth-back-link:hover,.auth-back-link:focus{-webkit-text-decoration:underline;text-decoration:underline;color:#818cf8;color:var(--accent-emphasis)}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}[data-theme=light] .auth-card{background-color:#fff;border-color:#27272a80;border-color:var(--border-color);box-shadow:0 25px 50px -12px #00000080;box-shadow:var(--shadow-xl)}[data-theme=light] .auth-modal-overlay{background-color:#0f172a4d}[data-theme=light] .auth-title{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .auth-title.danger{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .auth-close-btn{color:#71717a;color:var(--text-muted)}[data-theme=light] .auth-close-btn:hover,[data-theme=light] .auth-close-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .auth-alert{background-color:#27272a80;background-color:var(--hover-bg);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .auth-alert.danger{background-color:#dc26260f;border-color:#dc262633}[data-theme=light] .auth-alert.danger .auth-alert-title{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .auth-alert.danger .auth-alert-text{color:#dc2626cc}[data-theme=light] .auth-alert.warning{background-color:#d977060f;border-color:#d9770633}[data-theme=light] .auth-alert.warning .auth-alert-title{color:#f59e0b;color:var(--accent-warning)}[data-theme=light] .auth-alert.warning .auth-alert-text{color:#d97706cc}[data-theme=light] .auth-alert.info{background-color:#2563eb0f;border-color:#2563eb33}[data-theme=light] .auth-alert.info .auth-alert-title{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .auth-alert.info .auth-alert-text{color:#2563ebcc}[data-theme=light] .auth-alert.success{background-color:#0596690f;border-color:#05966933}[data-theme=light] .auth-alert.success .auth-alert-title{color:#10b981;color:var(--accent-success)}[data-theme=light] .auth-alert.success .auth-alert-text{color:#059669cc}[data-theme=light] .auth-btn{color:#e4e4e7;color:var(--text-primary);background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .auth-btn:hover,[data-theme=light] .auth-btn:focus{background-color:#27272a80;background-color:var(--hover-bg);border-color:#cbd5e1;border-color:var(--slate-300)}[data-theme=light] .auth-btn.primary{color:#fff;background-color:#6366f1;background-color:var(--accent-primary);border-color:#6366f1;border-color:var(--accent-primary)}[data-theme=light] .auth-btn.primary:hover,[data-theme=light] .auth-btn.primary:focus{background-color:#818cf8;background-color:var(--accent-emphasis);border-color:#818cf8;border-color:var(--accent-emphasis)}[data-theme=light] .auth-btn.danger{color:#fff;background-color:#f43f5e;background-color:var(--accent-danger);border-color:#f43f5e;border-color:var(--accent-danger)}[data-theme=light] .auth-btn.danger:hover,[data-theme=light] .auth-btn.danger:focus{background-color:#b91c1c;border-color:#b91c1c}[data-theme=light] .auth-btn.success{color:#fff;background-color:#10b981;background-color:var(--accent-success);border-color:#10b981;border-color:var(--accent-success)}[data-theme=light] .auth-btn.success:hover,[data-theme=light] .auth-btn.success:focus{background-color:#047857;border-color:#047857}[data-theme=light] .auth-btn.outline{color:#a1a1aa;color:var(--text-secondary);background-color:transparent;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .auth-btn.outline:hover,[data-theme=light] .auth-btn.outline:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .auth-btn.outline-danger{color:#f43f5e;color:var(--accent-danger);border-color:#dc262640}[data-theme=light] .auth-btn.outline-danger:hover,[data-theme=light] .auth-btn.outline-danger:focus{background-color:#dc26260f;border-color:#dc262666}[data-theme=light] .auth-btn.text-btn{color:#a1a1aa;color:var(--text-secondary);background-color:transparent}[data-theme=light] .auth-btn.text-btn:hover,[data-theme=light] .auth-btn.text-btn:focus{color:#e4e4e7;color:var(--text-primary);background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .auth-label{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .auth-input{color:#e4e4e7;color:var(--text-primary);background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .auth-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}[data-theme=light] .auth-input::placeholder{color:#71717a;color:var(--text-muted)}[data-theme=light] .auth-input:focus{border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .auth-input.error{border-color:#f43f5e;border-color:var(--accent-danger);box-shadow:0 0 0 3px #dc26261a}[data-theme=light] .auth-spinner{border-color:#27272a80;border-color:var(--border-color);border-top-color:#6366f1;border-top-color:var(--accent-primary)}[data-theme=light] .auth-spinner.danger{border-top-color:#f43f5e;border-top-color:var(--accent-danger)}[data-theme=light] .auth-spinner.success{border-top-color:#10b981;border-top-color:var(--accent-success)}[data-theme=light] .auth-status-circle{background-color:#27272a80;background-color:var(--hover-bg)}[data-theme=light] .auth-status-circle.success{background-color:#05966914}[data-theme=light] .auth-status-circle.success svg{color:#10b981;color:var(--accent-success)}[data-theme=light] .auth-status-circle.error{background-color:#dc262614}[data-theme=light] .auth-status-circle.error svg{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .auth-status-circle.warning{background-color:#d9770614}[data-theme=light] .auth-status-circle.warning svg{color:#f59e0b;color:var(--accent-warning)}[data-theme=light] .auth-status-circle.info{background-color:#2563eb14}[data-theme=light] .auth-status-circle.info svg{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .auth-text{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .auth-text-sm{color:#71717a;color:var(--text-muted)}[data-theme=light] .auth-description{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .auth-description strong{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .device-card{background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .device-card:hover,[data-theme=light] .device-card:focus{border-color:#cbd5e1;border-color:var(--slate-300)}[data-theme=light] .device-card.current{background-color:#2563eb0a;border-color:#2563eb4d}[data-theme=light] .device-icon{background-color:#f1f5f9;background-color:var(--slate-100)}[data-theme=light] .device-icon svg{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .device-icon.current{background-color:#2563eb14}[data-theme=light] .device-icon.current svg{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .device-info h3{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .device-info p,[data-theme=light] .device-meta{color:#71717a;color:var(--text-muted)}[data-theme=light] .device-badge{color:#6366f1;color:var(--accent-primary);background-color:#2563eb14}[data-theme=light] .device-revoke-btn{color:#f43f5e;color:var(--accent-danger);border-color:#dc262640}[data-theme=light] .device-revoke-btn:hover,[data-theme=light] .device-revoke-btn:focus{background-color:#dc26260f;border-color:#dc262666}[data-theme=light] .mnemonic-word{background-color:#f8fafc;background-color:var(--slate-50);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .mnemonic-number{color:#71717a;color:var(--text-muted)}[data-theme=light] .mnemonic-text{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .pin-digit{color:#e4e4e7;color:var(--text-primary);background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .pin-digit:focus{background-color:#2563eb0a;border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .pin-digit.focused{background-color:#2563eb0a;border-color:#6366f1;border-color:var(--accent-primary)}[data-theme=light] .pin-digit.error{border-color:#f43f5e;border-color:var(--accent-danger)}[data-theme=light] .pin-error-text{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .qr-viewfinder{background-color:#0f172a;background-color:var(--slate-900)}[data-theme=light] .qr-code-container{background-color:#fff;box-shadow:0 10px 15px -3px #00000040;box-shadow:var(--shadow-lg)}[data-theme=light] .qr-token-display{background-color:#f8fafc;background-color:var(--slate-50)}[data-theme=light] .qr-token-display p:first-child{color:#71717a;color:var(--text-muted)}[data-theme=light] .qr-token-display p:last-child{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .account-card{background-color:#fff;border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .account-card:hover,[data-theme=light] .account-card:focus{border-color:#2563eb66}[data-theme=light] .account-card.active{background-color:#2563eb0a;border-color:#6366f1;border-color:var(--accent-primary)}[data-theme=light] .account-avatar{background-color:#6366f1;background-color:var(--accent-primary)}[data-theme=light] .account-info .account-nickname{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .account-info .pin-indicator,[data-theme=light] .account-info .last-active,[data-theme=light] .account-arrow{color:#71717a;color:var(--text-muted)}[data-theme=light] .create-account-btn{color:#6366f1;color:var(--accent-primary);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .create-account-btn:hover,[data-theme=light] .create-account-btn:focus{background-color:#2563eb0a;border-color:#6366f1;border-color:var(--accent-primary)}[data-theme=light] .delete-list-item{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .delete-list-item svg{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .recovery-countdown-time{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .recovery-countdown-time.danger{color:#f43f5e;color:var(--accent-danger)}[data-theme=light] .recovery-countdown-label{color:#71717a;color:var(--text-muted)}[data-theme=light] .confirm-checkbox-row{border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .confirm-checkbox-row:hover,[data-theme=light] .confirm-checkbox-row:focus-within{background-color:#f8fafc;background-color:var(--slate-50);border-color:#cbd5e1;border-color:var(--slate-300)}[data-theme=light] .confirm-checkbox{accent-color:#6366f1;accent-color:var(--accent-primary)}[data-theme=light] .confirm-checkbox-row label,[data-theme=light] .confirm-checkbox-row span{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .auth-pulse-dot{background-color:#6366f1;background-color:var(--accent-primary)}[data-theme=light] .auth-pulse-dot.danger{background-color:#f43f5e;background-color:var(--accent-danger)}[data-theme=light] .auth-pulse-dot.success{background-color:#10b981;background-color:var(--accent-success)}[data-theme=light] .device-info-panel{background-color:#f8fafc;background-color:var(--slate-50)}[data-theme=light] .device-info-panel h3{color:#a1a1aa;color:var(--text-secondary)}[data-theme=light] .device-info-row .label{color:#71717a;color:var(--text-muted)}[data-theme=light] .device-info-row .value{color:#e4e4e7;color:var(--text-primary)}[data-theme=light] .device-info-row+.device-info-row{border-top-color:#27272a80;border-top-color:var(--border-color)}[data-theme=light] .device-count{color:#71717a;color:var(--text-muted)}[data-theme=light] .auth-back-link{color:#6366f1;color:var(--accent-primary)}[data-theme=light] .auth-back-link:hover,[data-theme=light] .auth-back-link:focus{color:#818cf8;color:var(--accent-emphasis)}@media(max-width:768px){.auth-card{max-width:100%;padding:20px;border-radius:14px}.auth-title{font-size:18px}.auth-btn{padding:12px 16px;font-size:14px}.auth-input{padding:10px 14px;font-size:14px}.mnemonic-grid,.mnemonic-input-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mnemonic-word{padding:10px 12px}.mnemonic-text{font-size:14px}.pin-digits{gap:8px}.pin-digit{width:42px;height:50px;font-size:20px}.qr-viewfinder{width:220px;height:220px}.qr-viewfinder-frame{width:160px;height:160px}.device-card{gap:12px;padding:12px}.device-icon{width:40px;height:40px}.device-icon svg{width:20px;height:20px}.device-meta{flex-direction:column;align-items:flex-start;gap:2px}.account-card{gap:12px;padding:12px}.account-avatar{width:40px;height:40px;font-size:18px}.recovery-countdown-time{font-size:28px}}.device-manager{display:flex;flex-direction:column;gap:16px}.auth-icon{width:24px;height:24px;flex-shrink:0}.auth-icon-sm{width:18px;height:18px;flex-shrink:0}@media(min-width:640px){.mnemonic-grid,.mnemonic-input-grid{grid-template-columns:repeat(3,1fr)}}.page-container{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#111217;background:var(--bg-main);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.page-header{display:flex;flex-shrink:0;align-items:center;gap:12px;min-height:56px;padding:12px 16px;background:#18181b;background:var(--bg-sidebar);border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.page-back-btn{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:#e4e4e7;color:var(--text-primary);background:transparent;border:none;border-radius:50%;transition:background .15s;cursor:pointer}.page-back-btn:hover,.page-back-btn:focus{background:#27272a80;background:var(--hover-bg)}.page-back-btn svg{width:20px;height:20px}.page-title{flex:1;margin:0;font-size:18px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.page-header-spacer{width:36px}.page-action-btn{display:flex;justify-content:center;align-items:center;height:32px;padding:0 12px;font-size:14px;font-weight:500;color:#a1a1aa;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;transition:all .15s;cursor:pointer}.page-action-btn:hover,.page-action-btn:focus{color:#e4e4e7;color:var(--text-primary);background:#27272a80;background:var(--hover-bg)}.page-action-btn.primary{color:#fff;background:#6366f1;background:var(--accent-primary)}.page-action-btn.primary:hover,.page-action-btn.primary:focus{background:#818cf8;background:var(--accent-emphasis)}.page-action-btn svg{width:20px;height:20px}.page-search{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;background:#18181b;background:var(--bg-sidebar);border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.page-search-icon{flex-shrink:0;width:18px;height:18px;color:#71717a;color:var(--text-muted)}.page-search-input{flex:1;padding:8px 0;font-size:15px;color:#e4e4e7;color:var(--text-primary);background:transparent;border:none;outline:none}.page-search-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}.page-search-input::placeholder{color:#71717a;color:var(--text-muted)}.page-content{flex:1;padding:8px 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.page-content::-webkit-scrollbar{display:none}.page-section{padding:8px 0}.page-section-title{margin:0;padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#71717a;color:var(--text-muted)}.page-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;gap:16px;color:#71717a;color:var(--text-muted);font-size:14px}.loading-spinner{width:36px;height:36px;border:3px solid rgba(39,39,42,.5);border:3px solid var(--border-color);border-top-color:#6366f1;border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;text-align:center}.empty-icon{width:64px;height:64px;margin-bottom:16px;color:#71717a;color:var(--text-muted);opacity:.5}.empty-state h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.empty-state p{margin:0;font-size:14px;color:#71717a;color:var(--text-muted)}.contact-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;transition:background .15s;cursor:pointer}.contact-item:hover,.contact-item:focus{background:#27272a80;background:var(--hover-bg)}.contact-item.selectable.selected{background:#6366f126;background:var(--active-bg)}.contact-avatar{position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:600;color:#fff;border-radius:50%}.contact-status-dot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;background:#52525b;background:var(--zinc-600);border:2px solid #111217;border:2px solid var(--bg-main);border-radius:50%}.contact-status-dot.online{background:#10b981;background:var(--emerald-500)}.contact-status-dot.busy{background:#f43f5e;background:var(--rose-500)}.contact-status-dot.away{background:#f59e0b;background:var(--amber-500)}.contact-status-dot.offline{background:#52525b;background:var(--zinc-600)}.contact-info{flex:1;min-width:0}.contact-name{display:block;overflow:hidden;font-size:15px;font-weight:500;white-space:nowrap;color:#e4e4e7;color:var(--text-primary);text-overflow:ellipsis}.contact-status-text{display:block;margin-top:2px;font-size:13px;text-transform:capitalize;color:#71717a;color:var(--text-muted)}.contact-arrow{width:16px;height:16px;color:#71717a;color:var(--text-muted);opacity:0;transition:opacity .15s}.contact-item:hover .contact-arrow,.contact-item:focus .contact-arrow{opacity:1}.contact-checkbox{display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:#6366f1;color:var(--accent-primary);border:2px solid rgba(39,39,42,.5);border:2px solid var(--border-color);border-radius:50%;transition:all .15s}.contact-item.selected .contact-checkbox{color:#fff;background:#6366f1;background:var(--accent-primary);border-color:#6366f1;border-color:var(--accent-primary)}.contact-checkbox svg{width:16px;height:16px}.contact-group{padding:4px 0}.contact-group-header{position:sticky;top:0;z-index:1;padding:8px 16px;font-size:12px;font-weight:600;color:#6366f1;color:var(--accent-primary);background:#111217;background:var(--bg-main)}.suggested-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;padding:8px 16px}.suggested-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background .15s}.suggested-item:hover,.suggested-item:focus{background:#27272a80;background:var(--hover-bg)}.suggested-avatar{position:relative;display:flex;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;font-size:16px;font-weight:600;color:#fff;border-radius:50%}.suggested-name{max-width:100%;overflow:hidden;font-size:12px;white-space:nowrap;color:#e4e4e7;color:var(--text-primary);text-overflow:ellipsis}.selected-members-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#18181b;background:var(--bg-sidebar);border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.selected-member-chip{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:#27272a80;background:var(--hover-bg);border:none;border-radius:20px;cursor:pointer;transition:background .15s}.selected-member-chip:hover,.selected-member-chip:focus{background:#6366f126;background:var(--active-bg)}.chip-avatar{display:flex;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;color:#fff;border-radius:50%}.selected-member-chip span{font-size:13px;color:#e4e4e7;color:var(--text-primary)}.selected-member-chip svg{width:14px;height:14px;color:#71717a;color:var(--text-muted)}.group-details{padding:24px 16px}.group-avatar-section{display:flex;justify-content:center;margin-bottom:24px}.group-avatar-picker{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:96px;height:96px;color:#fff;border:none;border-radius:50%;transition:transform .15s;cursor:pointer}.group-avatar-picker:hover,.group-avatar-picker:focus{transform:scale(1.05)}.group-avatar-picker svg{width:32px;height:32px}.group-avatar-label{font-size:11px;font-weight:500}.group-name-section{margin-bottom:24px}.group-name-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#71717a;color:var(--text-muted)}.group-name-input{width:100%;padding:12px 16px;font-size:16px;color:#e4e4e7;color:var(--text-primary);background:#18181b;background:var(--bg-sidebar);border:1px solid rgba(39,39,42,.5);border:1px solid var(--border-color);border-radius:12px;transition:border-color .15s;outline:none}.group-name-input:focus{border-color:#6366f1;border-color:var(--accent-primary)}.group-name-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}.group-name-input::placeholder{color:#71717a;color:var(--text-muted)}.new-group-unified{display:flex;flex-direction:column;padding:0}.group-info-section{display:flex;align-items:center;gap:16px;padding:20px 16px;background:#18181b;background:var(--bg-sidebar)}.new-group-unified .group-avatar-picker{position:relative;flex-shrink:0;width:72px;height:72px}.new-group-unified .group-avatar-picker svg{width:28px;height:28px}.group-avatar-initials{font-size:24px;font-weight:600}.group-avatar-camera{position:absolute;right:-2px;bottom:-2px;display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:#6366f1;background:var(--accent-primary);border:2px solid #18181b;border:2px solid var(--bg-sidebar);border-radius:50%}.group-avatar-camera svg{width:12px!important;height:12px!important;color:#fff}.group-name-inline{flex:1;min-width:0}.group-name-inline .group-name-input{padding:10px 0;font-size:18px;background:transparent;border:none;border-radius:0;border-bottom:2px solid rgba(39,39,42,.5);border-bottom:2px solid var(--border-color)}.group-name-inline .group-name-input:focus{border-bottom-color:#6366f1;border-bottom-color:var(--accent-primary)}.section-divider{height:8px;background:#111217;background:var(--bg-main);border-top:1px solid rgba(39,39,42,.5);border-top:1px solid var(--border-color);border-bottom:1px solid rgba(39,39,42,.5);border-bottom:1px solid var(--border-color)}.members-section{display:flex;flex:1;flex-direction:column;overflow:hidden}.members-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 8px}.members-title{margin:0;font-size:14px;font-weight:600;color:#e4e4e7;color:var(--text-primary)}.members-count{font-size:13px;color:#71717a;color:var(--text-muted)}.members-section .selected-members-preview{border-bottom:none;padding:0 16px 12px;background:transparent}.members-search{display:flex;align-items:center;gap:10px;margin:0 16px 8px;padding:8px 12px;background:#27272a80;background:var(--hover-bg);border-radius:10px}.members-search-icon{flex-shrink:0;width:18px;height:18px;color:#71717a;color:var(--text-muted)}.members-search-input{flex:1;font-size:14px;color:#e4e4e7;color:var(--text-primary);background:transparent;border:none;outline:none}.members-search-input::-moz-placeholder{color:#71717a;color:var(--text-muted)}.members-search-input::placeholder{color:#71717a;color:var(--text-muted)}.members-list{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.members-list::-webkit-scrollbar{display:none}.helper-text{padding:16px;font-size:13px;text-align:center;color:#71717a;color:var(--text-muted);background:#18181b;background:var(--bg-sidebar);border-top:1px solid rgba(39,39,42,.5);border-top:1px solid var(--border-color)}.page-action-btn.disabled,.page-action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}[data-theme=light] .page-container{background:#111217;background:var(--bg-main)}[data-theme=light] .page-header,[data-theme=light] .page-search{background:#18181b;background:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .contact-status-dot{border-color:#111217;border-color:var(--bg-main)}[data-theme=light] .contact-group-header{background:#111217;background:var(--bg-main)}[data-theme=light] .selected-members-preview,[data-theme=light] .group-name-input{background:#18181b;background:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .group-info-section{background:#18181b;background:var(--bg-sidebar)}[data-theme=light] .group-avatar-camera{border-color:#18181b;border-color:var(--bg-sidebar)}[data-theme=light] .section-divider{background:#111217;background:var(--bg-main);border-color:#27272a80;border-color:var(--border-color)}[data-theme=light] .members-search{background:#27272a80;background:var(--hover-bg)}[data-theme=light] .helper-text{background:#18181b;background:var(--bg-sidebar);border-color:#27272a80;border-color:var(--border-color)}@media(max-width:768px){.page-header{padding:8px 12px}.page-search{padding:6px 12px}.contact-item{padding:10px 12px}.suggested-grid{padding:8px 12px}.contact-group-header,.page-section-title{padding-right:12px;padding-left:12px}.selected-members-preview{padding:10px 12px}.group-details{padding:20px 12px}.group-info-section{gap:12px;padding:16px 12px}.new-group-unified .group-avatar-picker{width:64px;height:64px}.group-avatar-initials{font-size:20px}.group-name-inline .group-name-input{font-size:16px}.members-header{padding:12px 12px 8px}.members-section .selected-members-preview{padding:0 12px 12px}.members-search{margin:0 12px 8px}.helper-text{padding:12px}}@media(max-width:480px){.suggested-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1280px){.sidebar-right{position:fixed;top:0;right:-100%;z-index:1000;width:100%;max-width:480px;height:100%;padding-top:env(safe-area-inset-top,0px);padding-top:var(--safe-area-top);overflow:auto}.sidebar-right *{touch-action:pan-y}.sidebar::-webkit-scrollbar,.sidebar-right::-webkit-scrollbar{display:none}.sidebar,.sidebar-right{scrollbar-width:none;-ms-overflow-style:none}}@media screen and (max-width:768px){.sidebar{position:fixed;top:0;left:-100%;z-index:1000;width:100%;max-width:480px;height:100%;padding-top:env(safe-area-inset-top,0px);padding-top:var(--safe-area-top);overflow:auto}.sidebar *{touch-action:pan-y}.mobile-menu-btn.menu-left-btn{display:block}.header-left{gap:4px}.channel-desc,.divider-vert{display:none}}@media screen and (max-width:480px){.chat-header{padding:0 8px}.header-actions .action-btn[title=Search],.header-actions .action-btn[title="Pinned Messages"]{display:none}.header-actions{gap:2px}.input-area{padding:8px}.input-container{padding:6px}.main-input{padding:8px 0;font-size:14px}.channel-name{font-size:14px}.channel-hash{font-size:16px}.chat-messages{padding:12px 8px}.message-row{margin:0 -8px;padding:6px 8px}}