*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: linear-gradient(to right, #0f0c29 0%, #302b63 100%);--bg-secondary: #1a1a2e;--bg-tertiary: #24243e;--bg-hover: #302b63;--text-primary: #e0e0ff;--text-secondary: #b3b3ff;--text-tertiary: #9999ff;--accent: linear-gradient(to right, #ff00ff 0%, #ff69b4 100%);--accent-hover: linear-gradient(to right, #ff69b4 0%, #ff1493 100%);--border: none;--status-online: #00ff7f;--status-online-hover: #00fa9a;--status-away: #ffd700;--status-away-hover: #ffc300;--status-busy: #ff0000;--status-busy-hover: #cc0000;--status-offline: #708090;--color-success: #00ff7f;--color-success-hover: #00fa9a;--color-info: #00bfff;--color-info-hover: #1e90ff;--color-warning: #ffd700;--color-warning-hover: #ffc300;--color-danger: #ff0000;--color-danger-hover: #cc0000;--color-danger-dark: #990000;--modal-bg: #0f0c29;--modal-overlay: rgba(48, 43, 99, .7);--modal-border: none;--modal-header-bg: #24243e;--modal-text: #e0e0ff;--modal-text-secondary: #b3b3ff;--modal-text-muted: #9999ff;--ui-bg-light: #302b63;--ui-bg-lighter: #24243e;--ui-border-light: none;--ui-border: none;--ui-text: #b3b3ff;--ui-text-dark: #e0e0ff;--pinned-bg: #4b0082;--pinned-bg-hover: #6a1b9a;--pinned-border: none;--pinned-text: #e0e0ff;--pinned-text-dark: #ff00ff;--pinned-text-secondary: #ee82ee;--bg-info-light: #302b63;--bg-info-lighter: #24243e;--bg-warning-light: #4b0082;--shadow-sm: rgba(123, 104, 238, .1);--shadow-md: rgba(123, 104, 238, .15);--shadow-lg: rgba(123, 104, 238, .2);--dark-bg-primary: #000000;--dark-bg-secondary: #0f0c29;--error: #ff1493}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}button{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:0;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:none}button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:none}button:active{transform:translateY(0);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,textarea{background:var(--ui-bg-lighter);color:var(--text-primary);border:none;padding:.625rem;border-radius:0;font-size:.9rem;transition:all .2s}input:focus,textarea:focus{outline:none;border:none;box-shadow:none}.input-container textarea::placeholder{color:var(--text-secondary)}.input-container .send-button{background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:0;font-size:.9rem;font-weight:500}.input-container .send-button:disabled{opacity:.4}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ui-bg-light)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#7b68ee,#9370db);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#9370db,#8a2be2)}.spoiler{background:var(--text-primary);color:transparent;padding:.125rem .25rem;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.spoiler:hover{background:var(--text-secondary)}.spoiler.revealed{background:var(--ui-bg-light);color:var(--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:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.app-container{flex-direction:column}.channel-sidebar-container,.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(--bg-primary)}.main-content{flex:1;width:100%}.resize-handle,.user-panel-toggle{display:none}.business-hub-btn{left:auto;right:20px;bottom:20px;padding:.5rem .8rem;font-size:.8rem}.pureref-button-container{bottom:10px;right:10px}.pureref-button-container button{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){button{padding:.4rem .8rem;font-size:.8rem}input,textarea{padding:.5rem;font-size:.85rem}.business-hub-btn{right:10px;bottom:10px}}@media (max-width: 768px){button{touch-action:manipulation}button:active,[role=button]:active{opacity:.85}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(.5rem + env(safe-area-inset-bottom))}.input-wrapper{padding-bottom:calc(.25rem + env(safe-area-inset-bottom))}}@media (prefers-contrast: high){:root{--border: 1px solid var(--text-primary)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.pureref-button-container.svelte-1cxenng.svelte-1cxenng{position:fixed;bottom:20px;right:20px;z-index:1000}.viewer-overlay.svelte-1cxenng.svelte-1cxenng{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;cursor:pointer}.viewer-content.svelte-1cxenng.svelte-1cxenng{max-width:90vw;max-height:90vh;cursor:default}.viewer-content.svelte-1cxenng img.svelte-1cxenng{max-width:100%;max-height:100%;object-fit:contain}