:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", Consolas, monospace;--sh-bg: #ffffff;--sh-bg-subtle: #faf9f7;--sh-bg-hover: #f4f3ef;--sh-text: #1a1a1a;--sh-text-2: #5c5c5c;--sh-text-3: #9a9a96;--sh-orange: #ff6600;--sh-orange-soft: #fff3ea;--sh-border: #e8e6e1;--sh-border-2: #f0eee9}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;background:#0a0b0f}#root{height:100%}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:#e8a06047}.chat-root{--bg: #0a0b0f;--bg-elev: #14161d;--surface: #1d212b;--surface-2: #262b39;--border: rgba(255,255,255,.08);--border-2: rgba(255,255,255,.14);--text: #edeef2;--text-2: #a6acb9;--text-3: #646b7a;--accent: #ecaa6a;--accent-soft: rgba(236,170,106,.16);--self-bg: linear-gradient(160deg, #8a5c2a 0%, #6e4520 100%);--self-text: #fdf3e3;--self-name: #ecaa6a;--peer-bg: #272c39;--peer-text: #e8ecf3;--peer-name: #79bccd;--tick: #79bccd;--danger: #e57a70;--glow: radial-gradient(1100px 520px at 50% -10%, rgba(236,170,106,.13), transparent 72%);--noise-opacity: .025;--bubble-radius: 19px;--bubble-pad: 12px 17px;--row-gap: 4px;--group-gap: 23px;--msg-size: 16.5px;--msg-leading: 1.75;--bubble-shadow: 0 2px 12px rgba(0,0,0,.2);--bubble-maxw: 66%;color:var(--text)}.chat-root.light{--bg: #f6f2ea;--bg-elev: #fffdf8;--surface: #efe9df;--surface-2: #e6dfd2;--border: rgba(60,45,25,.12);--border-2: rgba(60,45,25,.2);--text: #2b2620;--text-2: #6d6457;--text-3: #a39a8c;--accent: #c9802f;--accent-soft: rgba(201,128,47,.15);--self-bg: linear-gradient(160deg, #f0b46e 0%, #e59a4c 100%);--self-text: #3a2410;--self-name: #b06f27;--peer-bg: #ffffff;--peer-text: #2b2620;--peer-name: #2f8aa0;--tick: #2f8aa0;--danger: #cf5a4e;--glow: radial-gradient(1100px 520px at 50% -10%, rgba(201,128,47,.1), transparent 72%);--noise-opacity: .015;--bubble-shadow: 0 2px 10px rgba(60,45,25,.1)}.app-shell{height:100%;min-height:0}.app-notice{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:300;padding:8px 14px;border-radius:999px;background:#15171e;color:#e7e8ec;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 26px #00000059;font-size:13px}.shell{height:100%;overflow-y:auto;background:var(--sh-bg);color:var(--sh-text)}.sh-header{display:flex;align-items:center;gap:16px;padding:0 28px;height:58px;border-bottom:1px solid var(--sh-border);position:sticky;top:0;background:var(--sh-bg);z-index:10}.sh-logo{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.sh-logo-mark{position:relative;width:22px;height:22px;background:var(--sh-orange);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;font-family:var(--font-mono)}.sh-unread-dot{position:absolute;top:-3px;right:-3px;width:7px;height:7px;border-radius:50%;background:#f43f5e;box-shadow:0 0 0 1.5px var(--sh-bg)}.sh-logo-text{font-weight:600;font-size:16.5px}.sh-logo-text .dim{color:var(--sh-text-3);font-weight:400;margin-left:2px}.sh-spacer{flex:1}.sh-search{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--sh-bg-subtle);border:1px solid var(--sh-border-2);border-radius:6px;color:var(--sh-text-3);font-size:12.5px;width:240px;transition:border-color .15s,box-shadow .15s}.sh-search:focus-within{border-color:var(--sh-orange);box-shadow:0 0 0 3px var(--sh-orange-soft)}.sh-search input{border:none;background:transparent;outline:none;flex:1;color:var(--sh-text);font-size:12.5px}.sh-search kbd{font-family:var(--font-mono);font-size:11px;padding:1px 5px;background:#fff;border:1px solid var(--sh-border);border-radius:3px;color:var(--sh-text-3)}.sh-date{font-family:var(--font-mono);font-size:11.5px;color:var(--sh-text-3)}.sh-main{max-width:1180px;margin:0 auto;padding:22px 28px 64px;display:grid;grid-template-columns:1fr 304px;gap:40px}.sh-tabs{display:flex;gap:2px;border-bottom:1px solid var(--sh-border);margin-bottom:4px;overflow-x:auto}.sh-tab{padding:10px 15px;font-size:14.5px;color:var(--sh-text-2);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.sh-tab:hover{color:var(--sh-text)}.sh-tab.active{color:var(--sh-orange);border-bottom-color:var(--sh-orange);font-weight:500}.sh-list{list-style:none;margin:0;padding:0}.sh-item{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:baseline;padding:12px 10px;border-radius:8px}.sh-item:hover{background:var(--sh-bg-subtle)}.sh-rank{font-family:var(--font-mono);font-size:14px;color:var(--sh-text-3);text-align:right}.sh-title{font-size:15.5px;line-height:1.5}.sh-title:hover{color:var(--sh-orange)}.sh-host{font-size:12.5px;color:var(--sh-text-3);margin-left:7px;font-family:var(--font-mono)}.sh-meta{font-size:12.5px;color:var(--sh-text-3);margin-top:4px;font-family:var(--font-mono);display:flex;gap:12px}.sh-vote{font-family:var(--font-mono);font-size:11.5px;color:var(--sh-text-3);background:none;border:1px solid var(--sh-border-2);padding:2px 7px;border-radius:10px;align-self:center}.sh-vote:hover{color:var(--sh-orange);border-color:var(--sh-orange);background:var(--sh-orange-soft)}.sh-side{display:flex;flex-direction:column;gap:20px}.sh-card{border:1px solid var(--sh-border);border-radius:8px;padding:14px 16px}.sh-card-title{font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--sh-text-3);margin:0 0 12px;font-weight:600}.sh-trend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.sh-trend li{display:flex;align-items:baseline;gap:9px;font-size:13.5px}.sh-trend .r{font-family:var(--font-mono);color:var(--sh-orange);font-weight:600;font-size:12px;min-width:14px}.sh-trend .h{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--sh-text-3)}.sh-stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--sh-border-2);font-size:13.5px}.sh-stat:last-child{border-bottom:none}.sh-stat .l{color:var(--sh-text-2)}.sh-stat .v{font-family:var(--font-mono);font-weight:500}.sh-foot{text-align:center;font-size:11px;color:var(--sh-text-3);font-family:var(--font-mono);padding:24px 0 8px;grid-column:1 / -1}@media(max-width:880px){.sh-main{grid-template-columns:1fr;padding:12px 16px 48px;gap:20px}.sh-side{display:none}.sh-search{width:150px}.sh-date{display:none}}.ov{position:fixed;inset:0;background:#0a0a0c80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade .16s ease;padding:20px}@keyframes fade{0%{opacity:0}to{opacity:1}}.pc-modal{width:340px;max-width:100%;background:#15171e;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px;box-shadow:0 24px 70px #00000080;animation:pop .2s cubic-bezier(.2,.8,.3,1.2);color:#e7e8ec;position:relative;overflow:hidden}.pc-modal:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 50% -20%,rgba(232,160,96,.16),transparent 70%);pointer-events:none}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.pc-modal.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pc-lock{width:38px;height:38px;border-radius:10px;background:#e8a06024;display:flex;align-items:center;justify-content:center;color:#e8a060;margin-bottom:14px}.pc-title{margin:0 0 4px;font-size:16px;font-weight:600}.pc-sub{margin:0 0 18px;font-size:12.5px;color:#9aa0ad}.pc-input{width:100%;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:9px;font-size:15px;font-family:var(--font-mono);background:#0f1116;color:#e7e8ec;outline:none;letter-spacing:2px;transition:border-color .15s,box-shadow .15s}.pc-input:focus{border-color:#e8a060;box-shadow:0 0 0 3px #e8a0602e}.pc-input.err{border-color:#e0685f}.pc-err{color:#e0685f;font-size:12px;margin-top:8px;height:16px;font-family:var(--font-mono)}.pc-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.pc-btn{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;font-size:13px;color:#9aa0ad}.pc-btn:hover{background:#ffffff0f;color:#e7e8ec}.pc-btn-go{background:#e8a060;color:#2a1c0e;border-color:#e8a060;font-weight:600}.pc-btn-go:hover{background:#f0ad6e}.pc-btn-go:disabled{opacity:.4;cursor:not-allowed}.pf-modal{position:relative;width:320px;max-width:100%;padding:22px 22px 18px;border-radius:16px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:0 24px 60px #0006;color:var(--text)}.pf-title{margin:0 0 16px;font-size:16px;font-weight:600}.pf-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center}.pf-close:hover{background:var(--surface);color:var(--text)}.pf-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:18px}.pf-avatar-btn{position:relative;border:none;background:transparent;padding:0;border-radius:50%;cursor:pointer;flex-shrink:0}.pf-avatar-btn:disabled{opacity:.6;cursor:progress}.pf-avatar-btn .c-avatar{border:2px solid var(--border-2)}.pf-avatar-cam{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#221606;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-elev)}.pf-avatar-side{display:flex;flex-direction:column;gap:6px;min-width:0}.pf-avatar-hint{font-size:12.5px;color:var(--text-2)}.pf-link{align-self:flex-start;border:none;background:transparent;padding:0;font-size:12.5px;color:var(--danger);cursor:pointer}.pf-link:hover{text-decoration:underline}.pf-link:disabled{opacity:.5;cursor:not-allowed}.pf-label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px}.pf-input{width:100%;padding:10px 12px;border:1px solid var(--border-2);border-radius:10px;font-size:14px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.pf-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pf-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.pf-btn{padding:8px 16px;border-radius:9px;border:1px solid var(--border-2);background:transparent;font-size:13px;color:var(--text-2)}.pf-btn:hover{background:var(--surface);color:var(--text)}.pf-btn-go{background:var(--accent);color:#221606;border-color:var(--accent);font-weight:600}.pf-btn-go:hover{filter:brightness(1.08)}.pf-btn-go:disabled{opacity:.4;cursor:not-allowed}.chat-root{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--bg);position:relative}.chat-root:before{content:"";position:fixed;inset:0;background:var(--glow);pointer-events:none;z-index:0}.chat-wrap{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;width:100%;max-width:840px;margin:0 auto;min-height:0}@media(min-width:880px){.chat-root{padding:30px 24px}.chat-wrap{background:var(--bg-elev);border:1px solid var(--border);border-radius:20px;box-shadow:0 26px 80px #0009,inset 0 1px #ffffff0a;overflow:hidden}.chat-root.light .chat-wrap{box-shadow:0 20px 60px #3c2d1929,inset 0 1px #fff9}.c-bar{padding:16px 24px;background:color-mix(in srgb,var(--bg-elev) 90%,transparent)}.c-avatar{width:44px;height:44px;font-size:18px}.c-peer-name{font-size:16.5px}.c-presence{font-size:12px}.c-scroll{padding:24px 28px 12px}.c-composer{padding:18px 24px 20px}.c-input{font-size:15px;min-height:46px;border-radius:23px}.c-cbtn,.c-send{width:46px;height:46px}}.c-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.c-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0;background:var(--peer-bg);color:var(--peer-name);border:1px solid var(--border-2)}img.c-avatar{object-fit:cover;padding:0}.c-peer{min-width:0}.c-peer-name{font-size:14.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:7px}.c-presence{font-size:11.5px;color:var(--text-2);font-family:var(--font-mono);margin-top:1px;display:flex;align-items:center;gap:5px}.c-dot{width:7px;height:7px;border-radius:50%;background:#57c98a;box-shadow:0 0 0 3px #57c98a29}.c-dot.off{background:var(--text-3);box-shadow:none}.c-bar-spacer{flex:1}.c-iconbtn{width:34px;height:34px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-2);display:flex;align-items:center;justify-content:center;transition:all .14s}.c-iconbtn:hover{background:var(--surface);color:var(--text);border-color:var(--border)}.c-iconbtn:disabled{opacity:.35;cursor:not-allowed}.c-iconbtn:disabled:hover{background:transparent;color:var(--text-2);border-color:transparent}.c-scroll{flex:1;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;min-height:0}.c-scroll::-webkit-scrollbar{width:8px}.c-scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.c-daydiv{display:flex;align-items:center;gap:12px;margin:10px 0;color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.c-daydiv:before,.c-daydiv:after{content:"";flex:1;height:1px;background:var(--border)}.c-sys{text-align:center;font-size:11.5px;color:var(--text-3);font-family:var(--font-mono);padding:6px 0}.c-group{display:flex;flex-direction:column;gap:var(--row-gap);margin-bottom:var(--group-gap);max-width:100%}.c-group.me{align-items:flex-end}.c-group.peer{align-items:flex-start}.c-ghead{display:flex;align-items:center;gap:7px;margin-bottom:3px;padding:0 4px}.c-ghead .c-avatar{width:22px;height:22px;font-size:10px}.c-group.me .c-ghead{flex-direction:row-reverse}.c-gname{font-size:12px;font-weight:600}.c-group.me .c-gname{color:var(--self-name)}.c-group.peer .c-gname{color:var(--peer-name)}.c-gtime{font-size:10.5px;color:var(--text-3);font-family:var(--font-mono)}.c-bubble{max-width:var(--bubble-maxw);padding:var(--bubble-pad);border-radius:var(--bubble-radius);font-size:var(--msg-size);line-height:var(--msg-leading);word-break:break-word;box-shadow:var(--bubble-shadow);position:relative}.c-group.me .c-bubble{background:var(--self-bg);color:var(--self-text);border-bottom-right-radius:4px}.c-group.peer .c-bubble{background:var(--peer-bg);color:var(--peer-text);border-bottom-left-radius:4px}.c-bubble.recalled{font-style:italic;color:var(--text-3);background:transparent;border:1px dashed var(--border-2);box-shadow:none}.c-msgbody{position:relative;max-width:100%}.c-msgbody.collapsed{max-height:260px;overflow:hidden}.c-msgbody.collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.22));pointer-events:none}.chat-root.light .c-msgbody.collapsed:after{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.78))}.c-msg-text{white-space:pre-wrap}.c-codeblock{margin:7px 0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#080a0e6b;max-width:100%}.chat-root.light .c-codeblock{background:#231c1412;border-color:#3c2d1929}.c-code-lang{padding:4px 10px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-2);font:11px/1.4 var(--font-mono);text-transform:lowercase}.chat-root.light .c-code-lang{border-bottom-color:#3c2d191f}.c-codeblock pre{margin:0;padding:10px 12px;overflow-x:auto;max-width:100%}.c-codeblock code{font-family:var(--font-mono);font-size:13px;line-height:1.55;white-space:pre;word-break:normal;tab-size:2}.c-codeblock pre::-webkit-scrollbar{height:8px}.c-codeblock pre::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.c-reply{border-left:2px solid var(--accent);padding:3px 8px;margin-bottom:5px;background:#7f7f7f1a;border-radius:4px;font-size:12px;cursor:pointer}.c-reply .who{color:var(--accent);font-weight:600;font-size:11px}.c-reply .txt{color:var(--text-2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.c-img{margin-top:2px;max-width:240px;max-height:240px;border-radius:10px;border:1px solid var(--border);display:block;cursor:zoom-in}.c-img-loading{width:180px;height:120px;background:var(--surface-2);cursor:default}.c-link{margin-top:6px;border:1px solid var(--border);border-radius:10px;overflow:hidden;max-width:280px;background:var(--surface);cursor:pointer;transition:border-color .14s}.c-link:hover{border-color:var(--accent)}.c-link-img{height:120px;background:var(--surface-2) center/cover no-repeat;border-bottom:1px solid var(--border)}.c-link-body{padding:8px 10px}.c-link-title{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.4}.c-link-desc{font-size:11.5px;color:var(--text-2);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c-link-host{font-size:10.5px;color:var(--text-3);font-family:var(--font-mono);margin-top:4px}.c-status{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--text-3);font-family:var(--font-mono);margin-top:3px;padding:0 4px}.c-tick{color:var(--tick);display:inline-flex}.c-tick.dim{color:var(--text-3)}.c-acts{position:absolute;top:-12px;display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px;opacity:0;transition:opacity .12s;box-shadow:0 4px 14px #00000040}.c-group.me .c-acts{right:4px}.c-group.peer .c-acts{left:4px}.c-bubble:hover .c-acts{opacity:1}.c-act{width:26px;height:26px;border:none;background:transparent;color:var(--text-2);border-radius:6px;display:flex;align-items:center;justify-content:center}.c-act:hover{background:var(--surface-2);color:var(--text)}.c-act.ok{color:var(--tick)}.c-act.danger:hover{color:var(--danger)}.c-more{display:block;margin:7px 0 0;padding:3px 0;border:none;background:transparent;color:var(--accent);font-size:12px;line-height:1.4}.c-group.me .c-more{margin-left:auto;color:color-mix(in srgb,var(--self-text) 78%,var(--accent))}.c-more:hover{text-decoration:underline}.c-quickreact{position:absolute;top:-44px;display:flex;gap:2px;padding:4px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;box-shadow:0 6px 18px #0000004d;z-index:6}.c-group.me .c-quickreact{right:0}.c-group.peer .c-quickreact{left:0}.c-qr-item{width:30px;height:30px;border:none;background:transparent;border-radius:50%;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .12s}.c-qr-item:hover{background:var(--surface-2);transform:scale(1.2)}.c-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding:0 2px;max-width:var(--bubble-maxw)}.c-reaction{display:inline-flex;align-items:center;gap:3px;padding:1px 8px 1px 6px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);font-size:12px;line-height:1.6;transition:background .12s,border-color .12s}.c-reaction:hover{border-color:var(--accent)}.c-reaction.mine{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.c-reaction .e{font-size:13px}.c-reaction .n{font-family:var(--font-mono);font-size:11px}.c-typing{display:flex;align-items:center;gap:8px;padding:4px 18px 8px;color:var(--text-2);font-size:12px;min-height:26px}.c-typing .dots{display:inline-flex;gap:3px}.c-typing .dots i{width:5px;height:5px;border-radius:50%;background:var(--peer-name);animation:tb 1.2s infinite ease-in-out}.c-typing .dots i:nth-child(2){animation-delay:.15s}.c-typing .dots i:nth-child(3){animation-delay:.3s}@keyframes tb{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.c-reply-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--border);background:var(--bg-elev);font-size:12.5px}.c-reply-bar .bar{width:3px;align-self:stretch;background:var(--accent);border-radius:2px}.c-reply-bar .who{color:var(--accent);font-weight:600;font-size:11.5px}.c-reply-bar .txt{color:var(--text-2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-imgpreview{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border);background:var(--bg-elev)}.c-imgpreview img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border-2);flex-shrink:0}.c-imgpreview .hint{flex:1;color:var(--text-2);font-size:13px}.c-imgpreview .hint.err{color:var(--danger)}.c-imgpreview .c-send:disabled,.c-imgpreview .c-iconbtn:disabled{opacity:.4;cursor:not-allowed}.c-composer{position:relative;display:flex;gap:9px;align-items:flex-end;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.c-cbtn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.emoji-panel{position:absolute;left:12px;bottom:calc(100% + 8px);width:min(340px,calc(100% - 24px));background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 36px #0006;overflow:hidden;z-index:30;animation:fade .14s ease}.emoji-tabs{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--border);overflow-x:auto}.emoji-tab{flex:0 0 auto;width:34px;height:32px;border:none;background:transparent;border-radius:8px;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.emoji-tab:hover{background:var(--surface)}.emoji-tab.active{background:var(--accent-soft)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:220px;overflow-y:auto}.emoji-cell{border:none;background:transparent;border-radius:8px;font-size:21px;line-height:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:transform .1s,background .12s}.emoji-cell:hover{background:var(--surface-2);transform:scale(1.18)}.emoji-grid::-webkit-scrollbar{width:8px}.emoji-grid::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}.c-input{flex:1;padding:10px 14px;border:1px solid var(--border-2);border-radius:20px;font-size:14px;outline:none;resize:none;min-height:42px;max-height:120px;line-height:1.5;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.c-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.c-input::placeholder{color:var(--text-3)}.c-cbtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-2);background:var(--surface);color:var(--text-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .14s}.c-cbtn:hover{color:var(--accent);border-color:var(--accent)}.c-send{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#221606;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .12s,background .14s}.c-send:hover{background:#f0ad6e}.c-send:active{transform:scale(.92)}.c-send:disabled{opacity:.4;cursor:not-allowed}.c-searchbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.c-searchbar input{flex:1;background:var(--surface);border:1px solid var(--border-2);border-radius:8px;padding:7px 11px;color:var(--text);outline:none;font-size:13px}.c-searchbar input:focus{border-color:var(--accent)}.c-search-nav{font-size:11.5px;color:var(--text-2);font-family:var(--font-mono);white-space:nowrap}mark{background:#e8a06066;color:inherit;border-radius:2px}.idle-hint{position:absolute;bottom:78px;left:50%;transform:translate(-50%);z-index:5;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:11.5px;font-family:var(--font-mono);padding:6px 12px;border-radius:20px;box-shadow:0 6px 20px #0000004d}.viewer{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:200;cursor:zoom-out;padding:24px}.viewer img{max-width:92vw;max-height:92vh;border-radius:6px}.call-layer{position:absolute;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#080a0e9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.call-card{width:min(320px,100%);padding:28px 24px 24px;border:1px solid var(--border);border-radius:18px;background:var(--bg-elev);box-shadow:0 24px 70px #00000073;text-align:center}.call-title{font-size:18px;font-weight:650;color:var(--text)}.call-sub{margin-top:6px;font-size:13px;color:var(--text-2)}.call-actions,.call-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.call-btn,.call-ctrl{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--surface-2)}.call-btn.accept{background:#35b779}.call-btn.reject,.call-ctrl.end{background:var(--danger)}.call-ctrl.off{background:var(--surface);color:var(--danger);border:1px solid var(--border-2)}.call-dock{position:absolute;left:14px;right:14px;bottom:84px;z-index:70;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg-elev) 94%,transparent);box-shadow:0 18px 60px #0000006b;overflow:hidden}.call-dock.audio{padding:18px;text-align:center}.call-video-stage{position:relative;aspect-ratio:16 / 10;background:#05070a}.call-remote{width:100%;height:100%;object-fit:cover;display:block}.call-local{position:absolute;right:12px;bottom:12px;width:26%;min-width:92px;max-width:150px;aspect-ratio:9 / 12;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#111}.call-status{position:absolute;left:12px;top:10px;padding:3px 8px;border-radius:999px;background:#0000006b;color:#fff;font-size:12px}.call-dock.video .call-controls{position:absolute;left:0;right:0;bottom:12px;margin-top:0}.call-toast{position:absolute;left:50%;bottom:92px;transform:translate(-50%);z-index:75;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:13px;box-shadow:0 10px 30px #00000057}.call-toast button{border:none;background:transparent;color:var(--accent);padding:0 4px}@media(max-width:560px){.chat-wrap{max-width:100%}.c-bar{flex-wrap:wrap;gap:8px;padding:10px}.c-peer{flex:1 1 calc(100% - 54px)}.c-peer-name,.c-presence{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-bar-spacer{display:none}.c-bar .c-iconbtn{width:32px;height:32px;flex:1 0 32px;max-width:40px}.c-bubble{--bubble-maxw: 82%}.call-dock{left:10px;right:10px;bottom:76px}}