:root{--brand:#2563f0;--brand-600:#1d54da;--brand-700:#1a47b8;--brand-soft:#e8f0ff;--brand-glow:#2563f04d;--accent:#18b6c9;--online:#1fc16b;--warn:#f5a524;--danger:#f0476a;--studio:#e7ebf3;--studio-2:#dde3ee;--studio-ink:#475069;--app:#f5f7fc;--surface:#fff;--surface-2:#f1f4fa;--surface-3:#e9edf6;--rail:#11183a;--rail-ink:#aeb8d8;--rail-ink-active:#fff;--border:#e4e9f2;--border-strong:#d4dbe8;--divider:#eef1f7;--dot:transparent;--ink:#131a2e;--ink-2:#5a647e;--ink-3:#8b95ad;--bub-me:linear-gradient(180deg, #2f6bf5 0%, #2560ef 100%);--bub-me-ink:#fff;--bub-them:#fff;--bub-them-ink:#1a2236;--bub-them-border:#e6ebf4;--shadow-sm:0 1px 2px #141c380f;--shadow-md:0 6px 20px #141c381a;--shadow-lg:0 24px 60px #141c382e;--shadow-pop:0 12px 36px #141c3838;--ring:0 0 0 3px var(--brand-glow);--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif}[data-theme=dark]{--studio:#0a0e1c;--studio-2:#060912;--studio-ink:#8b96b8;--app:#0d1424;--surface:#131b30;--surface-2:#182135;--surface-3:#202c45;--rail:#0a1022;--rail-ink:#8390b6;--rail-ink-active:#fff;--border:#233048;--border-strong:#2c3a55;--divider:#1b2539;--dot:var(--divider);--ink:#e7ecf7;--ink-2:#9aa6c2;--ink-3:#6b768f;--brand-soft:#16284f;--bub-me:linear-gradient(180deg, #3a73f7 0%, #2c63ef 100%);--bub-me-ink:#fff;--bub-them:#1c2740;--bub-them-ink:#e2e8f5;--bub-them-border:#283650;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 28px 70px #0009;--shadow-pop:0 14px 40px #0009}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--studio);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.studio{background:radial-gradient(1200px 600px at 15% -10%, #2563f01a, transparent 60%), radial-gradient(900px 500px at 100% 110%, #18b6c91a, transparent 55%), linear-gradient(160deg, var(--studio) 0%, var(--studio-2) 100%);flex-direction:column;min-height:100vh;transition:background .5s;display:flex;overflow:hidden}.studio-bar{z-index:5;flex:none;align-items:center;gap:16px;padding:16px 26px;display:flex}.sb-brand{align-items:center;gap:12px;display:flex}.sb-logo{background:linear-gradient(145deg, var(--brand) 0%, #4f86ff 60%, var(--accent) 130%);width:38px;height:38px;box-shadow:0 6px 16px var(--brand-glow);color:#fff;border-radius:11px;place-items:center;display:grid}.sb-title{letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:800}.sb-sub{color:var(--studio-ink);margin-top:1px;font-size:12.5px;font-weight:500}.sb-spacer{flex:1}.theme-toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong)}.theme-toggle .knob{background:linear-gradient(145deg, var(--brand), #4f86ff);color:#fff;width:30px;height:30px;box-shadow:0 4px 10px var(--brand-glow);border-radius:50%;place-items:center;display:grid}.stage-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.stage{transform-origin:50%;align-items:flex-end;gap:54px;padding:10px 30px 30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.device-col{flex-direction:column;align-items:center;gap:16px;display:flex}.device-label{color:var(--studio-ink);letter-spacing:.01em;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.device-label .dot{background:var(--brand);border-radius:50%;width:7px;height:7px}.win{background:var(--app);width:1080px;height:716px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.win-bar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;height:38px;padding:0 14px;display:flex}.win-dots{gap:7px;display:flex}.win-dots i{border-radius:50%;width:11px;height:11px;display:block}.win-dots i:first-child{background:#ff5f57}.win-dots i:nth-child(2){background:#febc2e}.win-dots i:nth-child(3){background:#28c840}.win-bar-title{color:var(--ink-3);margin:0 auto;font-size:12.5px;font-weight:600}.win-bar-right{color:var(--ink-3);gap:4px;display:flex}.win-bar-right span{border-radius:6px;place-items:center;width:26px;height:22px;display:grid}.win-body{flex:1;min-height:0;display:flex}.navrail{background:var(--rail);flex-direction:column;flex:0 0 76px;align-items:center;gap:6px;width:76px;padding:16px 0 14px;display:flex}.navrail-logo{background:linear-gradient(145deg, var(--brand) 0%, #4f86ff 70%, var(--accent) 140%);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid;box-shadow:0 8px 18px #2563f080}.navrail-items{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.nav-item{width:48px;height:48px;color:var(--rail-ink);cursor:pointer;border-radius:14px;place-items:center;transition:all .18s;display:grid;position:relative}.nav-item:hover{color:#dfe6fb;background:#ffffff14}.nav-item.active{background:linear-gradient(145deg, var(--brand), #3f78f6);color:#fff;box-shadow:0 6px 16px #2563f073}.nav-item .nav-badge{background:var(--danger);border:2px solid var(--rail);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9.5px;font-weight:800;display:grid;position:absolute;top:6px;right:8px}.navrail-spacer{flex:1}.nav-theme{cursor:pointer;width:44px;height:44px;color:var(--rail-ink);background:#ffffff0f;border-radius:13px;place-items:center;text-decoration:none;transition:all .18s;display:grid}.nav-theme:hover{color:#fff;background:#ffffff1f}.nav-avatar{color:#fff;width:42px;height:42px;box-shadow:0 0 0 2px var(--rail), 0 0 0 4px #ffffff26;cursor:pointer;border-radius:50%;place-items:center;margin-top:8px;font-size:15px;font-weight:800;display:grid}.panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:0 0 326px;width:326px;min-height:0;display:flex}.panel-head{flex:none;padding:18px 18px 8px}.panel-title-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.panel-title{letter-spacing:-.02em;color:var(--ink);font-size:21px;font-weight:800}.panel-actions{gap:6px;margin-left:auto;display:flex}.icon-btn{cursor:pointer;background:var(--surface-2);width:34px;height:34px;color:var(--ink-2);border:none;border-radius:10px;place-items:center;transition:all .16s;display:grid}.icon-btn:hover{background:var(--brand-soft);color:var(--brand)}.icon-btn.solid{background:var(--brand);color:#fff}.icon-btn.solid:hover{background:var(--brand-600)}.search{background:var(--surface-2);color:var(--ink-3);border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;transition:all .16s;display:flex}.search:focus-within{border-color:var(--brand);background:var(--surface);box-shadow:var(--ring)}.search input{font-family:var(--font);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13.5px;font-weight:500}.search input::placeholder{color:var(--ink-3)}.filters{flex:none;gap:7px;padding:14px 18px 10px;display:flex}.filter{color:var(--ink-2);cursor:pointer;border:1px solid var(--border);white-space:nowrap;background:0 0;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;transition:all .16s}.filter:hover{border-color:var(--border-strong)}.filter.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.filter .f-count{opacity:.6;margin-left:4px}.chatlist{scrollbar-gutter:stable;flex:1;min-height:0;padding:4px 10px 14px;overflow-y:auto}.chatlist::-webkit-scrollbar{width:8px}.chatlist::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--surface);border-radius:8px}.section-label{align-items:center;gap:9px;padding:16px 12px 9px;display:flex}.section-label .sl-ic{background:var(--surface-2);width:22px;height:22px;color:var(--brand);border-radius:7px;flex:0 0 22px;place-items:center;display:grid}.section-label .sl-text{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);font-size:11.5px;font-weight:800}.section-label .sec-count{background:var(--surface-3);min-width:20px;height:20px;color:var(--ink-3);border-radius:999px;place-items:center;margin-left:auto;padding:0 7px;font-size:11px;font-weight:800;display:grid}.section-label.sep{border-top:1px solid var(--divider);margin-top:8px;padding-top:16px}.m-sec{background:var(--surface);padding:16px 16px 9px}.m-sec.sep{border-top:7px solid var(--divider)}.chatrow{cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 64px;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex;position:relative}.chatrow:hover{background:var(--surface-2)}.chatrow.active{background:var(--brand-soft)}.chatrow.active:before{content:"";background:var(--brand);border-radius:0 4px 4px 0;width:4px;height:26px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.avatar{color:#fff;letter-spacing:-.01em;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:grid;position:relative}.avatar.sq{border-radius:15px}.avatar .pin{position:absolute}.avatar-dot{background:var(--online);border:2.5px solid var(--surface);border-radius:50%;width:13px;height:13px;position:absolute;bottom:0;right:0}.chatrow.active .avatar-dot{border-color:var(--brand-soft)}.chatrow-main{flex:1;min-width:0}.chatrow-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chatrow-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.chatrow-time{color:var(--ink-3);flex:none;font-size:11.5px;font-weight:600}.chatrow.unread .chatrow-time{color:var(--brand)}.chatrow-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:3px;display:flex}.chatrow-preview{color:var(--ink-2);align-items:center;gap:5px;min-width:0;font-size:13px;font-weight:500;display:flex}.chatrow-preview-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chatrow.unread .chatrow-preview{color:var(--ink);font-weight:600}.preview-tag{color:var(--ink-3);align-items:center;gap:4px;display:inline-flex}.chatrow-badge{background:var(--brand);color:#fff;min-width:20px;height:20px;box-shadow:0 3px 8px var(--brand-glow);border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:11px;font-weight:800;display:grid}.chatrow.muted .chatrow-badge{background:var(--ink-3);box-shadow:none}.mini-check{color:var(--brand);flex:none;display:inline-flex}.conv{background:var(--app);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.conv-head{background:var(--surface);border-bottom:1px solid var(--border);z-index:2;flex:none;align-items:center;gap:6px;height:68px;padding:0 16px;display:flex}.conv-id{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.conv-id .avatar{flex-basis:42px;width:42px;height:42px;font-size:15px}.conv-id-text{min-width:0}.conv-name{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:800;overflow:hidden}.conv-status{color:var(--ink-2);align-items:center;gap:6px;margin-top:1px;font-size:12.5px;font-weight:500;display:flex}.conv-status.online{color:var(--online);font-weight:600}.conv-status .typing-dots{gap:3px;display:inline-flex}.conv-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.conv-body{background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0);background-size:22px 22px;flex-direction:column;flex:1;gap:3px;min-height:0;padding:20px 28px 12px;display:flex;overflow-y:auto}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:.45s cubic-bezier(.3,0,.2,1) ttReveal}@keyframes ttReveal{0%{clip-path:circle(0% at var(--tt-x,50%) var(--tt-y,0%))}to{clip-path:circle(150% at var(--tt-x,50%) var(--tt-y,0%))}}.conv-body::-webkit-scrollbar{width:9px}.conv-body::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.daydiv{justify-content:center;align-items:center;margin:14px 0 10px;display:flex}.daydiv span{color:var(--ink-2);background:var(--surface-3);box-shadow:var(--shadow-sm);border-radius:999px;padding:5px 14px;font-size:11.5px;font-weight:700}.unread-div{align-items:center;gap:10px;margin:14px 2px 10px;display:flex}.unread-div:before,.unread-div:after{content:"";background:linear-gradient(90deg, transparent, var(--brand-soft), transparent);flex:1;height:1px}.unread-div span{letter-spacing:.02em;color:var(--brand);background:var(--brand-soft);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800}.msg{align-items:flex-end;gap:9px;max-width:74%;margin-top:2px;display:flex}.msg.me{flex-direction:row-reverse;align-self:flex-end}.msg.first{margin-top:12px}.msg-avatar{color:#fff;visibility:hidden;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.msg.show-avatar .msg-avatar{visibility:visible}.msg-col{flex-direction:column;min-width:0;display:flex}.msg.me .msg-col{align-items:flex-end}.msg-sender{letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap;opacity:.9;max-width:260px;margin:0 0 3px 6px;font-size:12.5px;font-weight:650;line-height:1.2;overflow:hidden}.msg-bubble{background:var(--bub-them);color:var(--bub-them-ink);border:1px solid var(--bub-them-border);box-shadow:var(--shadow-sm);word-wrap:break-word;border-radius:16px 16px 16px 5px;max-width:100%;padding:9px 13px 8px;font-size:14px;line-height:1.45;position:relative}.msg.me .msg-bubble{background:var(--bub-me);color:var(--bub-me-ink);box-shadow:0 4px 12px var(--brand-glow);border:none;border-radius:16px 16px 5px}.msg.tail-mid .msg-bubble{border-radius:16px 5px 5px 16px}.msg.me.tail-mid .msg-bubble{border-radius:5px 16px 16px 5px}.msg-meta{justify-content:flex-end;align-items:center;gap:5px;margin-top:3px;display:flex}.msg-time{color:var(--bub-them-ink);opacity:.55;font-size:10.5px;font-weight:600}.msg.me .msg-time{color:#fff;opacity:.8}.msg-link{text-underline-offset:2px;word-break:break-all;text-decoration:underline}.msg:not(.me) .msg-link{color:var(--brand)}.msg.me .msg-link{color:#fff}.msg-checks{color:#fff;opacity:.5;transition:color .2s,opacity .2s;display:inline-flex}.msg-checks.read{color:#8fd0ff;opacity:1}.bubble-img{box-shadow:var(--shadow-sm);border-radius:12px;display:block;overflow:hidden}.ph-img{color:#ffffffe6;place-items:center;width:230px;height:150px;display:grid;position:relative}.ph-img .cap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;display:flex;position:absolute;bottom:8px;right:10px}.img-grid{border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;width:240px;display:grid;overflow:hidden}.img-grid .ph-img{width:100%;height:96px}.file-card{align-items:center;gap:11px;min-width:210px;max-width:100%;display:flex}.file-ico{color:#fff;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid}.file-meta{flex:1;min-width:0}.file-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.file-sub{opacity:.6;margin-top:1px;font-size:11.5px}.file-dl{opacity:.65;flex:none}.msg.me .file-dl{color:#fff}.voice{align-items:center;gap:10px;min-width:190px;display:flex}.voice .play{background:#ffffff38;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.msg:not(.me) .voice .play{background:var(--brand-soft);color:var(--brand)}.wave{flex:1;align-items:center;gap:2.5px;height:26px;display:flex}.wave i{opacity:.55;background:currentColor;border-radius:3px;width:2.5px}.msg:not(.me) .wave{color:var(--brand)}.voice-time{opacity:.7;font-size:10.5px;font-weight:700}.reactions{gap:5px;margin-top:4px;display:flex}.msg.me .reactions{justify-content:flex-end}.reaction{background:var(--surface);border:1px solid var(--border);color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 7px;font-size:12px;font-weight:700;line-height:1;transition:transform .12s;display:inline-flex}.reaction:hover{transform:translateY(-1px)}.reaction.mine{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.reaction .emo{align-items:center;font-size:13px;line-height:1;display:flex}.reaction .rc{align-items:center;line-height:1;display:flex}.msg-bubble-wrap{position:relative}.msg-actions{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);z-index:5;opacity:0;pointer-events:none;border-radius:999px;transition:opacity .12s;display:flex;position:absolute;top:-14px;overflow:hidden}.msg:not(.me) .msg-actions{left:8px}.msg.me .msg-actions{right:8px}.msg-bubble-wrap:hover .msg-actions,.msg-bubble-wrap:focus-within .msg-actions{opacity:1;pointer-events:auto}.ma-btn{cursor:pointer;width:34px;height:30px;color:var(--ink-2);background:0 0;border:none;place-items:center;transition:background .12s,color .12s;display:grid}.ma-btn+.ma-btn{border-left:1px solid var(--border)}.ma-btn:hover{background:var(--surface-2);color:var(--brand)}.react-pop{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);z-index:6;border-radius:999px;align-items:center;gap:3px;padding:5px 7px;animation:.14s pop;display:flex;position:absolute;top:-16px}.msg:not(.me) .react-pop{left:2px}.msg.me .react-pop{right:2px}.react-pop button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:19px;line-height:1;transition:transform .12s,background .12s;display:inline-flex;position:relative}.react-pop button:hover{background:var(--surface-2);z-index:2;transform:scale(1.25)}.quote{border-left:3px solid var(--brand);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:1px;margin-bottom:6px;padding:5px 10px;display:flex}.msg:not(.me) .quote{background:var(--surface-2)}.msg.me .quote{background:#ffffff2e;border-left-color:#ffffffbf}.quote-from{color:var(--brand);font-size:11.5px;font-weight:800}.msg.me .quote-from{color:#fff}.quote-text{opacity:.82;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12px;overflow:hidden}.reply-bar{background:var(--surface-2);border-left:3px solid var(--brand);border-radius:13px;align-items:center;gap:10px;margin-bottom:9px;padding:8px 10px 8px 12px;animation:.15s pop;display:flex}.reply-bar .rb-icon{color:var(--brand);flex:none;place-items:center;display:grid}.reply-bar-main{flex-direction:column;flex:1;min-width:0;display:flex}.reply-from{color:var(--brand);font-size:12px;font-weight:800}.reply-snip{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reply-hint{color:var(--ink-3);font-size:11.5px}.reply-cancel{cursor:pointer;width:28px;height:28px;color:var(--ink-3);background:0 0;border:none;border-radius:8px;flex:none;place-items:center;display:grid}.reply-cancel:hover{background:var(--surface-3);color:var(--ink)}.typing-bubble{align-items:center;gap:4px;padding:13px 15px;display:inline-flex}.typing-bubble i{background:var(--ink-3);border-radius:50%;width:7px;height:7px;animation:1.2s infinite typedot}.typing-bubble i:nth-child(2){animation-delay:.2s}.typing-bubble i:nth-child(3){animation-delay:.4s}@keyframes typedot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.composer-wrap{background:var(--surface);border-top:1px solid var(--border);flex:none;padding:12px 18px 16px;position:relative}.composer{background:var(--surface-2);border:1.5px solid var(--border);border-radius:20px;align-items:flex-end;gap:8px;padding:6px 6px 6px 8px;transition:all .16s;display:flex}.composer:focus-within{border-color:var(--brand);background:var(--surface);box-shadow:var(--ring)}.composer-btn{cursor:pointer;width:38px;height:38px;color:var(--ink-2);background:0 0;border:none;border-radius:12px;flex:0 0 38px;place-items:center;transition:all .15s;display:grid}.composer-btn:hover{background:var(--surface-3);color:var(--brand)}.composer-btn.active{color:var(--brand);background:var(--brand-soft)}.composer textarea{resize:none;font-family:var(--font);color:var(--ink);background:0 0;border:none;outline:none;flex:1;max-height:110px;padding:9px 4px;font-size:14px;font-weight:500;line-height:1.4}.composer.editing textarea{max-height:45vh}.composer textarea::placeholder{color:var(--ink-3)}.send-btn{cursor:pointer;background:var(--brand);color:#fff;width:38px;height:38px;box-shadow:0 6px 14px var(--brand-glow);border:none;border-radius:12px;flex:0 0 38px;place-items:center;transition:all .16s;display:grid}.send-btn:hover{background:var(--brand-600);transform:scale(1.04)}.send-btn:disabled{background:var(--surface-3);color:var(--ink-3);box-shadow:none;cursor:default;transform:none}.emoji-pop{background:var(--surface);border:1px solid var(--border);width:320px;box-shadow:var(--shadow-pop);z-index:30;border-radius:18px;padding:12px;animation:.16s pop;position:absolute;bottom:70px;left:18px}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.emoji-pop .ep-tabs{gap:4px;margin-bottom:8px;display:flex}.emoji-pop .ep-tab{cursor:pointer;border-radius:8px;place-items:center;width:32px;height:30px;font-size:17px;display:grid}.emoji-pop .ep-tab.active{background:var(--brand-soft)}.emoji-scroll{scrollbar-gutter:stable;max-height:184px;overflow:hidden auto}.emoji-scroll::-webkit-scrollbar{width:12px}.emoji-scroll::-webkit-scrollbar-track{background:0 0}.emoji-scroll::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--surface);background-clip:padding-box;border-radius:12px}.emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:4px;display:grid}.emoji-grid button{cursor:pointer;background:0 0;border:none;border-radius:8px;height:34px;font-size:20px;transition:background .12s,transform .12s}.emoji-grid button:hover{background:var(--surface-2);transform:scale(1.15)}.infopanel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:0 0 300px;width:300px;min-height:0;display:flex;overflow-y:auto}.infopanel::-webkit-scrollbar{width:8px}.infopanel::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}.ip-head{text-align:center;border-bottom:1px solid var(--divider);flex-direction:column;align-items:center;padding:18px;display:flex}.ip-head .avatar{flex-basis:76px;width:76px;height:76px;margin-bottom:12px;font-size:27px}.ip-name{color:var(--ink);font-size:17px;font-weight:800}.ip-role{color:var(--ink-2);margin-top:3px;font-size:13px;font-weight:500}.ip-quick{justify-content:space-between;gap:4px;width:100%;margin-top:18px;display:flex}.ip-quick button{cursor:pointer;color:var(--ink-2);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.ip-quick button .qicon{background:var(--surface-2);width:46px;height:46px;color:var(--brand);border-radius:15px;place-items:center;transition:all .16s;display:grid}.ip-quick button:hover{color:var(--brand)}.ip-quick button:hover .qicon{background:var(--brand-soft);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.ip-section{border-bottom:1px solid var(--divider);padding:16px 18px}.ip-sec-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ip-sec-title{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:800}.ip-sec-link{color:var(--brand);cursor:pointer;font-size:12px;font-weight:700}.media-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.media-thumb{aspect-ratio:1;cursor:pointer;border-radius:11px;transition:transform .14s;position:relative;overflow:hidden}.media-thumb:hover{transform:scale(1.04)}.media-thumb .ph-img{width:100%;height:100%}.media-more{background:var(--surface-3);color:var(--ink-2);place-items:center;font-size:14px;font-weight:800;display:grid}.files-list{flex-direction:column;gap:4px;display:flex}.file-row{cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:8px;transition:background .14s;display:flex}.file-row:hover{background:var(--surface-2)}.member-row{border-radius:12px;align-items:center;gap:11px;padding:7px;display:flex}.member-row .avatar{flex-basis:36px;width:36px;height:36px;font-size:13px}.member-name{color:var(--ink);font-size:13.5px;font-weight:700}.member-role{color:var(--ink-2);font-size:11.5px}.member-admin{color:var(--brand);background:var(--brand-soft);border-radius:999px;margin-left:auto;padding:3px 8px;font-size:10px;font-weight:800}.phone{width:384px;height:800px;box-shadow:var(--shadow-lg), inset 0 0 0 2px #ffffff0f;background:linear-gradient(160deg,#20283c,#0c1120);border-radius:52px;padding:13px;position:relative}[data-theme=dark] .phone{background:linear-gradient(160deg,#2a3550,#05080f)}.phone-screen{background:var(--app);border-radius:40px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-island{z-index:50;background:#05070d;border-radius:999px;width:108px;height:30px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.statusbar{height:50px;color:var(--ink);z-index:20;background:var(--surface);flex:0 0 50px;justify-content:space-between;align-items:flex-end;padding:0 26px 7px;font-size:13px;font-weight:700;display:flex}.statusbar .sb-r{align-items:center;gap:6px;display:flex}.m-screen{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.m-topbar{background:var(--surface);flex:none;padding:6px 18px 12px}.m-topbar-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.m-title{letter-spacing:-.02em;color:var(--ink);font-size:25px;font-weight:800}.m-topbar-actions{gap:8px;display:flex}.m-filters{background:var(--surface);border-bottom:1px solid var(--divider);gap:7px;padding:0 14px 8px;display:flex;overflow-x:auto}.m-list{background:var(--surface);flex:1;padding-bottom:8px;overflow-y:auto}.m-list .chatrow{border-radius:0;padding:12px 16px}.m-list .chatrow.active:before{display:none}.m-list .chatrow:hover{background:0 0}.m-list .chatrow:active{background:var(--surface-2)}.m-list .chatrow+.chatrow{border-top:1px solid var(--divider)}.m-tabbar{background:var(--surface);border-top:1px solid var(--border);flex:none;justify-content:space-around;align-items:flex-start;height:76px;padding-top:10px;display:flex}.m-tab{color:var(--ink-3);cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:64px;font-size:10.5px;font-weight:700;display:flex;position:relative}.m-tab.active{color:var(--brand)}.m-tab .m-tab-badge{background:var(--danger);border:2px solid var(--surface);color:#fff;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-3px;right:12px}.m-conv{background:var(--app);flex-direction:column;flex:1;min-height:0;animation:.28s cubic-bezier(.2,.7,.2,1) slidein;display:flex}@keyframes slidein{0%{opacity:.4;transform:translate(40px)}to{opacity:1;transform:none}}.m-conv-head{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:8px 12px 10px;display:flex}.m-back{width:36px;height:36px;color:var(--brand);cursor:pointer;border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.m-conv-id{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.m-conv-id .avatar{flex-basis:38px;width:38px;height:38px;font-size:14px}.m-conv-actions{gap:2px;display:flex}.m-conv .conv-body{padding:16px 14px 10px}.m-conv .msg{max-width:82%}.m-conv .composer-wrap{padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.m-conv .ph-img{width:180px;height:120px}.m-conv .composer textarea{font-size:16px}.scrim{z-index:40;opacity:0;pointer-events:none;background:#080c1866;transition:opacity .2s;position:absolute;inset:0}.scrim.show{opacity:1;pointer-events:auto}.m-emoji{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);z-index:35;border-radius:18px;padding:10px;animation:.16s pop;position:absolute;bottom:70px;left:12px;right:12px}.m-emoji .emoji-grid{grid-template-columns:repeat(7,1fr);max-height:150px}.phone-screen ::-webkit-scrollbar{width:0;height:0;display:none}.m-list,.m-filters,.m-conv .conv-body,.m-screen,.phone-screen [style*=overflow]{scrollbar-width:none;-ms-overflow-style:none}.m-list::-webkit-scrollbar{display:none}.m-filters::-webkit-scrollbar{display:none}.m-conv .conv-body::-webkit-scrollbar{display:none}.hidden{display:none!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lock-overlay{z-index:200;background:var(--app);place-items:center;animation:.26s lockIn;display:grid;position:fixed;inset:0}.lock-overlay:before{content:"";pointer-events:none;background:radial-gradient(720px 420px at 50% -8%, var(--brand-soft), transparent 62%);opacity:.7;position:absolute;inset:0}@keyframes lockIn{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.lock-card{z-index:1;text-align:center;flex-direction:column;align-items:center;width:340px;max-width:90vw;display:flex;position:relative}.lock-logo{filter:drop-shadow(0 10px 26px #2563f047);margin-bottom:18px}.lock-title{color:var(--ink);letter-spacing:-.01em;font-size:21px;font-weight:800}.lock-sub{color:var(--ink-2);max-width:300px;margin-top:9px;font-size:13px;line-height:1.5}.pin-dots{align-items:center;gap:16px;min-height:18px;margin:26px 0 8px;display:flex}.pin-dots i{border:2px solid var(--border-strong);border-radius:50%;width:14px;height:14px;transition:all .15s}.pin-dots i.on{background:var(--brand);border-color:var(--brand);transform:scale(1.08)}.pin-dots i.caret{background:var(--brand);border:none;border-radius:2px;width:3px;height:18px;animation:1.05s step-end infinite pinCaret}@keyframes pinCaret{0%,58%{opacity:1}59%,to{opacity:0}}.pin-dots.shake{animation:.42s pinShake}@keyframes pinShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.pin-hint{color:var(--ink-3);min-height:15px;margin-bottom:16px;font-size:11.5px;font-weight:600}.keypad{grid-template-columns:repeat(3,66px);justify-content:center;gap:16px;display:grid}.key{aspect-ratio:1;cursor:pointer;background:var(--surface-2);width:66px;height:66px;color:var(--ink);font-family:var(--font);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:background .14s,transform 80ms;display:flex}.key:hover{background:var(--surface-3)}.key:active{transform:scale(.93)}.key:disabled{cursor:default;opacity:.5}.key .num{font-size:24px;font-weight:700;line-height:1.05}.key .abc{letter-spacing:1.4px;color:var(--ink-3);font-size:8.5px;font-weight:700}.key.fn{color:var(--ink-2);background:0 0}.key.fn:hover{background:var(--surface-2);color:var(--brand)}.key.ok{background:var(--brand);color:#fff;box-shadow:0 6px 16px var(--brand-glow)}.key.ok:hover{background:var(--brand-600);color:#fff}.key.ok:disabled{background:var(--surface-2);color:var(--ink-3);box-shadow:none;opacity:.6}.lock-enc{color:var(--ink-3);align-items:center;gap:6px;margin-top:20px;font-size:12px;font-weight:600;display:inline-flex}.lock-logout{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--ink-2);font-size:13px;font-weight:700;font-family:var(--font);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:7px;margin-top:16px;padding:8px 18px;transition:all .15s;display:inline-flex}.lock-logout:hover{border-color:var(--border-strong);color:var(--ink);background:var(--surface-2)}.lock-logout svg{color:var(--ink-3)}.pf-field label svg{vertical-align:-2px;margin-right:4px}.pf-hint{color:var(--ink-3);margin-top:6px;font-size:11.5px;line-height:1.4}@media (width<=600px){.lock-card{width:290px}.keypad{grid-template-columns:repeat(3,62px);gap:13px}.key{width:62px;height:62px}}.call{z-index:320;touch-action:manipulation;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;animation:.26s callIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes callIn{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}.cc-bar{padding:20px 0 calc(26px + env(safe-area-inset-bottom));flex:none;justify-content:center;align-items:flex-start;gap:18px;display:flex}.cc-item{flex-direction:column;align-items:center;gap:9px;display:flex}.cc-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:none;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .14s,background .14s;display:grid}.cc-btn:hover{background:#ffffff3d;transform:translateY(-2px)}.cc-btn.off{color:#fff;background:#f0476aeb}.cc-btn.danger{background:#f0476a;width:64px;height:64px}.cc-btn.danger:hover{background:#e1395f;transform:translateY(-2px)}.cc-label{color:#ffffffd1;text-align:center;max-width:76px;font-size:11.5px;font-weight:600;line-height:1.25}.call-audio{background:radial-gradient(880px 480px at 50% -12%,#2563f08c,#0000 60%),radial-gradient(720px 600px at 82% 122%,#18b6c96b,#0000 55%),linear-gradient(160deg,#1a2c66 0%,#111a3e 56%,#0a1430 100%)}.call-top{flex:none;justify-content:center;align-items:center;padding:16px 18px;display:flex}.call-enc{color:#ffffffb8;background:#ffffff14;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:600;display:inline-flex}.ac-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:10px 20px;display:flex}.ac-avatar{place-items:center;width:132px;height:132px;margin-bottom:16px;display:grid;position:relative}.ac-avatar .disc{color:#fff;z-index:2;border-radius:50%;place-items:center;width:116px;height:116px;font-size:42px;font-weight:800;display:grid;position:relative;box-shadow:0 20px 50px #00000073}.ac-rings{position:absolute;inset:8px}.ac-rings span{border:2px solid #ffffff73;border-radius:50%;animation:2.6s ease-out infinite acRing;position:absolute;inset:0}.ac-rings span:nth-child(2){animation-delay:.85s}.ac-rings span:nth-child(3){animation-delay:1.7s}@keyframes acRing{0%{opacity:.55;transform:scale(.82)}to{opacity:0;transform:scale(1.55)}}.ac-name{color:#fff;letter-spacing:-.02em;font-size:26px;font-weight:800}.ac-status{color:#ffffffb8;font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:600}.ac-group{flex-wrap:wrap;justify-content:center;gap:16px 18px;max-width:480px;margin-bottom:14px;display:flex}.ac-gp{flex-direction:column;align-items:center;gap:8px;width:80px;display:flex}.ac-gp .gp-av{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:21px;font-weight:800;transition:box-shadow .2s;display:grid;position:relative}.ac-gp.speaking .gp-av{box-shadow:0 0 0 3px #1fc16b,0 0 22px #1fc16b8c}.ac-gp .gp-name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:12px;font-weight:600;overflow:hidden}.gp-mic{color:#fff;background:#14224a;border:2px solid #14224ae6;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-2px;right:-2px}.gp-mic.muted{background:#f0476a}.call-video{background:#0b1020}.vc-top{color:#fff;flex:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.vc-title{letter-spacing:-.01em;font-size:15.5px;font-weight:800}.vc-enc{color:#fff9;font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-top:2px;font-size:12px;font-weight:600;display:inline-flex}.vc-top-r{gap:8px;display:flex}.vc-chip{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.vc-stage{flex:1;min-height:0;padding:0 20px 16px;position:relative}.vc-grid{grid-auto-rows:1fr;gap:12px;height:100%;display:grid}.vc-grid.vc-n1{grid-template-columns:1fr}.vc-grid.vc-n2{grid-template-columns:repeat(2,1fr)}.vc-grid.vc-n3{grid-template-columns:repeat(3,1fr)}.vtile{background:#161e36;border-radius:18px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.vt-initials{color:#fffffff0;font-size:44px;font-weight:800}.vt-avatar{color:#fff;border-radius:50%;place-items:center;width:78px;height:78px;font-size:27px;font-weight:800;display:grid}.vtile.speaking{outline-offset:-3px;outline:3px solid #1fc16b}.vt-name{z-index:2;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c188c;border-radius:9px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;left:12px}.vt-name .mic-off{color:#ff8da3;display:inline-flex}.vc-self{z-index:5;background:#161e36;border:2px solid #ffffff29;border-radius:14px;place-items:center;width:152px;height:98px;display:grid;position:absolute;bottom:16px;right:32px;overflow:hidden;box-shadow:0 12px 30px #0000008c}.incall-top{flex:none;justify-content:center;padding:18px;display:flex}.incall-type{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.incall-mid{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.incall-av{margin-bottom:16px}.incall-ring{color:#ffffffb3;letter-spacing:.06em;margin-top:6px;font-size:14px;font-weight:600;animation:1.6s ease-in-out infinite ringPulse}@keyframes ringPulse{0%,to{opacity:.45}50%{opacity:1}}.incall-actions{padding:22px 0 calc(30px + env(safe-area-inset-bottom));flex:none;justify-content:center;align-items:flex-start;gap:36px;display:flex}.cc-btn.incall-decline{background:#f0476a;width:62px;height:62px}.cc-btn.incall-accept{background:#1fc16b;width:62px;height:62px;animation:1.4s ease-in-out infinite acceptPulse}@keyframes acceptPulse{0%,to{box-shadow:0 0 #1fc16b80}50%{box-shadow:0 0 0 12px #1fc16b00}}.cc-btn:disabled{opacity:.4;cursor:default;transform:none}.cc-btn:disabled:hover{background:#ffffff26;transform:none}.cc-btn:focus-visible,.vc-chip:focus-visible{outline-offset:3px;outline:2px solid #fff}.sysmsg-call{align-items:center;gap:6px;font-weight:600;display:inline-flex}.sysmsg-call.missed{color:#f0476a}.disc-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.call-top{position:relative}.call-min{cursor:pointer;color:#fff;touch-action:manipulation;background:#ffffff1a;border:none;border-radius:12px;place-items:center;width:40px;height:40px;transition:background .15s;display:grid}.call-top .call-min{position:absolute;top:50%;left:14px;transform:translateY(-50%)}.call-min:hover{background:#fff3}.call-min:focus-visible{outline-offset:2px;outline:2px solid #fff}.vc-top{justify-content:flex-start;gap:12px}:root{--call-strip-h:52px}.call-strip{z-index:330;height:calc(var(--call-strip-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);color:#fff;touch-action:manipulation;background:linear-gradient(108deg,#16357f 0%,#1d54da 50%,#1f86bf 100%) 0 0/165% 100%;animation:.24s stripIn,11s ease-in-out .24s infinite alternate stripSheen;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #141c384d,inset 0 1px #ffffff1f}@keyframes stripIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes stripSheen{0%{background-position:0%}to{background-position:100%}}.cs-inner{height:var(--call-strip-h);align-items:center;gap:10px;max-width:760px;margin:0 auto;padding:0 14px;display:flex}.cs-body{cursor:pointer;flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.cs-body>svg{opacity:.92;flex:none}.cs-body:focus-visible{outline-offset:3px;border-radius:8px;outline:2px solid #fff}.cs-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.cs-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cs-status{opacity:.88;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.cs-actions{flex:none;align-items:center;gap:8px;display:flex}.cs-btn{cursor:pointer;color:#fff;touch-action:manipulation;background:#ffffff2e;border:none;border-radius:50%;place-items:center;width:38px;height:38px;transition:background .14s;display:grid}.cs-btn:hover{background:#ffffff47}.cs-btn.off{background:#f0476aeb}.cs-btn.off:hover{background:#f0476a}.cs-btn.hang{background:#f0476a;box-shadow:0 3px 10px #f0476a73}.cs-btn.hang:hover{background:#e1395f}.cs-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (pointer:coarse){.cs-btn{width:42px;height:42px}}.cm-dot{background:#1fc16b;border-radius:50%;flex:none;width:9px;height:9px}.cm-dot.ring{background:#fff;animation:1.1s ease-in-out infinite cmPulse}.cm-dot.warn{background:#ffd23f}@keyframes cmPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.call-notices{top:calc(64px + env(safe-area-inset-top));z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:absolute;left:0;right:0}.call-notice{pointer-events:auto;font:inherit;color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff24;border:none;border-radius:999px;align-items:center;gap:9px;padding:12px 20px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.call-notice.tap{cursor:pointer;color:#16203c;background:#fff;animation:1.6s ease-in-out infinite notice-pulse;box-shadow:0 10px 30px #00000059}.call-notice.tap:hover{transform:scale(1.04)}.call-notice.warn{color:#ffd9e1;background:#f0476a38}@keyframes notice-pulse{0%,to{box-shadow:0 10px 30px #00000059}50%{box-shadow:0 10px 30px #00000059,0 0 0 10px #ffffff1f}}@media (width<=600px){.cc-bar{padding:16px 0 calc(18px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:12px}.cc-btn{width:52px;height:52px}.cc-btn.danger{width:60px;height:60px}.ac-avatar{width:116px;height:116px}.ac-avatar .disc{width:104px;height:104px;font-size:38px}.ac-name{font-size:23px}.vc-self{width:100px;height:132px;bottom:14px;right:14px}.vc-stage{padding:0 10px 12px}.vc-grid{gap:6px}.vc-grid.vc-n2{grid-template-columns:1fr}.vc-grid.vc-n3{grid-template-columns:repeat(2,1fr)}.incall-actions{padding-bottom:calc(26px + env(safe-area-inset-bottom));gap:28px}}.section{flex:1;min-width:0;display:flex}.section .panel{flex:0 0 326px}.callrow .call-dir{color:var(--ink-2);align-items:center;gap:5px;font-size:13px;font-weight:500;display:inline-flex}.call-dir.in{color:var(--online)}.call-dir.out{color:var(--ink-2)}.call-dir.missed,.chatrow-name.missed{color:var(--danger)}.call-count{color:var(--ink-3);margin-left:5px;font-size:13px;font-weight:600}.callback-btn{cursor:pointer;background:var(--surface-2);width:32px;height:32px;color:var(--brand);border:none;border-radius:50%;flex:0 0 32px;place-items:center;transition:all .15s;display:grid}.callback-btn:hover{background:var(--brand);color:#fff;box-shadow:0 5px 12px var(--brand-glow)}.contact-role{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;font-weight:500;overflow:hidden}.m-contact-actions{flex:none;gap:7px;display:flex}.detail{background:var(--app);scrollbar-gutter:stable;background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0);background-size:22px 22px;flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.detail-hero{text-align:center;border-bottom:1px solid var(--divider);flex-direction:column;align-items:center;padding:46px 30px 30px;display:flex}.detail-hero .avatar{box-shadow:var(--shadow-md);margin-bottom:16px}.detail-name{letter-spacing:-.02em;color:var(--ink);font-size:23px;font-weight:800}.detail-sub{color:var(--ink-2);margin-top:5px;font-size:14px;font-weight:500}.presence{color:var(--ink-3);align-items:center;gap:6px;margin-top:10px;font-size:12.5px;font-weight:700;display:inline-flex}.presence.on{color:var(--online)}.presence.on:before{content:"";background:var(--online);border-radius:50%;width:7px;height:7px}.detail-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.da-btn{font-family:var(--font);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.da-btn:hover{border-color:var(--border-strong);transform:translateY(-1px)}.da-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 6px 16px var(--brand-glow)}.da-btn.primary:hover{background:var(--brand-600)}.da-btn.soft{background:var(--surface);color:var(--brand);border-color:var(--brand);box-shadow:0 2px 8px var(--brand-glow);border-width:1.5px}.da-btn.soft:hover{background:var(--brand-soft);transform:translateY(-1px)}.detail-body{width:100%;max-width:560px;margin:0 auto;padding:24px 30px 30px}.detail-sec-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;font-size:12px;font-weight:800}.detail-empty{color:var(--ink-3);text-align:center;flex:1;place-items:center;padding:30px;font-size:13.5px;display:grid}.detail-mobile-head{display:none}.callhist{flex-direction:column;gap:8px;display:flex}.callhist-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:13px;padding:12px 14px;display:flex}.chist-ic{border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.chist-ic.in{color:var(--online);background:#1fc16b1f}.chist-ic.out{background:var(--surface-2);color:var(--ink-2)}.chist-ic.missed{color:var(--danger);background:#f0476a1f}.chist-main{flex:1;min-width:0}.chist-type{color:var(--ink);font-size:13.5px;font-weight:700}.chist-when{color:var(--ink-2);margin-top:2px;font-size:12px}.chist-kind{color:var(--ink-3);flex:none}.info-rows{flex-direction:column;gap:8px;display:flex}.inforow{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:13px;padding:13px 16px;display:flex}.ir-ic{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.ir-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.ir-val{color:var(--ink);word-break:break-word;margin-top:1px;font-size:14px;font-weight:600}.files-view{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.files-head{border-bottom:1px solid var(--border);flex:none;padding:20px 28px 16px}.files-filters{padding:16px 0 0}.fh-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.fh-top .panel-title{text-overflow:ellipsis;white-space:nowrap;justify-self:start;min-width:0;overflow:hidden}.files-search{justify-self:center;width:100%;max-width:360px}.files-body{background:var(--app);scrollbar-gutter:stable;background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0);background-size:22px 22px;flex:1;padding:22px 28px 30px;overflow-y:auto}.files-bucket{margin-bottom:26px}.bucket-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:13px;font-size:12px;font-weight:800}.files-media-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin-bottom:14px;display:grid}.fmedia{border:1px solid var(--border);font:inherit;text-align:left;background:var(--surface);cursor:zoom-in;border-radius:14px;padding:0;transition:transform .14s,box-shadow .14s;overflow:hidden}.fmedia:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fmedia-img{background:var(--surface-2);width:100%;height:116px;display:block}.fmedia-img img{object-fit:cover;width:100%;height:100%;display:block}.fmedia-meta{align-items:center;gap:7px;padding:9px 11px;display:flex}.fm-text{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.mine-tag{color:var(--brand);background:var(--brand-soft);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800}.files-doc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.fdoc{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:14px;align-items:center;gap:13px;padding:12px 14px;text-decoration:none;transition:all .14s;display:flex}.fdoc:hover .fdoc-name{color:var(--ink)}.fdoc:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.fdoc-ico{color:#fff;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:11px;font-weight:800;display:grid}.fdoc-main{flex:1;min-width:0}.fdoc-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.fdoc-sub{color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;margin-top:3px;font-size:12px;display:flex;overflow:hidden}.fdoc-chat{text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.fdoc-dot{color:var(--ink-3);flex:none}.fdoc-dl{cursor:pointer;background:var(--surface-2);width:34px;height:34px;color:var(--ink-2);border:none;border-radius:10px;flex:0 0 34px;place-items:center;text-decoration:none;transition:all .15s;display:grid}.fdoc-dl:hover{background:var(--brand-soft);color:var(--brand)}.view-loading,.view-empty{text-align:center;color:var(--ink-3);padding:40px 0;font-size:13px}.nav-item:focus-visible,.callback-btn:focus-visible,.da-btn:focus-visible,.fmedia:focus-visible,.fdoc:focus-visible,.fdoc-dl:focus-visible,.filter:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (width>=821px){.chatrow .m-contact-actions{display:none}}button,.icon-btn,.cc-btn,.composer-btn,.nav-item,.chatrow,.filter,.da-btn,.callback-btn,.fdoc,.fmedia,.m-tab,.key{touch-action:manipulation}@media (pointer:coarse){.conv-actions .icon-btn{width:44px;height:44px}}body.st-in-call:not(.st-call-mini) .toast-host{bottom:150px}.chatrow-hit{cursor:pointer;min-width:0;font:inherit;text-align:left;color:inherit;background:0 0;border:none;flex:auto;align-items:center;gap:13px;padding:0;display:flex}.chatrow-hit .chatrow-main{min-width:0}.search-clear{cursor:pointer;color:var(--ink-3);align-items:center;display:flex}.search-clear:hover{color:var(--ink-2)}.search-clear:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.empty-logo{place-items:center;width:72px;height:72px;margin:0 auto 16px;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-theme=dark] .callback-btn{color:#6ea0ff}[data-theme=dark] .da-btn.soft{color:#6ea0ff;border-color:#6ea0ff}html,body,#root{height:100%}body{overscroll-behavior-y:none;overflow:hidden}.conv-body,.chatlist,.m-list,.infopanel,.files-body{overscroll-behavior:contain}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}.st-loading{min-height:100dvh;color:var(--ink-3);justify-content:center;align-items:center;font-weight:600;display:flex}.announce-bar{z-index:90;background:linear-gradient(90deg, var(--brand), var(--brand-600));color:#fff;align-items:center;gap:9px;height:38px;padding:0 14px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #2563f04d}.announce-ic{opacity:.95;flex:none;place-items:center;display:grid}.announce-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.announce-x{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.announce-x:hover{background:#ffffff4d}body.has-announce .app-shell{padding-top:38px}.conn-pill{z-index:120;background:var(--warn);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:700;animation:.25s ease-out connIn;display:flex;position:fixed;top:46px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000040}.conn-pill .dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite connPulse}@keyframes connIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes connPulse{0%,to{opacity:.35}50%{opacity:1}}body.st-call-mini .app-shell{padding-top:calc(env(safe-area-inset-top) + var(--call-strip-h))}body.st-call-mini.has-announce .app-shell{padding-top:calc(env(safe-area-inset-top) + var(--call-strip-h) + 38px)}body.st-call-mini.has-announce .announce-bar{top:calc(env(safe-area-inset-top) + var(--call-strip-h))}.app-shell{background:var(--app);box-sizing:border-box;height:100dvh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);display:flex;overflow:hidden}.ip-mobile-head{display:none}@media (width<=1180px){.app-shell .infopanel{z-index:60;border-left:1px solid var(--border);width:min(400px,100%);padding-top:env(safe-area-inset-top);flex-basis:auto;animation:.25s cubic-bezier(.2,.7,.2,1) ip-slidein;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #080c182e}.ip-mobile-head{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.ip-mobile-back{width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.ip-mobile-back:active{background:var(--surface-2)}.ip-mobile-title{color:var(--ink);font-size:15px;font-weight:800}}@keyframes ip-slidein{0%{transform:translate(100%)}to{transform:translate(0)}}.login-stage{background:radial-gradient(1200px 600px at 15% -10%, #2563f01f, transparent 60%), radial-gradient(900px 500px at 100% 110%, #18b6c91f, transparent 55%), linear-gradient(160deg, var(--studio) 0%, var(--studio-2) 100%);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;padding:32px 28px;display:flex}.login-logo{width:64px;height:64px;box-shadow:0 10px 24px var(--brand-glow);background:linear-gradient(135deg,#3a7bff 0%,#2560ef 58%,#18b6c9 100%);border-radius:16px;place-items:center;margin:0 auto 14px;display:grid}.login-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:24px;font-weight:800}.login-sub{color:var(--ink-2);margin:2px 0 22px;font-size:13.5px;font-weight:500}.login-field{text-align:left;flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.login-field span{color:var(--ink-2);font-size:12.5px;font-weight:700}.login-field input{font-family:var(--font);border:1.5px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:12px;outline:none;padding:12px 14px;font-size:15px;transition:all .16s}.login-field input:focus{border-color:var(--brand);background:var(--surface);box-shadow:var(--ring)}.login-error{color:var(--danger);text-align:left;background:#f0476a1a;border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:13px;font-weight:600}.login-btn{font-family:var(--font);color:#fff;cursor:pointer;background:var(--brand);box-shadow:0 8px 18px var(--brand-glow);border:none;border-radius:13px;margin-top:4px;padding:13px;font-size:15px;font-weight:700;transition:all .16s}.login-btn:hover:not(:disabled){background:var(--brand-600);transform:translateY(-1px)}.login-btn:disabled{background:var(--surface-3);color:var(--ink-3);box-shadow:none;cursor:default}.login-note{color:var(--ink-3);margin:18px 0 0;font-size:11.5px;line-height:1.5}.msg.me .msg-actions{left:auto;right:8px}.msg.me .react-pop{left:auto;right:2px}.conv-body{overflow-x:hidden}.load-older{text-align:center;color:var(--ink-3);padding:12px 0 6px;font-size:12.5px;font-weight:600}.composer-lead{flex:none;align-items:flex-end;gap:2px;display:flex}.msg-edited{opacity:.6;margin-right:3px;font-size:10px;font-style:italic}.msg.me .msg-edited{color:#fff}.msg-edit-input{width:100%;min-width:180px;font-family:var(--font);color:inherit;background:#ffffff2e;border:none;border-radius:6px;outline:none;padding:5px 7px;font-size:14px}.msg:not(.me) .msg-edit-input{background:var(--surface-2);color:var(--ink)}.chat-img{background:var(--surface-2);vertical-align:top;border-radius:12px;max-width:100%;display:inline-block;position:relative;overflow:hidden}.chat-img:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff73 50%,#0000 80%) 0 0/200% 100%;animation:1.1s ease-in-out infinite st-shimmer;position:absolute;inset:0}.chat-img.is-loaded:after{display:none}.chat-img img{object-fit:cover;opacity:0;border-radius:12px;width:100%;height:100%;transition:opacity .25s;display:block}.chat-img.is-loaded img{opacity:1}@keyframes st-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sysmsg{text-align:center;margin:10px 0}.sysmsg span{color:var(--ink-3);background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:12px;display:inline-block}.modal-backdrop{z-index:250;background:#080c1880;place-items:center;padding:20px;animation:.15s lb-fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;max-height:86vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);color:var(--ink);justify-content:space-between;align-items:center;padding:16px 18px;font-size:16px;font-weight:800;display:flex}.modal-x{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.modal-x:hover{background:var(--surface-2)}.modal-body{flex-direction:column;gap:10px;padding:16px 18px;display:flex;overflow-y:auto}.modal-input{font:inherit;border:1.5px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:11px;outline:none;padding:11px 13px;font-size:14.5px}.modal-input:focus{border-color:var(--brand);background:var(--surface)}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.btn-ghost{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:11px;padding:9px 16px;font-weight:600}.btn-ghost:hover{background:var(--surface-2)}.btn-primary{font:inherit;background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:11px;padding:9px 18px;font-weight:700}.btn-primary:disabled{opacity:.5;cursor:default}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;cursor:pointer;background:var(--brand-soft);color:var(--brand);border:none;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.chip-x{opacity:.7;display:flex}.picker-list{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.picker-row{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:7px 8px;display:flex}.picker-row:hover{background:var(--surface-2)}.picker-row.on{background:var(--brand-soft)}.pr-name{color:var(--ink);flex:auto;font-size:14px}.pr-check{color:var(--brand);display:flex}.members-list{flex-direction:column;gap:1px;margin-top:2px;display:flex}.member-meta{flex:auto;min-width:0}.member-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.member-x{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.member-x:hover{background:var(--surface-2);color:var(--danger)}.member-role{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.member-role:hover{background:var(--surface-2);color:var(--brand)}.member-role.on{color:var(--brand)}.shared-media{flex-direction:column;height:100%;display:flex}.sm-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:10px 10px 10px 6px;display:flex}.sm-back{cursor:pointer;color:var(--ink-2);background:0 0;border:none;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sm-back:hover{background:var(--surface-2)}.sm-tabs{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:auto;gap:4px;min-width:0;display:flex;overflow-x:auto}.sm-tabs::-webkit-scrollbar{display:none}.sm-tabs.is-scroll{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 18px),#0000 100%)}.sm-tab{white-space:nowrap;cursor:pointer;font:inherit;color:var(--ink-3);background:0 0;border:none;border-radius:8px;flex:none;padding:6px 11px;font-size:13px;font-weight:600}.sm-tab.active{background:var(--brand-soft);color:var(--brand)}.ctx-menu{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1px;min-width:178px;padding:5px;animation:.12s ctx-in;display:flex;position:fixed;box-shadow:0 12px 34px #0f172a2e}@keyframes ctx-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ctx-menu button{cursor:pointer;width:100%;font:inherit;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:13.5px;font-weight:600;display:flex}.ctx-menu button:hover{background:var(--surface-2)}.ctx-menu button.danger{color:var(--danger)}.ctx-ic{color:var(--ink-3);flex:none;place-items:center;display:grid}.ctx-menu button.danger .ctx-ic{color:var(--danger)}.chatrow-mute{color:var(--ink-3);flex:none;align-items:center;margin-left:4px;display:inline-flex}.ip-quick button.active{color:var(--brand)}.ip-quick button.active .qicon{background:var(--brand-soft);color:var(--brand)}.fwd-label{color:var(--ink-3);align-items:center;gap:4px;margin-bottom:4px;font-size:11.5px;font-style:italic;font-weight:700;display:inline-flex}.fwd-label svg{opacity:.75}.msg.me .fwd-label{color:#ffffffc7}.fwd-preview{background:var(--surface-2);border-left:3px solid var(--brand);color:var(--ink-2);border-radius:8px;align-items:center;gap:9px;margin-bottom:10px;padding:8px 11px;font-size:13px;display:flex}.fwd-thumb{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.fwd-ic{color:var(--ink-2);flex:none;place-items:center;display:grid}.fwd-prev-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.person-modal{max-width:380px;position:relative}.person-x{z-index:1;position:absolute;top:12px;right:12px}.person-load{text-align:center;color:var(--ink-3);padding:46px}.person-head{text-align:center;flex-direction:column;align-items:center;padding:24px 22px 14px;display:flex}.person-name{color:var(--ink);margin:12px 0 6px;font-size:18px;font-weight:800}.person-status{color:var(--ink-2);margin-top:9px;font-size:13px;font-style:italic}.person-fields{flex-direction:column;gap:12px;padding:6px 22px 18px;display:flex}.pf-line{align-items:center;gap:12px;display:flex}.pfl-ic{background:var(--surface-2);width:34px;height:34px;color:var(--brand);border-radius:10px;flex:none;place-items:center;display:grid}.pfl-text{min-width:0}.pfl-k{color:var(--ink-3);font-size:11px;font-weight:700}.pfl-v{color:var(--ink);word-break:break-word;font-size:14px;font-weight:600}.pfl-v.link{color:var(--brand);text-decoration:none}.pfl-v.link:hover{text-decoration:underline}.person-msg{justify-content:center;align-items:center;gap:8px;width:calc(100% - 44px);margin:0 22px 22px;display:inline-flex}.conv img,.lb img,.sm-thumb img{-webkit-user-drag:none}.drop-overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2563f01f;place-items:center;display:grid;position:absolute;inset:0}.drop-inner{color:var(--brand);border:3px dashed var(--brand);background:var(--surface);border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:36px 56px;font-size:16px;font-weight:800;display:flex}.att-preview{flex-wrap:wrap;align-items:center;gap:9px;padding:10px 14px;display:flex}.att-preview.uploading .att-item{opacity:.6}.att-progress{background:var(--surface-2);border-radius:999px;flex:160px;align-items:center;min-width:120px;height:22px;display:flex;position:relative;overflow:hidden}.att-progress-bar{background:var(--brand);border-radius:999px;transition:width .2s;position:absolute;inset:0 auto 0 0}.att-progress-pct{color:var(--ink);mix-blend-mode:difference;margin-left:auto;margin-right:10px;font-size:11.5px;font-weight:800;position:relative}.att-item{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:none;width:70px;height:70px;position:relative;overflow:hidden}.att-item img{object-fit:cover;width:100%;height:100%;display:block}.att-file{width:100%;height:100%;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px;display:flex}.att-name{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:9.5px;overflow:hidden}.att-x{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:3px;right:3px}.att-x:hover{background:#000000c7}.avatar-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.nav-avatar{cursor:pointer;border:none;padding:0;overflow:hidden}.nav-avatar:hover{filter:brightness(1.05);box-shadow:0 0 0 2px var(--brand-soft)}.profile-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.profile-av{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;position:relative}.profile-av-edit{background:var(--brand);color:#fff;border:2px solid var(--surface);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-id{min-width:0}.profile-name{color:var(--ink);font-size:16px;font-weight:800}.profile-email{color:var(--ink-2);margin:1px 0 5px;font-size:13px}.profile-role{color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.profile-locked{color:var(--ink-3);background:var(--surface-2);border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:8px 11px;font-size:12px;display:flex}.profile-locked svg{flex:none}.pf-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pf-field{min-width:0;margin-bottom:11px}.pf-field label{color:var(--ink-2);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.pf-field input,.pf-field select{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;color:var(--ink);background:var(--surface);border-radius:9px;padding:9px 11px;font-size:13.5px}.pf-field input:focus,.pf-field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.pf-field select{appearance:none;cursor:pointer;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b95ad' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:14px;padding-right:34px}.pf-field select::-ms-expand{display:none}[data-theme=dark] .pf-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237b86a3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.link-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;max-width:330px;margin-top:7px;text-decoration:none;transition:background .14s;display:block;overflow:hidden}.link-card:hover{background:var(--surface-2)}.msg.me .link-card{background:#ffffff1f;border-color:#ffffff47}.lc-img{background:var(--surface-2);max-height:168px;overflow:hidden}.lc-img img{object-fit:cover;width:100%;height:100%;max-height:168px;display:block}.lc-body{padding:8px 12px}.lc-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.lc-desc{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.lc-host{color:var(--ink-3);margin-top:6px;font-size:11px}.msg.me .lc-title{color:#fff}.msg.me .lc-desc{color:#ffffffd9}.msg.me .lc-host{color:#ffffffb8}.msg-bubble.deleted,.msg.me .msg-bubble.deleted{background:var(--surface-2);color:var(--ink-3);box-shadow:none}.msg.me .msg-bubble.deleted .msg-time,.msg.me .msg-bubble.deleted .msg-checks{color:var(--ink-3)}.msg-deleted{color:var(--ink-3);align-items:center;gap:7px;font-size:13px;font-style:italic;display:flex}.msg-deleted svg{opacity:.7;flex:none}.btn-ghost.danger{color:var(--danger);align-items:center;gap:6px;display:inline-flex}.btn-ghost.danger:hover{background:var(--danger-soft,#f0476a1a)}button.msg-avatar{cursor:pointer;border:none;padding:0;font-family:inherit}button.msg-sender{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;transition:opacity .12s}button.msg-sender:hover{opacity:1;text-underline-offset:2px;text-decoration:underline}button.msg-avatar:hover{filter:brightness(1.05)}.reply-bar.editing .rb-icon{color:var(--brand)}.confirm-backdrop{z-index:300}.confirm-box{background:var(--surface);border-radius:16px;width:calc(100% - 40px);max-width:380px;padding:22px;animation:.16s pop;box-shadow:0 20px 60px #0f172a47}.confirm-title{color:var(--ink);margin-bottom:8px;font-size:16px;font-weight:800}.confirm-msg{color:var(--ink-2);margin-bottom:18px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.btn-primary.danger{background:var(--danger)}.btn-primary.danger:hover{filter:brightness(.95)}.toast-host{z-index:400;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:9px;max-width:90vw;padding:11px 16px;font-size:13.5px;font-weight:600;animation:.2s toast-in;display:flex;box-shadow:0 8px 28px #0f172a4d}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-ic{flex:none;place-items:center;display:grid}.toast-success{background:#1f9d5b}.toast-error{background:var(--danger)}.toast-info{background:var(--brand)}.sm-body{flex:auto;padding:12px 14px;overflow-y:auto}.sm-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.sm-thumb{cursor:zoom-in;aspect-ratio:1;background:var(--surface-2);border:none;border-radius:8px;padding:0;overflow:hidden}.sm-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sm-files{flex-direction:column;gap:4px;display:flex}.ip-sec-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;display:flex}.ip-sec-titlewrap{align-items:center;gap:8px;min-width:0;display:flex}.ip-sec-ic{background:var(--surface-2);width:24px;height:24px;color:var(--brand);border-radius:8px;flex:0 0 24px;place-items:center;display:grid}.ip-sec-title{letter-spacing:.02em;text-transform:none;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12.5px;font-weight:800;overflow:hidden}.ip-sec-count{background:var(--surface-3);min-width:19px;height:19px;color:var(--ink-2);border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:11px;font-weight:800;display:grid}.ip-sec-link{cursor:pointer;background:var(--surface-2);color:var(--brand);font:inherit;border:none;border-radius:999px;flex:none;align-items:center;gap:1px;padding:4px 7px 4px 11px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.ip-sec-link:hover{background:var(--brand-soft)}.ip-sec-link svg{margin-top:.5px}.ip-sec-actions{flex:none;align-items:center;gap:6px;display:flex}.ip-sec-iconbtn{cursor:pointer;background:var(--surface-2);width:26px;height:26px;color:var(--brand);border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;transition:all .14s;display:inline-flex}.ip-sec-iconbtn:hover{background:var(--brand-soft)}.ip-avatar-wrap{margin-bottom:12px;position:relative}.ip-avatar-wrap .avatar{margin-bottom:0}.ip-avatar-edit{background:var(--brand);color:#fff;border:2px solid var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;bottom:-2px;right:-2px}.ip-avatar-edit:hover{background:var(--brand-600)}.media-thumb,.media-more{font:inherit;border:none;padding:0}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-more{background:var(--surface-3);color:var(--ink-2);cursor:pointer;place-items:center;font-size:14px;font-weight:800;display:grid}.ip-empty{color:var(--ink-3);padding-top:2px;font-size:12.5px}.see-all{text-align:center;cursor:pointer;width:100%;color:var(--brand);font:inherit;background:0 0;border:none;padding:9px 0 2px;font-size:13px;font-weight:600}.see-all:hover{text-decoration:underline}.ip-name-row{justify-content:center;align-items:center;gap:6px;display:flex}.ip-name-pencil{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.ip-name-pencil:hover{background:var(--surface-2);color:var(--brand)}.ip-name-edit{justify-content:center;align-items:center;gap:6px;display:flex}.ip-name-edit input{font:inherit;text-align:center;border:none;border-bottom:2px solid var(--brand);color:var(--ink);background:0 0;outline:none;max-width:180px;font-size:18px;font-weight:800}.ip-name-ok{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.member-click{cursor:pointer;min-width:0;font:inherit;text-align:left;background:0 0;border:none;flex:auto;align-items:center;gap:11px;padding:0;display:flex}.member-click:hover .member-name{color:var(--brand)}.conv{position:relative}.conv-search{border-bottom:1px solid var(--border);background:var(--surface)}.cs-bar{align-items:center;gap:8px;padding:10px 16px;display:flex}.cs-ic{color:var(--ink-3);display:flex}.cs-bar input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:auto;font-size:14.5px}.cs-close{cursor:pointer;color:var(--ink-3);background:0 0;border:none;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.cs-close:hover{background:var(--surface-2)}.cs-results{border-top:1px solid var(--border);max-height:340px;overflow-y:auto}.cs-empty{text-align:center;color:var(--ink-3);padding:20px;font-size:13px}.cs-row{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);width:100%;font:inherit;background:0 0;padding:9px 16px;display:block}.cs-row:hover{background:var(--surface-2)}.cs-row-top{justify-content:space-between;gap:8px;margin-bottom:2px;display:flex}.cs-from{color:var(--brand);font-size:13px;font-weight:700}.cs-time{color:var(--ink-3);font-size:11.5px}.cs-snip{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.to-latest{z-index:20;cursor:pointer;border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--brand);border-radius:9px;place-items:center;animation:.18s to-latest-in;display:grid;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #141e3c1f}.to-latest:hover{background:var(--surface-2);transform:translate(-50%)scale(1.08)}@keyframes to-latest-in{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.msg.flash .msg-bubble{animation:1.6s msg-flash}@keyframes msg-flash{0%,25%{box-shadow:0 0 0 3px var(--brand)}to{box-shadow:0 0 #0000}}.icon-btn:disabled,.composer-btn:disabled{opacity:.4;cursor:default}.composer-wrap{position:relative}.mention-pop{background:var(--surface);border:1px solid var(--border);min-width:220px;max-width:320px;max-height:240px;box-shadow:var(--shadow-pop);z-index:30;border-radius:14px;margin-bottom:8px;padding:6px;animation:.14s pop;position:absolute;bottom:100%;left:14px;overflow-y:auto}.mention-opt{cursor:pointer;text-align:left;width:100%;color:var(--ink);font:inherit;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:7px 9px;display:flex}.mention-opt:hover,.mention-opt.active{background:var(--surface-2)}.mo-name{font-size:14px;font-weight:600}.mention{color:var(--brand);font-weight:600}.mention-me{background:var(--brand-soft);color:var(--brand);border-radius:5px;padding:0 3px}.msg.me .mention{color:#fff;text-decoration:underline}.msg.me .mention-me{color:#fff;background:#ffffff40;text-decoration:none}.voice{align-items:center;gap:10px;min-width:210px;max-width:270px;padding:4px 2px;display:flex}.voice-play{cursor:pointer;background:var(--brand);color:#fff;border:none;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.msg.me .voice-play{color:var(--brand);background:#ffffffeb}.voice-wave{cursor:pointer;flex:auto;align-items:center;gap:2px;height:30px;display:flex}.vw-bar{background:var(--ink-3);opacity:.4;border-radius:2px;flex:1 1 0;align-self:center;min-width:2px}.vw-bar.on{background:var(--brand);opacity:1}.msg.me .vw-bar{opacity:.6;background:#ffffff80}.msg.me .vw-bar.on{opacity:1;background:#fff}.voice-time{font-variant-numeric:tabular-nums;opacity:.85;flex:none;font-size:11.5px}.rec-bar{align-items:center;gap:10px;width:100%;padding:0 2px;display:flex}.rec-dot{background:var(--danger);border-radius:50%;flex:none;width:11px;height:11px;animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.rec-time{font-variant-numeric:tabular-nums;color:var(--ink);font-size:14px;font-weight:700}.rec-hint{color:var(--ink-3);flex:auto;font-size:13px}.rec-wave{width:100%;height:26px;color:var(--brand);flex:auto}.bubble-img{cursor:zoom-in;font:inherit;background:0 0;border:none;margin:0;padding:0;display:inline-block}.media-thumb{cursor:zoom-in;font:inherit;border:none;padding:0}.lightbox{z-index:200;overscroll-behavior:contain;background:#080c18ed;justify-content:center;align-items:center;animation:.15s lb-fade;display:flex;position:fixed;inset:0}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lb-zoomwrap{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;display:inline-flex;position:relative;box-shadow:0 20px 60px #00000080}.lb-zoomwrap.is-gesturing .lb-zoomimg{will-change:transform}.lb-zoomimg{transform-origin:50%;-webkit-user-drag:none;opacity:0;cursor:zoom-in;max-width:96vw;max-height:90dvh;transition:opacity .25s;display:block}.lb-zoomimg.is-loaded{opacity:1}.lb-blur2{object-fit:contain;filter:blur(16px);border-radius:8px;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.lightbox.is-zoomed .lb-zoomimg{cursor:grab}.lightbox.is-zoomed .lb-zoomwrap.is-gesturing .lb-zoomimg{cursor:grabbing}.lightbox.is-zoomed .lb-nav{opacity:.12;pointer-events:none}.lb-bar{z-index:3;color:#fff;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex;position:fixed;top:0;left:0;right:0}.lb-name{opacity:.92;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.lb-tools{flex:none;gap:6px;display:flex}.lb-btn{cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:10px;place-items:center;width:38px;height:38px;transition:background .15s;display:grid}.lb-btn:hover{background:#ffffff3d}@media (pointer:coarse){.lb-btn{width:44px;height:44px}.att-x{width:26px;height:26px}.to-latest{width:44px;height:44px}.cs-close,.reply-cancel{width:40px;height:40px}}.lb-nav{z-index:2;cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .15s;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#ffffff42}.lb-prev{left:18px}.lb-next{right:18px}.lb-next svg{transform:rotate(180deg)}.msg-skeleton{flex-direction:column;gap:14px;padding:10px 4px;display:flex}.sk-row{display:flex}.sk-row.me{justify-content:flex-end}.sk-bubble{background:var(--surface-2);border-radius:16px;max-width:75%;height:38px;position:relative;overflow:hidden}.sk-row.me .sk-bubble{background:var(--brand-soft)}.sk-bubble:after{content:"";background:linear-gradient(100deg,#0000 20%,#fff6 50%,#0000 80%) 0 0/200% 100%;animation:1.2s ease-in-out infinite st-shimmer;position:absolute;inset:0}.panel-menu{cursor:pointer;color:var(--ink-2);background:0 0;border:none;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:none}.panel-menu:hover{background:var(--surface-2);color:var(--ink)}.nav-backdrop{display:none}@media (width>=821px){.conv-head .m-back{display:none}}@media (width<=820px){.app-shell .navrail{z-index:200;height:100%;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-shell.nav-open .navrail{transform:translate(0);box-shadow:6px 0 28px #0000004d}body.st-call-mini .app-shell .navrail{top:calc(env(safe-area-inset-top) + var(--call-strip-h));height:auto}.nav-backdrop{opacity:0;visibility:hidden;z-index:150;background:#00000073;transition:opacity .25s;display:block;position:fixed;inset:0}.app-shell.nav-open .nav-backdrop{opacity:1;visibility:visible}.panel-menu{display:inline-grid}.app-shell .panel{border-right:none;flex:auto;width:auto}.app-shell .conv,.app-shell.show-conv .panel{display:none}.app-shell.show-conv .conv{flex:auto;display:flex}.conv-body{padding:16px 14px 10px}.msg{max-width:84%}.link-card{max-width:100%}.composer textarea,.search input,.modal-input,.pf-field input,.pf-field select,.login-field input,.cs-bar input,.msg-edit-input{font-size:16px}.composer-wrap{padding-bottom:max(10px, var(--safe-bottom))}.app-shell .section{flex:auto;min-width:0}.app-shell .section .panel{border-right:none;flex:auto;width:auto}.app-shell .section .detail,.app-shell .section.show-detail .panel{display:none}.app-shell .section.show-detail .detail{padding-top:env(safe-area-inset-top);flex:auto;animation:.25s cubic-bezier(.2,.7,.2,1) ip-slidein;display:flex}.detail-mobile-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex;position:sticky;top:0}.dm-back{width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:none;place-items:center;display:grid}.dm-back:active{background:var(--surface-2)}.dm-title{color:var(--ink);font-size:15px;font-weight:800}.files-head{padding:14px 16px 12px}.fh-top{flex-wrap:wrap}.files-search{flex:100%;max-width:100%;margin-left:0}.files-body{padding:14px 16px 18px}.files-media-grid{grid-template-columns:repeat(2,1fr)}.fmedia-img{height:104px}.files-doc-grid{grid-template-columns:1fr}}