:root{--color-background-primary: #1a1a2e;--color-background-primary-rgb: 26, 26, 46;--color-background-secondary: #24243e;--color-background-secondary-rgb: 36, 36, 62;--color-background-tertiary: #302b63;--color-background-tertiary-rgb: 48, 43, 99;--color-text-primary: #e0e0ff;--color-text-primary-rgb: 224, 224, 255;--color-text-secondary: #b3b3ff;--color-text-secondary-rgb: 179, 179, 255;--color-text-tertiary: #9999ff;--color-text-tertiary-rgb: 153, 153, 255;--color-border-primary: #302b63;--color-border-primary-rgb: 48, 43, 99;--color-accent-primary: #ff00ff;--color-accent-primary-rgb: 255, 0, 255;--color-accent-secondary: #ff69b4;--color-accent-secondary-rgb: 255, 105, 180;--color-accent-gradient: linear-gradient(to right, var(--color-accent-primary), var(--color-accent-secondary));--color-status-success: #00ff7f;--color-status-success-rgb: 0, 255, 127;--color-status-warning: #ffd700;--color-status-warning-rgb: 255, 215, 0;--color-status-danger: #ff1493;--color-status-danger-rgb: 255, 20, 147;--color-status-info: #00bfff;--color-status-info-rgb: 0, 191, 255;--color-status-neutral: #708090;--color-status-neutral-rgb: 112, 128, 144;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", Monaco, monospace;--font-size-1: .75rem;--font-size-2: .875rem;--font-size-3: 1rem;--font-size-4: 1.125rem;--font-size-5: 1.25rem;--font-size-6: 1.5rem;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--channel-btn-font-size: .9rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--border-width-sm: 1px;--border-width-md: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-color-rgb: 0, 0, 0;--shadow-sm: 0 1px 2px 0 rgba(var(--shadow-color-rgb), .1);--shadow-md: 0 4px 6px -1px rgba(var(--shadow-color-rgb), .1), 0 2px 4px -1px rgba(var(--shadow-color-rgb), .06);--shadow-lg: 0 10px 15px -3px rgba(var(--shadow-color-rgb), .1), 0 4px 6px -2px rgba(var(--shadow-color-rgb), .05);--shadow-focus-ring: 0 0 0 3px rgba(var(--color-accent-primary-rgb), .4);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--opacity-subtle: .1;--opacity-light: .15;--opacity-medium: .25;--opacity-strong: .5;--opacity-heavy: .75;--opacity-10: .1;--opacity-25: .25;--opacity-50: .5;--opacity-75: .75;--bg-primary: linear-gradient(to right, #0f0c29 0%, #302b63 100%);--bg-secondary: #1a1a2e;--bg-tertiary: #24243e;--bg-hover: #302b63;--bg-primary-rgb: 15, 12, 41;--bg-secondary-rgb: 26, 26, 46;--bg-tertiary-rgb: 36, 36, 62;--text-primary: #e0e0ff;--text-secondary: #b3b3ff;--text-tertiary: #9999ff;--text-primary-rgb: 224, 224, 255;--text-secondary-rgb: 179, 179, 255;--text-tertiary-rgb: 153, 153, 255;--accent: linear-gradient(to right, #ff00ff 0%, #ff69b4 100%);--accent-hex: #ff00ff;--accent-rgb: 255, 0, 255;--accent-hover: linear-gradient(to right, #ff69b4 0%, #ff1493 100%);--ui-bg-light: #302b63;--ui-bg-lighter: #24243e;--ui-text: #b3b3ff;--ui-text-dark: #e0e0ff;--status-online: #00ff7f;--status-away: #ffd700;--status-busy: #ff0000;--status-offline: #708090;--color-success: #00ff7f;--color-info: #00bfff;--color-warning: #ffd700;--color-danger: #ff0000;--modal-bg: #0f0c29;--modal-header-bg: #24243e;--modal-text: #e0e0ff;--modal-overlay: rgba(0, 0, 0, .6);--modal-border: rgba(255, 0, 255, .1);--dark-bg-primary: #000000;--dark-bg-secondary: #0f0c29;--error: #ff1493;--border: #302b63;--border-rgb: 48, 43, 99}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family-sans);background-color:var(--color-background-primary);color:var(--color-text-primary);overflow:hidden;height:100vh;height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-6)}h2{font-size:var(--font-size-5)}h3{font-size:var(--font-size-4)}p{margin-bottom:var(--space-4);line-height:var(--line-height-normal)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--duration-fast) ease-out}a:hover{color:var(--color-accent-secondary);text-decoration:underline}*:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}::-webkit-scrollbar{width:var(--space-2);height:var(--space-2)}::-webkit-scrollbar-track{background:rgba(var(--color-background-primary-rgb),var(--opacity-50))}::-webkit-scrollbar-thumb{background:var(--color-background-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button{background:transparent;color:var(--text-primary);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-2);font-weight:var(--font-weight-medium);transition:all var(--duration-instant);box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button:hover{background:var(--bg-hover)}button:active{transform:scale(.98)}button:disabled{opacity:var(--opacity-50);cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff;padding:.625rem 1.25rem;font-weight:var(--font-weight-semibold)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:.625rem 1.25rem}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-2)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff;padding:.625rem 1.25rem;font-weight:var(--font-weight-semibold)}.btn-danger:hover{filter:brightness(1.1)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-sm);color:var(--text-secondary)}.btn-icon:hover{background:rgba(var(--accent-rgb),var(--opacity-light));color:var(--accent-hex)}.btn-sm{height:28px;padding:.25rem .75rem;font-size:var(--font-size-1)}.btn-lg{height:44px;padding:.75rem 1.5rem;font-size:var(--font-size-3)}input,textarea{background:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-2);transition:all var(--duration-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:var(--shadow-focus-ring)}.input-container textarea::placeholder{color:var(--color-text-secondary)}.input-container .send-button{background:var(--color-accent-gradient);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-2);font-weight:var(--font-weight-medium)}.input-container .send-button:disabled{opacity:var(--opacity-50)}.spoiler{background:var(--color-text-primary);color:transparent;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--duration-normal) ease}.spoiler:hover{background:var(--color-text-secondary)}.spoiler.revealed{background:var(--color-background-secondary);color:var(--color-text-primary);-webkit-user-select:text;user-select:text;cursor:text}.emoji-inline{width:1.25em;height:1.25em;vertical-align:-.2em;display:inline-block;object-fit:contain}.emote{width:2em;height:2em;max-width:128px;max-height:128px;vertical-align:-.4em;display:inline-block;object-fit:contain}.avatar,.avatar-placeholder,.profile-picture,.user-avatar,.dm-avatar,.dm-list-avatar{aspect-ratio:1 / 1;border-radius:var(--radius-full);object-fit:cover;display:flex;align-items:center;justify-content:center;flex-shrink:0}.panel-header{display:flex;align-items:center;gap:var(--space-2);height:52px;padding:0 var(--space-3);background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.panel-header h2,.panel-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.panel-content{flex:1;overflow-y:auto;min-height:0}.panel-footer{flex-shrink:0;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-top:1px solid var(--border)}@media (max-width: 768px){.user-panel-container,.dm-panel-container{display:none}.user-panel-container.mobile-visible,.dm-panel-container.mobile-visible{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;background:var(--color-background-primary)}.main-content{flex:1;width:100%}.business-hub-btn{left:auto;right:var(--space-5);bottom:var(--space-5);padding:var(--space-2) var(--space-3);font-size:var(--font-size-2)}.pureref-button-container{bottom:var(--space-3);right:var(--space-3)}.pureref-button-container button{padding:var(--space-1) var(--space-2);font-size:var(--font-size-2)}}@media (max-width: 480px){button{padding:var(--space-1) var(--space-2);font-size:var(--font-size-2)}input,textarea{padding:var(--space-2);font-size:var(--font-size-2)}.business-hub-btn{right:var(--space-3);bottom:var(--space-3)}}@media (max-width: 768px){button{touch-action:manipulation}button:active,[role=button]:active{opacity:var(--opacity-75)}body{overflow-x:hidden}.messages,.channel-list,.user-list,.dm-messages,.dm-list{-webkit-overflow-scrolling:touch}.chat-container,.dm-panel,.channel-sidebar,.user-panel{overscroll-behavior:contain}input,textarea,select{font-size:16px!important}}@supports (padding: env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.input-wrapper{padding-bottom:calc(var(--space-1) + env(safe-area-inset-bottom))}}@media (max-width: 768px){[role=dialog],.modal-overlay,.modal-content{max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal input[type=text],.modal input[type=email],.modal textarea{min-height:44px;font-size:16px!important}}@media (prefers-contrast: high){:root{--color-border-primary: 1px solid var(--color-text-primary)}}.user-name,.username,.dm-username,.message-author,.user-info-btn .user-name,.conversation-name{font-family:var(--uniform-font-family, inherit);font-size:var(--uniform-font-size, inherit);font-weight:var(--uniform-font-weight, inherit);font-style:var(--uniform-font-style, inherit)}:root[data-theme=vscode-high-contrast] .channel-sidebar{border-right:var(--border-width-md) solid var(--color-status-info)}:root[data-theme=vscode-high-contrast] .channel-list{border-top:var(--border-width-md) solid var(--color-status-info)}:root[data-theme=vscode-high-contrast] .channel-item{border-left:var(--border-width-md) solid transparent;transition:border-left-color var(--duration-fast)}:root[data-theme=vscode-high-contrast] .channel-item:hover,:root[data-theme=vscode-high-contrast] .channel-item.active{border-left-color:var(--color-status-info)}:root[data-theme=vscode-high-contrast] .chat-header{border-bottom:var(--border-width-md) solid var(--color-status-info)}:root[data-theme=vscode-high-contrast] .dm-list-panel{border-left:var(--border-width-md) solid var(--color-status-info)}:root[data-theme=vscode-high-contrast] .panel-header{border-bottom:var(--border-width-md) solid var(--color-status-info)}:root[data-theme=vscode-high-contrast] .tab-switcher{border-bottom:none;margin-bottom:0}:root[data-theme=vscode-high-contrast] .tab-switcher:after{color:var(--color-status-info);font-size:var(--font-size-3)}:root[data-theme=vscode-high-contrast] .tab-btn{font-size:var(--font-size-2);color:var(--color-text-primary)}:root[data-theme=vscode-high-contrast] .tab-btn.active{color:var(--color-status-info)}:root[data-theme=vscode-high-contrast] .tab-btn.active:after{background:var(--color-status-info)}:root[data-theme=vscode-high-contrast] .conversations-list,:root[data-theme=vscode-high-contrast] .users-list{border-top:var(--border-width-sm) solid var(--color-status-info)}:root[data-theme=vscode-high-contrast] .conversation-item,:root[data-theme=vscode-high-contrast] .user-item{border-left:var(--border-width-md) solid transparent;transition:border-left-color var(--duration-fast)}:root[data-theme=vscode-high-contrast] .conversation-item:hover,:root[data-theme=vscode-high-contrast] .user-item:hover{border-left-color:var(--color-status-info)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pureref-button-container.svelte-1g7j3ip{position:fixed;bottom:20px;right:20px;z-index:1000}.viewer-overlay.svelte-1g7j3ip{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer}.viewer-content.svelte-1g7j3ip{max-width:90vw;max-height:90vh;cursor:default}.viewer-content.svelte-1g7j3ip img:where(.svelte-1g7j3ip){max-width:100%;max-height:100%;object-fit:contain}.update-notification.svelte-12qhfyh{position:fixed;bottom:2rem;right:2rem;z-index:9999;animation:svelte-12qhfyh-slideIn .3s ease-out}.update-content.svelte-12qhfyh{background:linear-gradient(135deg,#5865f2f2,#8b5cf6f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;gap:1rem;max-width:400px}.update-icon.svelte-12qhfyh{font-size:2rem;flex-shrink:0}.update-text.svelte-12qhfyh{flex:1}.update-text.svelte-12qhfyh h3:where(.svelte-12qhfyh){margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#fff}.update-text.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0;font-size:.875rem;color:#ffffffe6}.update-actions.svelte-12qhfyh{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.update-btn.svelte-12qhfyh{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.update-btn.primary.svelte-12qhfyh{background:#fff;color:#5865f2}.update-btn.primary.svelte-12qhfyh:hover{background:#ffffffe6;transform:translateY(-1px)}.update-btn.secondary.svelte-12qhfyh{background:#fff3;color:#fff}.update-btn.secondary.svelte-12qhfyh:hover{background:#ffffff4d}@keyframes svelte-12qhfyh-slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.update-notification.svelte-12qhfyh{bottom:1rem;right:1rem;left:1rem}.update-content.svelte-12qhfyh{max-width:100%}.update-actions.svelte-12qhfyh{flex-direction:row}}