:root{--primary:#3390ec;--primary-hover:#2a82d8;--bg:#fff;--bg-2:#f4f4f5;--hover:#f4f4f5;--active:#3390ec;--text:#000;--text-2:#707579;--border:#dfe1e5;--bubble-in:#fff;--bubble-out:#eeffde;--meta-out:#4fae4e;--link:#3390ec;--danger:#e53935;--green:#4fae4e;--shadow:0 1px 2px #10232f26;--menu-bg:#fffffff5;--chat-bg:linear-gradient(135deg, #dbddbb 0%, #6ba587 35%, #d5d88d 70%, #88b884 100%);--service-bg:#00000038;--reply-bg:#3390ec14;--out-accent:#4fae4e;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary:#8774e1;--primary-hover:#7a67d4;--bg:#212121;--bg-2:#181818;--hover:#2c2c2c;--active:#8774e1;--text:#fff;--text-2:#aaa;--border:#2f2f2f;--bubble-in:#212121;--bubble-out:#766ac8;--meta-out:#fff9;--link:#8774e1;--shadow:0 1px 2px #0000004d;--menu-bg:#212121f5;--chat-bg:linear-gradient(135deg, #1b2a24 0%, #2a3a2b 35%, #1f2b36 70%, #26303b 100%);--service-bg:#00000059;--reply-bg:#ffffff14;--out-accent:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:16px;overflow:hidden}#app{height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.icon{flex-shrink:0;display:block}.splash{place-items:center;height:100%;display:grid}.spinner{border:3px solid var(--primary);border-top-color:#0000;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.spinner.small{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:40px;height:40px;color:var(--text-2);border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s;display:inline-grid}.icon-btn:hover{background:var(--hover);text-decoration:none}.icon-btn.small{width:30px;height:30px}.btn-primary{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.02em;border-radius:10px;width:100%;height:54px;font-weight:500}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:default}.btn-link{color:var(--primary);margin-top:8px;padding:12px;font-weight:500}.btn-text{color:var(--primary);text-transform:uppercase;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}.btn-text:hover{background:var(--hover)}.btn-text.danger{color:var(--danger)}.field{margin:12px 0;display:block;position:relative}.field input{border:1px solid var(--border);background:var(--bg);border-radius:10px;outline:none;width:100%;height:54px;padding:0 16px;transition:border-color .15s}.field input:focus{border:2px solid var(--primary);padding:0 15px}.field span{background:var(--bg);color:var(--text-2);pointer-events:none;padding:0 4px;transition:all .15s;position:absolute;top:16px;left:12px}.field input:focus+span,.field input:not(:placeholder-shown)+span{font-size:13px;top:-9px}.field input:focus+span{color:var(--primary)}.checkbox{cursor:pointer;align-items:center;gap:10px;margin:12px 0;display:flex}.checkbox input{width:18px;height:18px;accent-color:var(--primary)}.badge{background:var(--green);color:#fff;border-radius:11px;flex-shrink:0;place-items:center;min-width:22px;height:22px;padding:0 7px;font-size:13px;font-weight:500;display:inline-grid}.badge.muted{background:#c4c9cc}:root[data-theme=dark] .badge.muted{background:#5b5b5b}.badge.mention{background:var(--primary);margin-right:4px}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:grid;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar-thumb{filter:blur(2px)}.avatar-online{border:2px solid var(--bg);background:#0ac630;border-radius:50%;width:14px;height:14px;position:absolute;bottom:1px;right:1px}.toast{z-index:100;color:#fff;background:#000c;border-radius:10px;max-width:90vw;padding:10px 18px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.menu-backdrop{z-index:40;position:fixed;inset:0}.menu{z-index:41;background:var(--menu-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-width:220px;padding:6px 0;position:absolute;box-shadow:0 4px 20px #0003}.menu>button{text-align:left;border-radius:8px;align-items:center;gap:16px;width:calc(100% - 12px);margin:0 6px;padding:8px 12px;font-size:15px;display:flex}.menu>button .icon{color:var(--text-2);width:20px;height:20px}.menu>button:hover{background:var(--hover)}.menu>button.danger,.menu>button.danger .icon{color:var(--danger)}.menu.ctx{position:fixed}.menu-me{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:6px;padding:8px 16px 12px;display:flex}.menu-me div{flex-direction:column;min-width:0;display:flex}.menu-me small{color:var(--text-2)}.quick-reactions{border-bottom:1px solid var(--border);gap:2px;margin-bottom:6px;padding:2px 8px 6px;display:flex}.quick-reactions button{border-radius:50%;width:32px;height:32px;font-size:22px;transition:transform .1s}.quick-reactions button:hover{transform:scale(1.25)}.modal-backdrop{z-index:60;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border-radius:14px;width:100%;max-width:400px;padding:20px 20px 12px;box-shadow:0 6px 30px #0000004d}.modal h3{margin:0 0 12px;font-weight:500}.modal-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.file-list{max-height:200px;margin:0 0 8px;padding:0;list-style:none;overflow:auto}.file-list li{color:var(--text-2);word-break:break-all;align-items:center;gap:8px;padding:4px 0;display:flex}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.pop-enter-active,.pop-leave-active{transition:opacity .15s,transform .15s}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.95)}.login{flex-direction:column;align-items:center;height:100%;padding:48px 16px 24px;display:flex;overflow:auto}.login-card{text-align:center;width:100%;max-width:400px}.login h1{justify-content:center;align-items:center;gap:4px;margin:18px 0 8px;font-size:26px;font-weight:500;display:flex}.login-sub{color:var(--text-2);margin:0 0 24px;line-height:1.4}.login-logo{height:120px;color:var(--primary);place-items:center;display:grid}.login-logo svg{width:120px;height:120px}.login-error{color:var(--danger);margin:0 0 12px}.login-foot{color:var(--text-2);text-align:center;margin-top:auto;padding-top:24px;font-size:13px}.qr-box{background:#fff;border-radius:16px;width:240px;height:240px;margin:0 auto;padding:10px;position:relative}.qr{width:100%;height:100%}.qr svg{width:100%;height:100%;display:block}.qr-loading{place-items:center;display:grid}.qr-logo{background:#3390ec;border:5px solid #fff;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-logo svg{width:100%;height:100%}.qr-steps{text-align:left;counter-reset:s;margin:0 0 16px;padding-left:0;list-style:none}.qr-steps li{counter-increment:s;align-items:flex-start;gap:12px;margin:12px 0;line-height:1.4;display:flex}.qr-steps li:before{content:counter(s);background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;font-size:13px;display:grid}.layout{height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;width:420px;min-width:300px;max-width:40vw;display:flex}.chat-pane{background:var(--chat-bg);flex:1;min-width:0;position:relative}.chat-empty{place-items:center;height:100%;display:grid}.chat-empty span,.chat-empty-hint span{background:var(--service-bg);color:#fff;border-radius:14px;padding:4px 12px;font-size:15px}.chat-empty-hint{place-items:center;min-height:200px;display:grid}.sidebar-head{align-items:center;gap:8px;height:56px;padding:8px 12px;display:flex}.menu-wrap{position:relative}.menu-wrap .menu{top:46px;left:0}.search{background:var(--bg-2);height:42px;color:var(--text-2);border:2px solid #0000;border-radius:21px;flex:1;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex}.search:focus-within{border-color:var(--primary);background:var(--bg);color:var(--primary)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.conn-bar{color:var(--text-2);justify-content:center;align-items:center;gap:10px;padding:6px;font-size:14px;display:flex}.dialog-list{overscroll-behavior:contain;flex:1;padding:0 8px 8px;overflow-y:auto}.list-caption{color:var(--text-2);padding:12px 10px 6px;font-size:14px;font-weight:500}.list-empty{text-align:center;color:var(--text-2);padding:40px 16px}.list-loading{place-items:center;padding:16px;display:grid}.dialog{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;padding:9px;display:flex}.dialog:hover{background:var(--hover)}.dialog.active{background:var(--active);color:#fff}.dialog.active .dialog-preview,.dialog.active .dialog-meta,.dialog.active .tick,.dialog.active .pin-icon,.dialog.active .sender,.dialog.active .muted-icon,.dialog.active .typing,.dialog.active .draft{color:#fff}.dialog.active .badge{color:var(--active);background:#fff}.dialog.active .avatar-online{border-color:var(--active)}.dialog-body{flex:1;min-width:0}.dialog-row{align-items:center;gap:6px;display:flex}.dialog-row+.dialog-row{margin-top:3px}.dialog-title{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:4px;min-width:0;font-weight:500;display:flex;overflow:hidden}.verified{color:var(--primary);display:inline-block}.dialog.active .verified{color:#fff}.muted-icon{color:var(--text-2)}.dialog-meta{color:var(--text-2);flex-shrink:0;align-items:center;gap:2px;font-size:13px;display:flex}.tick{color:var(--green)}.dialog-preview{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.dialog-preview .sender{color:var(--text);font-weight:400}.dialog-preview.typing{color:var(--primary)}.draft{color:var(--danger);font-weight:400}.pin-icon{color:#c4c9cc;transform:rotate(45deg)}.chat{height:100%;display:flex;position:relative}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-bg{background:var(--chat-bg);z-index:0;position:absolute;inset:0}.chat-bg:after{content:"";opacity:.12;background-image:radial-gradient(circle at 20% 30%,#fff 1.5px,#0000 2px),radial-gradient(circle at 70% 60%,#fff 1px,#0000 1.5px);background-size:60px 60px,40px 40px;position:absolute;inset:0}.chat-head{z-index:2;background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;height:56px;padding:0 8px 0 16px;display:flex;position:relative}.back-btn{display:none}.chat-head-peer{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-head-text{min-width:0}.chat-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-weight:500;display:flex;overflow:hidden}.chat-subtitle{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.chat-subtitle.accent{color:var(--primary)}.messages{z-index:1;overscroll-behavior:contain;flex-direction:column-reverse;flex:1;display:flex;position:relative;overflow-y:auto}.messages-inner{flex-direction:column-reverse;width:100%;max-width:760px;margin:0 auto;padding:8px 16px 6px;display:flex}.day-sep,.unread-sep,.service{z-index:3;justify-content:center;margin:8px 0;display:flex;position:sticky;top:6px}.unread-sep,.service{position:static}.day-sep span,.service span{background:var(--service-bg);color:#fff;text-align:center;border-radius:14px;max-width:80%;padding:3px 10px;font-size:14px;font-weight:500}.unread-sep span{text-align:center;background:var(--bg);width:100%;color:var(--text-2);opacity:.9;margin:0 -16px;padding:4px;font-size:14px}.msg-row{align-items:flex-end;gap:6px;margin-top:2px;display:flex}.msg-row.first{margin-top:8px}.msg-row.out{justify-content:flex-end}.msg-row.highlight .bubble{animation:1.6s highlight}@keyframes highlight{0%,60%{filter:brightness(.8)}}.msg-avatar{flex-shrink:0;width:34px}.bubble{background:var(--bubble-in);border-radius:var(--radius);min-width:60px;max-width:min(480px,85%);box-shadow:var(--shadow);word-wrap:break-word;overflow-wrap:anywhere;padding:6px 9px;line-height:1.35;position:relative}.bubble.out{background:var(--bubble-out)}.bubble.tail{border-bottom-left-radius:4px}.bubble.out.tail{border-bottom-left-radius:var(--radius);border-bottom-right-radius:4px}.bubble.bare{box-shadow:none;background:0 0;padding:0}.bubble.media-only{padding:0;overflow:hidden}.bubble.album{padding:3px}.bubble.album .msg-text{padding:3px 6px 0}.msg-name{margin-bottom:2px;font-size:14px;font-weight:500}.msg-fwd{color:var(--primary);margin-bottom:4px;font-size:14px}.bubble.out .msg-fwd{color:var(--out-accent)}.msg-reply{background:var(--reply-bg);border-left:3px solid var(--primary);cursor:pointer;border-radius:4px 6px 6px 4px;flex-direction:column;min-width:0;margin:2px 0 5px;padding:3px 8px;font-size:14px;display:flex}.bubble.out .msg-reply{border-color:var(--out-accent);background:#4fae4e1f}:root[data-theme=dark] .bubble.out .msg-reply{background:#ffffff1f}.msg-reply span{white-space:nowrap;text-overflow:ellipsis;color:var(--text);overflow:hidden}.bubble.media-only .msg-reply,.bubble.media-only .msg-fwd,.bubble.media-only .msg-name{margin:6px 9px}.msg-text{white-space:pre-wrap}.msg-text pre,.msg-text code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.msg-text code{background:var(--reply-bg);border-radius:4px;padding:0 3px}.msg-text pre{background:var(--reply-bg);white-space:pre;border-radius:6px;margin:4px 0;padding:6px 8px;overflow-x:auto}.msg-text blockquote{border-left:3px solid var(--primary);background:var(--reply-bg);border-radius:4px;margin:4px 0;padding:2px 8px}.msg-text .link,.bubble.out .msg-text a{color:var(--link)}:root[data-theme=dark] .bubble.out .msg-text a,:root[data-theme=dark] .bubble.out .msg-text .link{color:#fff;text-decoration:underline}.spoiler{background:var(--text-2);color:#0000;cursor:pointer;border-radius:4px;transition:all .2s}.spoiler.revealed{color:inherit;background:0 0}.meta-spacer{width:64px;display:inline-block}.bubble.out .meta-spacer{width:80px}.msg-meta{float:right;color:var(--text-2);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:3px;margin:6px -2px -4px 8px;font-size:12px;display:inline-flex;position:relative;bottom:0}.msg-text+.msg-meta,.msg-text~.msg-meta{float:none;margin:0;position:absolute;bottom:5px;right:9px}.bubble.out .msg-meta{color:var(--meta-out)}.msg-meta.overlay{background:#00000059;border-radius:10px;margin:0;padding:1px 6px;position:absolute;bottom:6px;right:6px;color:#fff!important}.msg-meta .failed{color:var(--danger)}.eye{opacity:.8}.big-emoji{padding-bottom:18px;font-size:48px;line-height:1.15}.big-emoji[data-count="1"]{font-size:72px}.reactions{clear:both;flex-wrap:wrap;gap:4px;margin:6px 0 2px;display:flex}.reaction{background:var(--reply-bg);color:var(--primary);border-radius:14px;align-items:center;gap:4px;padding:2px 8px;font-size:15px;display:inline-flex}.reaction small{font-size:13px;font-weight:500}.reaction.chosen{background:var(--primary);color:#fff}.bubble.out .reaction{color:var(--green);background:#4fae4e2e}.bubble.out .reaction.chosen{background:var(--green);color:#fff}:root[data-theme=dark] .bubble.out .reaction{color:#fff;background:#ffffff26}:root[data-theme=dark] .bubble.out .reaction.chosen{color:var(--bubble-out);background:#fff}.bubble:has(.reactions) .msg-meta{float:right;margin:4px 0 0 8px;position:static}.inline-buttons{clear:both;flex-direction:column;gap:2px;margin:6px -9px -6px;padding:2px;display:flex}.ib-row{gap:2px;display:flex}.ib{text-align:center;background:var(--reply-bg);border-radius:8px;flex:1;padding:7px;font-size:14px;font-weight:500}.ib.disabled{color:var(--text-2);cursor:default;text-decoration:none}.media-photo,.media-round{cursor:pointer;background:#0000000f;display:block;position:relative;overflow:hidden}.bubble:not(.media-only):not(.album) .media-photo{border-radius:8px;margin:2px -5px 4px}.media-photo img,.media-photo video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-photo img:not(.media-blur){opacity:0;transition:opacity .2s}.media-photo img.visible,.media-photo video.visible{opacity:1}.media-blur{filter:blur(8px);transform:scale(1.1)}.media-photo.spoiler img:not(.media-blur){filter:blur(24px)}.media-play{color:#fff;background:#00000073;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-badge{color:#fff;background:#00000073;border-radius:10px;padding:1px 6px;font-size:12px;position:absolute;top:6px;left:6px}.media-round{border-radius:50%;width:220px;height:220px}.media-round video,.media-round img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-round .media-badge{top:auto;bottom:10px;left:50%;transform:translate(-50%)}.media-sticker img,.media-sticker video,.lottie{object-fit:contain;width:180px;height:180px;display:block}.lottie{position:relative}.lottie-thumb{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.lottie-box{width:100%;height:100%}.album-grid{border-radius:9px;grid-template-columns:1fr 1fr;gap:2px;width:min(420px,70vw);display:grid;overflow:hidden}.album-grid[data-count="3"],.album-grid[data-count="5"],.album-grid[data-count="6"]{grid-template-columns:repeat(6,1fr)}.album-grid[data-count="3"]>*{grid-column:span 3}.album-grid[data-count="3"]>:first-child{grid-column:span 6}.album-grid[data-count="5"]>*{grid-column:span 2}.album-grid[data-count="5"]>:nth-child(-n+2){grid-column:span 3}.album-grid[data-count="6"]>*{grid-column:span 2}.album-grid>.media-photo{aspect-ratio:1;border-radius:0!important;margin:0!important}.album-grid>:not(.media-photo){grid-column:1/-1}.media-doc{color:inherit;align-items:center;gap:12px;min-width:220px;padding:4px 0;display:flex}.media-doc:hover{text-decoration:none}.doc-icon{background:var(--primary);color:#fff;text-transform:uppercase;border-radius:8px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:12px;font-weight:600;display:grid}.bubble.out .doc-icon{background:var(--green)}.doc-thumb{border-radius:8px;flex-shrink:0;width:54px;height:54px;overflow:hidden}.doc-thumb img{object-fit:cover;width:100%;height:100%}.doc-info{flex-direction:column;min-width:0;display:flex}.doc-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.doc-size{color:var(--text-2);align-items:center;gap:4px;font-size:13px;display:flex}.bubble.out .doc-size{color:var(--meta-out)}.voice{align-items:center;gap:10px;min-width:240px;padding:2px 0;display:flex}.voice-btn{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.bubble.out .voice-btn{background:var(--green)}:root[data-theme=dark] .bubble.out .voice-btn{color:var(--bubble-out);background:#fff}.voice-body{flex:1;min-width:0}.voice-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.wave{cursor:pointer;align-items:center;gap:2px;height:26px;display:flex}.wave i{background:var(--text-2);opacity:.5;border-radius:1px;width:2px}.wave i.on{background:var(--primary);opacity:1}.bubble.out .wave i{background:var(--green)}.bubble.out .wave i.on{opacity:1}:root[data-theme=dark] .bubble.out .wave i{background:#fff}.track{background:var(--reply-bg);cursor:pointer;border-radius:2px;height:4px;margin:10px 0}.track i{background:var(--primary);border-radius:2px;height:100%;display:block}.voice-meta{color:var(--text-2);font-size:13px}.bubble.out .voice-meta{color:var(--meta-out)}.media-webpage{color:inherit;border-left:3px solid var(--primary);background:var(--reply-bg);border-radius:4px 6px 6px 4px;flex-direction:column;gap:2px;margin:6px 0 2px;padding:4px 8px;font-size:14px;display:flex}.bubble.out .media-webpage{border-color:var(--out-accent)}.media-webpage:hover{text-decoration:none}.wp-site{color:var(--primary);font-weight:500}.bubble.out .wp-site{color:var(--out-accent)}.wp-title{font-weight:500}.wp-desc{white-space:pre-wrap;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wp-photo{object-fit:cover;border-radius:6px;max-width:100%;max-height:260px;margin-top:4px}.media-geo,.media-contact{color:inherit;align-items:center;gap:12px;min-width:200px;padding:4px 0;display:flex}.media-geo span,.media-contact span{flex-direction:column;display:flex}.media-geo small,.media-contact small{color:var(--text-2)}.media-geo .icon{color:var(--danger)}.media-poll{flex-direction:column;gap:6px;min-width:260px;padding:2px 0;display:flex}.media-poll small{color:var(--text-2)}.poll-answer{padding:4px 0 8px 44px;position:relative}.poll-pct{font-size:14px;font-weight:500;position:absolute;top:4px;left:0}.poll-bar{background:var(--primary);border-radius:2px;min-width:4px;height:4px;position:absolute;bottom:0;left:44px}.bubble.out .poll-bar{background:var(--green)}.poll-answer.chosen .poll-text{font-weight:500}.media-dice{font-size:72px}.media-unsupported{color:var(--text-2);font-style:italic}.to-bottom{z-index:5;background:var(--bg);width:50px;height:50px;color:var(--text-2);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:84px;right:20px;box-shadow:0 1px 4px #0003}.to-bottom .badge{background:var(--primary);position:absolute;top:-8px;right:-2px}.composer-wrap{z-index:2;width:100%;max-width:760px;margin:0 auto;padding:0 16px 16px;position:relative}.composer{align-items:flex-end;gap:8px;display:flex;position:relative}.composer-box{background:var(--bg);min-width:0;box-shadow:var(--shadow);border-radius:16px 16px 4px;flex:1}.composer-bar{align-items:center;gap:10px;padding:8px 8px 0 14px;display:flex}.composer-bar .accent,.accent{color:var(--primary)}.composer-bar-text{border-left:2px solid var(--primary);flex-direction:column;flex:1;min-width:0;padding-left:8px;font-size:14px;display:flex}.composer-bar-text b{color:var(--primary);font-weight:500}.composer-bar-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer-row{align-items:flex-end;padding:4px;display:flex}.composer-row textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:220px;padding:10px 6px;font-size:16px;line-height:1.35}.send-btn{background:var(--primary);color:#fff;width:54px;height:54px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s;display:grid}.send-btn:hover{background:var(--primary-hover)}.composer-disabled{z-index:2;text-align:center;background:var(--bg);color:var(--text-2);padding:16px;position:relative}.emoji-panel{z-index:41;background:var(--menu-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));width:min(360px,100vw - 32px);height:300px;padding:8px;display:grid;position:absolute;bottom:64px;left:0;overflow-y:auto;box-shadow:0 4px 20px #0003}.emoji-panel button{border-radius:8px;height:42px;font-size:26px}.emoji-panel button:hover{background:var(--hover)}.upload-row{background:var(--bg);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 12px;font-size:14px;display:flex}.upload-row span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.upload-bar{background:var(--reply-bg);border-radius:2px;width:100px;height:4px;overflow:hidden}.upload-bar i{background:var(--primary);height:100%;transition:width .2s;display:block}.drop-zone{z-index:50;border:3px dashed var(--primary);background:#3390ec26;place-items:center;display:grid;position:fixed;inset:0}.drop-zone span{background:var(--bg);color:var(--primary);pointer-events:none;border-radius:14px;padding:16px 24px;font-size:18px}.info-panel{background:var(--bg);border-left:1px solid var(--border);z-index:3;flex-shrink:0;width:360px;overflow-y:auto}.info-head{align-items:center;gap:12px;height:56px;padding:0 12px;font-size:18px;display:flex}.info-top{text-align:center;flex-direction:column;align-items:center;padding:12px 16px 16px;display:flex}.info-top h2{margin:14px 0 2px;font-size:20px;font-weight:500}.info-top p{color:var(--text-2);margin:0}.info-rows{padding:0 8px 16px}.info-row{border-radius:10px;align-items:flex-start;gap:24px;padding:10px 14px;display:flex}.info-row .icon{color:var(--text-2);margin-top:2px}.info-row div{word-break:break-word;flex-direction:column;min-width:0;display:flex}.info-row small{color:var(--text-2);font-size:14px}.pre{white-space:pre-wrap}.picker{flex-direction:column;max-height:80vh;padding:0;display:flex;overflow:hidden}.picker-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.picker-head input{background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:17px}.picker-list{padding:6px;overflow-y:auto}.viewer{z-index:80;color:#fff;background:#000000eb;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-head{align-items:center;gap:8px;padding:8px 12px;display:flex}.viewer-head .icon-btn{color:#fff}.viewer-head .icon-btn:hover{background:#ffffff1a}.viewer-who{flex-direction:column;flex:1;display:flex}.viewer-who small{opacity:.7}.viewer-body{flex:1;place-items:center;min-height:0;padding:8px;display:grid}.viewer-body img,.viewer-body video{object-fit:contain;background-size:cover;max-width:100%;max-height:100%}.viewer-caption{text-align:center;white-space:pre-wrap;padding:12px 16px 20px}@media (width<=1100px){.info-panel{position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #00000026}}@media (width<=760px){.sidebar{border:0;width:100%;min-width:0;max-width:none}.chat-pane{z-index:10;transition:transform .25s;position:fixed;inset:0;transform:translate(100%)}.layout.chat-open .chat-pane{transform:none}.back-btn{display:inline-grid}.chat-head{padding-left:4px}.messages-inner{padding:6px 8px}.composer-wrap{padding:0 8px calc(8px + env(safe-area-inset-bottom))}.send-btn{width:48px;height:48px}.bubble{max-width:88%}.info-panel{width:100%}.to-bottom{bottom:76px;right:12px}}