:root{--accent: #185fa5;--accent-tint: #e6f1fb;--accent-tint-deep: #dce9f6;--accent-on: #ffffff;--bg-main: #ffffff;--bg-side: #f7f7f5;--bg-hover: #fafaf8;--bg-selected: #f0f0ed;--chip: #eeeeea;--text-1: #1a1a19;--text-2: #5f5e5a;--text-3: #888780;--text-faint: #a6a59e;--border-06: rgba(0, 0, 0, .06);--border-08: rgba(0, 0, 0, .08);--border-10: rgba(0, 0, 0, .1);--border-14: rgba(0, 0, 0, .14);--window-shadow: 0 20px 60px rgba(0, 0, 0, .14);--pop-shadow: 0 8px 24px rgba(0, 0, 0, .12);--online: #1d9e75;--away: #ef9f27;--dnd: #e24b4a;--badge-red: #e24b4a;--code-chip-bg: #f0f0ed}[data-theme=dark]{--accent: #5aa0e8;--accent-tint: rgba(90, 160, 232, .15);--accent-tint-deep: rgba(90, 160, 232, .2);--accent-on: #ffffff;--bg-main: #1b1e24;--bg-side: #15171b;--bg-hover: #202329;--bg-selected: #262a31;--chip: #2a2e36;--text-1: #e7e7e4;--text-2: #a6a5a0;--text-3: #8b8a85;--text-faint: #6c6b66;--border-06: rgba(255, 255, 255, .08);--border-08: rgba(255, 255, 255, .1);--border-10: rgba(255, 255, 255, .12);--border-14: rgba(255, 255, 255, .16);--window-shadow: 0 24px 70px rgba(0, 0, 0, .55);--pop-shadow: 0 10px 30px rgba(0, 0, 0, .5);--code-chip-bg: #262a31}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-main);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-14) transparent}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-14);border-radius:999px;border:3px solid transparent;background-clip:padding-box}@keyframes tdot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes tspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}