:root,[data-theme=light]{--sidebar-bg: #3F0E40;--sidebar-bg-hover: #350D36;--sidebar-bg-active: #1164A3;--sidebar-text: #CFC3CF;--sidebar-text-bright: #FFFFFF;--sidebar-text-muted: #AB9BAB;--sidebar-border: #522653;--rail-bg: #2C0A2E;--rail-text: #CFC3CF;--rail-active: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8F8F8;--bg-hover: #F0F0F0;--bg-input: #FFFFFF;--text-primary: #1D1C1D;--text-secondary: #616061;--text-muted: #868686;--text-link: #1264A3;--border-color: #E0E0E0;--border-light: #EEEEEE;--accent: #1264A3;--green: #007A5A;--red: #E01E5A;--yellow: #ECB22E;--rail-width: 70px;--sidebar-width: 260px;--header-height: 49px;--modal-bg: #FFFFFF;--modal-overlay: rgba(0,0,0,.4);--toast-bg: #1D1C1D;--toast-text: #FFFFFF;--skeleton-base: #E0E0E0;--skeleton-shine: #F0F0F0;--popover-bg: #FFFFFF;--popover-border: #E0E0E0;--popover-shadow: 0 8px 32px rgba(0,0,0,.15);--code-bg: #F5F5F5;--code-border: #E0E0E0;--badge-bg: #E01E5A;--badge-text: #FFFFFF;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}[data-theme=dark]{--sidebar-bg: #1A1D21;--sidebar-bg-hover: #26292E;--sidebar-bg-active: #1164A3;--sidebar-text: #D1D2D3;--sidebar-text-bright: #FFFFFF;--sidebar-text-muted: #9B9C9E;--sidebar-border: #35373B;--rail-bg: #111215;--rail-text: #D1D2D3;--rail-active: #FFFFFF;--bg-primary: #1A1D21;--bg-secondary: #222529;--bg-hover: #2C2F33;--bg-input: #222529;--text-primary: #D1D2D3;--text-secondary: #ABABAD;--text-muted: #7A7B7E;--text-link: #1D9BD1;--border-color: #35373B;--border-light: #2C2F33;--accent: #1D9BD1;--green: #2BAC76;--red: #E01E5A;--yellow: #ECB22E;--modal-bg: #222529;--modal-overlay: rgba(0,0,0,.6);--toast-bg: #D1D2D3;--toast-text: #1A1D21;--skeleton-base: #35373B;--skeleton-shine: #3E4147;--popover-bg: #222529;--popover-border: #35373B;--popover-shadow: 0 8px 32px rgba(0,0,0,.4);--code-bg: #2C2F33;--code-border: #35373B;--badge-bg: #E01E5A;--badge-text: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,[role=button],[tabindex]{touch-action:manipulation}color: var(--text-primary); height: 100vh; overflow: hidden; font-size: 15px; line-height: 1.46668; -webkit-font-smoothing: antialiased; } #root{height:100vh}a{color:var(--text-link);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit;transition:background .15s,color .15s,transform .1s,opacity .15s,box-shadow .15s}button:hover{opacity:.9}button:active{transform:scale(.98)}input,textarea,select{font:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:9px 11px;outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1264a326}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#555}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#777}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:8px;z-index:9999;pointer-events:none}.toast{pointer-events:auto;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;box-shadow:0 4px 16px #0003;animation:slideUp .25s ease,fadeOut .3s ease 3.2s forwards;display:flex;align-items:center;gap:8px;max-width:420px}.toast-success{background:var(--green);color:#fff}.toast-error{background:var(--red);color:#fff}.toast-info{background:var(--accent);color:#fff}.toast-undo{background:var(--toast-bg);color:var(--toast-text)}.toast-undo button{color:var(--accent);font-weight:700;text-decoration:underline;cursor:pointer;background:none;border:none}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:400px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:600;animation:fadeIn .15s ease}.confirm-dialog{background:var(--modal-bg);border-radius:var(--radius-lg);padding:24px;width:400px;box-shadow:var(--popover-shadow);animation:scaleIn .2s ease}.confirm-title{font-size:18px;font-weight:800;margin-bottom:8px}.confirm-message{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.confirm-cancel{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-secondary);background:var(--bg-primary)}.confirm-ok{padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:#fff;border:none}.confirm-ok.danger{background:var(--red)}.confirm-ok.primary{background:var(--green)}@keyframes pulse{0%{box-shadow:0 0 #007a5a4d}70%{box-shadow:0 0 0 20px #007a5a00}to{box-shadow:0 0 #007a5a00}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes speaking{0%{box-shadow:0 0 #2bd17699}50%{box-shadow:0 0 0 12px #2bd17626,0 0 20px #2bd1764d}to{box-shadow:0 0 #2bd17699}}@keyframes speakingBorder{0%,to{border-color:#2bd176}50%{border-color:#00e676}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-density=compact]{--header-height: 40px;font-size:13px;line-height:1.38}[data-density=compact] .msg-hover{padding-top:2px!important;padding-bottom:2px!important}[data-density=compact] .sidebar-item{padding:2px 12px!important}[data-density=compact] .rich-editor-content{min-height:32px;padding:6px 10px;font-size:13px}[data-density=comfortable]{--header-height: 56px;font-size:16px;line-height:1.55}[data-density=comfortable] .msg-hover{padding-top:8px!important;padding-bottom:8px!important}[data-density=comfortable] .sidebar-item{padding:6px 16px!important}[data-density=comfortable] .rich-editor-content{min-height:52px;padding:12px 16px;font-size:16px}@media (max-width: 768px){:root{--sidebar-width: 0px;--rail-width: 0px;--header-height: 44px}body{font-size:14px;-webkit-text-size-adjust:100%}button,a,[role=button]{min-height:36px}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199;animation:fadeIn .15s ease}.mobile-sidebar-open{position:fixed;left:0;top:0;bottom:0;z-index:200;display:flex;transform:translate(0);will-change:transform;animation:slideInLeft .2s ease}.mobile-sidebar-open>*:first-child{width:60px!important}.mobile-sidebar-open>*:last-child{width:260px!important}.header-center-tab,.header-search-hint,.header-topic,.header-profile-text,.header-pin-count,.header-member-count{display:none!important}.thread-panel-mobile{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;z-index:150}.confirm-dialog{width:calc(100vw - 32px)!important;max-width:400px}.toast{max-width:calc(100vw - 32px)}.msg-toolbar-extra{display:none!important}.mobile-bottom-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.swipe-reply-indicator{position:absolute;left:-40px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .15s}.swipe-archive-indicator{position:absolute;right:-40px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .15s}.msg-input-wrapper{padding:0 8px 8px!important}.reaction-btn{min-width:40px!important;min-height:32px!important}}@media (max-width: 480px){:root{--header-height: 40px}.header-channel-name{font-size:15px!important}.controls-row{flex-wrap:wrap!important;justify-content:center!important}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9998;background:#e01e5a;color:#fff;text-align:center;padding:6px 16px;font-size:13px;font-weight:600;animation:slideDown .3s ease}.offline-banner-hidden{transform:translateY(-100%);transition:transform .3s ease}.rich-editor-content{padding:10px 14px;font-size:15px;line-height:1.46668;color:var(--text-primary);min-height:44px;max-height:200px;overflow-y:auto;outline:none}.rich-editor-content p{margin:0}.rich-editor-content p+p{margin-top:4px}.rich-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.rich-editor-content strong{font-weight:700}.rich-editor-content em{font-style:italic}.rich-editor-content s{text-decoration:line-through}.rich-editor-content code{background:var(--code-bg);padding:1px 4px;border-radius:3px;font-size:13px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;border:1px solid var(--code-border)}.rich-editor-content pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:6px;padding:12px 14px;margin:6px 0;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5}.rich-editor-content pre code{background:none;border:none;padding:0;font-size:inherit}.rich-editor-content blockquote{border-left:3px solid var(--accent);padding-left:12px;margin:4px 0;color:var(--text-secondary)}.rich-editor-content ul,.rich-editor-content ol{padding-left:24px;margin:4px 0}.rich-editor-content li{margin:2px 0}.rich-editor-content li p{margin:0}.msg-codeblock{background:var(--code-bg);border:1px solid var(--code-border);border-radius:6px;margin:6px 0;overflow:hidden}.msg-codeblock-header{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--code-border);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.msg-codeblock-copy{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:2px 6px;border-radius:3px}.msg-codeblock-copy:hover{background:var(--bg-hover);color:var(--text-primary)}.msg-codeblock pre{margin:0;padding:12px 14px;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.5}.msg-codeblock pre code{background:none;border:none;padding:0;font-size:inherit}.hljs-keyword,.hljs-selector-tag,.hljs-built_in{color:#d73a49}.hljs-string,.hljs-attr{color:#032f62}.hljs-number,.hljs-literal{color:#005cc5}.hljs-comment{color:#6a737d;font-style:italic}.hljs-function .hljs-title,.hljs-title.function_{color:#6f42c1}.hljs-type,.hljs-class .hljs-title{color:#e36209}.hljs-variable,.hljs-template-variable{color:#24292e}.hljs-meta{color:#6a737d}.hljs-tag,.hljs-name{color:#22863a}.hljs-attribute{color:#6f42c1}.hljs-symbol,.hljs-bullet{color:#005cc5}.hljs-addition{color:#22863a;background:#f0fff4}.hljs-deletion{color:#b31d28;background:#ffeef0}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-built_in{color:#ff7b72}[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-attr{color:#a5d6ff}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-literal{color:#79c0ff}[data-theme=dark] .hljs-comment{color:#8b949e}[data-theme=dark] .hljs-function .hljs-title,[data-theme=dark] .hljs-title.function_{color:#d2a8ff}[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-class .hljs-title{color:#ffa657}[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-template-variable{color:#c9d1d9}[data-theme=dark] .hljs-meta{color:#8b949e}[data-theme=dark] .hljs-tag,[data-theme=dark] .hljs-name{color:#7ee787}[data-theme=dark] .hljs-attribute{color:#d2a8ff}[data-theme=dark] .hljs-addition{color:#aff5b4;background:#2ea04326}[data-theme=dark] .hljs-deletion{color:#ffdcd7;background:#f8514926}.e2ee-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--green, #007A5A);background:#007a5a14;padding:1px 6px;border-radius:var(--radius-full)}.hover-lift{transition:transform .15s,box-shadow .15s}.hover-lift:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.hover-bg{transition:background .12s}.hover-bg:hover{background:var(--bg-hover)}.smooth-scroll{scroll-behavior:smooth}::selection{background:#1264a333}[data-theme=dark] ::selection{background:#1d9bd14d}.card-interactive{transition:border-color .15s,box-shadow .15s,transform .15s}.card-interactive:hover{border-color:var(--accent);box-shadow:0 2px 12px #0000000f}.sidebar-item:hover{background:var(--sidebar-bg-hover)!important}.msg-hover:hover{background:var(--bg-hover)}