:root{color:#111b21;background:#d1d7db;font-family:Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.gate{min-height:100vh;display:grid;place-items:center;background:linear-gradient(#0b6e4f 0 220px,#d1d7db 220px)}.card{width:min(420px,calc(100% - 32px));background:#fff;border-radius:12px;padding:28px;box-shadow:0 12px 40px #0b141a29}.card h1{margin:0 0 8px;color:#0b6e4f}.card p,.muted{color:#667781}label{display:block;margin:14px 0 6px;font-size:13px;color:#3b4a54}input,textarea{width:100%;border:1px solid #e9edef;background:#f0f2f5;border-radius:8px;padding:12px 14px}textarea{resize:vertical;min-height:72px}.row{display:flex;gap:8px}.row>*{flex:1}button.primary,button.go{border:0;background:#0b6e4f;color:#fff;border-radius:8px;padding:12px 16px;margin-top:16px}button.ghost,button.danger{border:0;background:transparent;color:#0b6e4f;padding:8px}button.danger{color:#c62828}.error{background:#fdecea;color:#8a1f11;border-radius:8px;padding:10px 12px;margin-top:12px}.debug{font-weight:650;color:#0b6e4f}.shell{height:100vh;display:grid;grid-template-columns:400px 1fr;max-width:1600px;margin:0 auto;background:#fff}.side{display:flex;flex-direction:column;border-right:1px solid #e9edef;min-width:0}.top{height:60px;background:#f0f2f5;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:8px}.brand{font-weight:700;color:#0b6e4f}.tabs{display:flex;gap:4px}.tabs button,.tools button{border:0;background:transparent;color:#54656f;border-radius:8px;padding:8px 10px}.tabs button.on,.tools button.on{background:#fff;color:#0b6e4f}.search{padding:8px 12px;background:#fff}.search input{background:#f0f2f5}.list{overflow:auto;flex:1}.item,.chat-head{width:100%;text-align:left;border:0;background:#fff;display:flex;gap:12px;align-items:center;padding:12px 16px}.item{border-bottom:1px solid #f0f2f5}.item.active{background:#f0f2f5}.item .meta,.bubble .time{margin-left:auto;color:#667781;font-size:12px}.item .name,.who{font-weight:600}.item small,.sub{color:#667781;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread{min-width:20px;height:20px;border-radius:10px;background:#0b6e4f;color:#fff;font-size:12px;display:grid;place-items:center;padding:0 6px}.avatar,.avatar-lg{width:48px;height:48px;border-radius:50%;background:#dfe5e7;color:#0b6e4f;display:grid;place-items:center;font-weight:700;object-fit:cover;flex:none}.ring{box-shadow:0 0 0 3px #fff,0 0 0 5px #0b6e4f}.ring.seen{box-shadow:0 0 0 3px #fff,0 0 0 5px #c4c9cc}.pane{display:flex;flex-direction:column;min-width:0;background:#efeae2}.pane .chat-head{background:#f0f2f5}.stream{flex:1;overflow:auto;padding:16px 8%;background-image:radial-gradient(#e4ddd4 .6px,transparent .6px);background-size:14px 14px}.bubble{max-width:min(72%,640px);background:#fff;border-radius:8px;padding:6px 8px 4px;margin:2px 0 6px;box-shadow:0 1px .5px #0b141a21}.bubble.mine{margin-left:auto;background:#d9fdd3}.bubble .reply{background:#0b6e4f14;border-left:3px solid #0b6e4f;border-radius:6px;padding:4px 8px;margin-bottom:4px;color:#3b4a54;font-size:13px}.bubble .text{white-space:pre-wrap;word-break:break-word}.foot{display:flex;justify-content:flex-end;gap:6px;align-items:center}.ticks{color:#8696a0;letter-spacing:-2px}.ticks.read{color:#53bdeb}.composer,.replying{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#f0f2f5}.replying{padding-bottom:0;color:#3b4a54}.composer input{flex:1;background:#fff}.composer button,.icon{border:0;background:transparent;color:#54656f;padding:8px}.empty,.pad{padding:28px 16px;color:#667781}.center{margin:auto;text-align:center;color:#667781}.modal{position:fixed;inset:0;background:#0b141a73;display:grid;place-items:center;padding:16px}.sheet{width:min(440px,100%);background:#fff;border-radius:12px;padding:20px}.status-view{width:min(480px,100%);background:#111b21;color:#fff;border-radius:12px;overflow:hidden}.status-view img,.status-view video{width:100%;max-height:70vh;object-fit:contain;background:#000}.status-view .caption{padding:16px}.incoming{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 24px));background:#111b21;color:#fff;border-radius:12px;padding:14px;display:flex;gap:8px;align-items:center;z-index:5}.incoming .grow{flex:1}.incoming button{margin-top:0}.call{position:fixed;inset:0;background:#0b141a;color:#fff;display:flex;flex-direction:column;z-index:6}.call header,.call footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}#call-stage{flex:1;position:relative}.remote-video,.local-video{width:100%;height:100%;object-fit:cover;background:#000}.local-video{position:absolute;width:180px;height:120px;right:16px;bottom:16px;border-radius:8px}.rec-live{color:#ff8a80;font-weight:700}.rec-screen{position:fixed;inset:0;z-index:7;background:#eef2f5;color:#111b21;display:flex;flex-direction:column}.rec-screen header{height:56px;background:#10233f;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px}.rec-screen header strong{text-align:center;font-size:18px}.rec-screen header button{border:0;border-radius:8px;background:#c44747;color:#fff;font-weight:700;padding:6px 12px;margin:0}.rec-screen header .close{justify-self:end;width:36px;height:36px;padding:0;background:#31445f}.rec-list{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.rec-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 1px 2px #10233f0f}.rec-card p{margin:6px 0 0;color:#667781;font-size:13px}.rec-duration{display:inline-block;margin-top:8px;background:#f1f3f5;color:#4b5563;border-radius:999px;padding:4px 10px;font-size:12px}.rec-seek{display:flex;flex-direction:column;gap:4px;margin-top:10px;color:#667781;font-size:12px}.rec-actions{display:flex;gap:6px;margin-top:12px}.rec-actions button{flex:1;margin:0;border:0;border-radius:8px;color:#fff;font-weight:700;padding:10px 6px}.rec-actions .play{background:#0e8fdb}.rec-actions .share{background:#128c7e}.rec-actions .del{background:#d64545}.lock,.system{color:#667781;font-size:12px;text-align:center;padding:8px 16px}.sticker,.sticker-grid svg{width:96px;height:96px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px;background:#f0f2f5}.sticker-grid button{border:0;background:transparent;padding:0}.hits{display:flex;flex-direction:column;gap:4px;padding:0 8px 8px}.hits button,.member{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border:0;border-radius:8px;padding:8px 10px;text-align:left}.members{display:flex;flex-direction:column;gap:6px;margin-top:12px}select{width:100%;border:1px solid #e9edef;background:#f0f2f5;border-radius:8px;padding:12px 14px}@media(max-width:800px){.shell{grid-template-columns:1fr}.shell.reading .side{display:none}.shell:not(.reading) .pane{display:none}.stream{padding:12px}}