:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7f8;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:left;width:100%;margin:0;padding:0}button{font-family:inherit}.spinner{border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;width:36px;height:36px;animation:1s infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}:root{--bg-app:#f5f7f8;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-hover:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--divider-color:#f3f4f6;--primary-color:#007aff;--primary-hover:#0056b3;--primary-color-light:#007aff1a;--text-on-primary:#fff;--danger-color:#ef4444;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-primary);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html.dark{--bg-app:#000;--bg-primary:#121212;--bg-secondary:#27272a;--bg-hover:#3f3f46;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border-color:#27272a;--divider-color:#18181b;--primary-color:#fff;--primary-hover:#e4e4e7;--primary-color-light:#ffffff26;--text-on-primary:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}a{color:var(--primary-color);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--primary-hover)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}h1{color:var(--text-primary);font-size:3.2em;line-height:1.1}button{background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--primary-color);background-color:var(--bg-hover)}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:.8}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-tertiary);opacity:.6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.channel-item:hover{background-color:var(--bg-hover)!important}.channel-item:active{transform:scale(.98)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}