:root{--bg: #edf3fb;--bg-deep: #dbe8f8;--card: #ffffff;--card-soft: rgba(255, 255, 255, .78);--line: rgba(129, 148, 176, .24);--text: #142033;--muted: #728096;--muted-2: #9aa6b8;--primary: #2979ff;--primary-dark: #155ed2;--primary-soft: #e8f1ff;--accent: #7c5cff;--success: #21a67a;--danger: #b42318;--shadow: 0 24px 80px rgba(24, 44, 76, .15);--shadow-soft: 0 12px 34px rgba(24, 44, 76, .09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.auth-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 12% 12%,rgba(41,121,255,.24),transparent 34%),radial-gradient(circle at 88% 18%,rgba(124,92,255,.22),transparent 30%),linear-gradient(135deg,#f7fbff,#eaf1fb)}.auth-shell{width:min(1080px,100%);min-height:670px;display:grid;grid-template-columns:1.12fr .88fr;background:#ffffffa8;border:1px solid rgba(255,255,255,.72);border-radius:34px;overflow:hidden;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-hero{position:relative;display:grid;align-content:space-between;padding:42px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,#2979ff,#6f5cff);color:#fff;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border-radius:999px;background:#ffffff21}.auth-hero:before{width:240px;height:240px;right:-74px;top:-74px}.auth-hero:after{width:360px;height:360px;left:-150px;bottom:-160px}.hero-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#ffffffb8;font-size:13px;font-weight:750}.brand-mark,.logo,.welcome-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:#ffffff2e;border:1px solid rgba(255,255,255,.23);color:#fff;font-weight:950;letter-spacing:-.05em;box-shadow:0 18px 45px #00000021;flex:0 0 auto}.logo{background:linear-gradient(145deg,var(--primary),var(--accent));border:0;font-size:19px}.logo.small{width:44px;height:44px;border-radius:16px;font-size:15px}.eyebrow{margin:0 0 12px;color:#ffffffc7;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:850}.eyebrow.dark{color:var(--primary);margin-bottom:6px}.auth-hero h1{position:relative;z-index:1;margin:0;font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.065em}.hero-text{position:relative;z-index:1;max-width:450px;margin:20px 0 0;color:#ffffffd1;font-size:18px;line-height:1.55}.hero-preview{display:grid;gap:12px;align-content:end;position:relative;z-index:1}.preview-card{width:fit-content;max-width:390px;padding:14px 16px;border-radius:22px 22px 22px 8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #0000001f}.preview-card.right{justify-self:end;border-radius:22px 22px 8px;background:#ffffffeb;color:#172033}.preview-card.small-card{opacity:.78}.auth-card{display:grid;align-content:center;gap:22px;padding:42px;background:#ffffffd6}.auth-card-header{display:flex;gap:16px;align-items:center}.auth-card h2{margin:0 0 4px;font-size:30px;letter-spacing:-.035em}.auth-card p{margin:0;color:var(--muted);line-height:1.5}form{display:grid;gap:14px}label{display:grid;gap:8px;color:var(--muted);font-weight:700;font-size:14px}input{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:#ffffffeb;outline:none;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus{border-color:#2979ffb8;box-shadow:0 0 0 4px #2979ff1f;background:#fff}input::placeholder{color:var(--muted-2)}.primary-button,.search-box button,.send-button{border:0;border-radius:18px;padding:14px 18px;background:var(--primary);color:#fff;font-weight:850;box-shadow:0 12px 24px #2979ff3b;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.primary-button:hover,.search-box button:hover,.send-button:hover{transform:translateY(-1px);background:var(--primary-dark)}.link-button{border:0;background:transparent;color:var(--primary);font-weight:800;width:fit-content;padding:4px 0}.demo-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-row button{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:12px;font-weight:850;color:var(--text)}.error{padding:12px 14px;border-radius:16px;background:#fff1f0;color:var(--danger);font-weight:750;font-size:14px}.error.banner{position:absolute;z-index:7;left:24px;right:24px;top:84px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-soft)}.error.banner button{border:0;background:transparent;color:var(--danger);font-size:20px;line-height:1}.messenger{height:100vh;display:grid;grid-template-columns:390px 1fr;padding:18px;gap:18px;background:radial-gradient(circle at 12% 10%,rgba(41,121,255,.14),transparent 28%),radial-gradient(circle at 88% 18%,rgba(124,92,255,.1),transparent 30%),linear-gradient(135deg,#f7fbff,#e8f0fb)}.sidebar,.chat-panel{min-height:0;background:#ffffffd1;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar{display:grid;grid-template-rows:auto auto auto 1fr;border-radius:30px;overflow:hidden}.sidebar-header{padding:20px;display:grid;gap:16px}.brand-row{display:flex;align-items:center;gap:12px}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:18px;letter-spacing:-.03em}.brand-copy span{color:var(--muted);font-size:13px;font-weight:700}.profile-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:22px;background:#ffffffc7}.profile-main{min-width:0;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:0;color:inherit;text-align:left}.profile-main div:not(.avatar){min-width:0;display:grid;gap:2px}.profile-main strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-main span{color:var(--muted);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:190px}.icon-button,.back-button,.attach-button,.modal-close,.ghost-button{border:1px solid var(--line);background:#ffffffc7;color:var(--text);border-radius:15px;display:grid;place-items:center;font-weight:850;transition:transform .15s ease,background .15s ease}.icon-button{width:38px;height:38px}.icon-button:hover,.back-button:hover,.attach-button:hover,.modal-close:hover,.ghost-button:hover{transform:translateY(-1px);background:#fff}.search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:22px;background:#ffffffbd}.search-box span{color:var(--muted);padding-left:8px;font-size:18px}.search-box input{border:0;box-shadow:none;background:transparent;padding:10px 4px;border-radius:12px}.search-box input:focus{box-shadow:none}.search-box button{padding:10px 13px;border-radius:14px;box-shadow:none}.found-list{padding:0 20px 14px;display:grid;gap:8px}.found-list p{margin:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.found-list button,.conversation-list button{width:100%;border:0;color:inherit;display:flex;align-items:center;gap:12px;text-align:left;background:transparent}.found-list button{padding:10px;border-radius:18px}.found-list button:hover{background:#2979ff12}.found-list div:not(.avatar){min-width:0;display:grid;gap:2px}.found-list strong{font-size:14px}.found-list span{font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-tools{display:grid;gap:10px;padding:0 20px 12px}.list-title{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-weight:900}.list-title small{color:var(--muted);background:var(--primary-soft);padding:4px 9px;border-radius:999px}.chat-filter{padding:12px 14px;border-radius:16px}.conversation-list{min-height:0;overflow:auto;padding:0 12px 18px}.conversation-list::-webkit-scrollbar,.messages::-webkit-scrollbar{width:8px}.conversation-list::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb{background:#72809640;border-radius:999px}.conversation-list button{padding:12px;border-radius:22px;transition:background .15s ease,transform .15s ease}.conversation-list button:hover{background:#2979ff0f}.conversation-list button.active{background:linear-gradient(135deg,#2979ff24,#7c5cff1a);box-shadow:inset 0 0 0 1px #2979ff21}.conversation-copy{min-width:0;flex:1;display:grid;gap:4px}.conversation-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-topline strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:190px}.conversation-topline time{color:var(--muted-2);font-size:12px;flex:0 0 auto}.conversation-copy>span{color:var(--muted);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.typing-preview{color:var(--primary)!important;font-weight:850}.list-empty{margin:10px 8px;padding:18px;border-radius:22px;background:#ffffff94;color:var(--muted);text-align:center;line-height:1.5}.avatar{position:relative;flex:0 0 auto;display:grid;place-items:center;overflow:visible;border-radius:18px;background:linear-gradient(145deg,#d8e7ff,#fff);color:var(--primary-dark);font-weight:950;letter-spacing:-.045em;box-shadow:inset 0 0 0 1px #2979ff1c}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-sm{width:42px;height:42px;border-radius:16px;font-size:13px}.avatar-md{width:50px;height:50px;border-radius:18px}.avatar-lg{width:78px;height:78px;border-radius:26px;font-size:24px}.online-dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:999px;background:var(--success);border:3px solid white;box-shadow:0 2px 8px #21a67a47}.chat-panel{position:relative;min-width:0;display:grid;grid-template-rows:auto 1fr auto;border-radius:30px;overflow:hidden}.chat-header{height:76px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffffb8;border-bottom:1px solid var(--line)}.chat-header>div:not(.avatar){min-width:0;display:grid;gap:2px}.chat-header strong{font-size:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-header span{color:var(--muted);font-size:13px;font-weight:700}.back-button{display:none;width:40px;height:40px}.ghost-button{margin-left:auto;height:40px;padding:0 14px;color:var(--muted)}.messages{min-height:0;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#ffffff5c,#ffffff5c),radial-gradient(circle at 28px 28px,rgba(41,121,255,.055) 2px,transparent 3px);background-size:auto,34px 34px}.bubble{align-self:flex-start;max-width:min(620px,72%);padding:12px 14px 9px;border-radius:22px 22px 22px 8px;background:#fff;box-shadow:0 10px 26px #182c4c14;border:1px solid rgba(129,148,176,.16)}.bubble.mine{align-self:flex-end;border-radius:22px 22px 8px;background:linear-gradient(145deg,var(--primary),#5b6fff);color:#fff;border:0}.bubble.pending{opacity:.78}.bubble p{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.45}.bubble time{display:block;margin-top:6px;color:var(--muted-2);font-size:11px;text-align:right}.bubble.mine time{color:#ffffffb8}.empty{align-self:center;margin:auto;color:var(--muted);background:#ffffffb3;padding:14px 18px;border-radius:999px}.welcome-panel{margin:auto;max-width:420px;display:grid;justify-items:center;gap:14px;text-align:center;color:var(--muted);padding:24px}.welcome-logo{width:84px;height:84px;border-radius:28px;background:linear-gradient(145deg,var(--primary),var(--accent));font-size:28px;margin-bottom:4px}.welcome-panel h2{margin:0;color:var(--text);font-size:30px;letter-spacing:-.04em}.welcome-panel p{margin:0;line-height:1.55}.welcome-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.welcome-grid span{padding:8px 10px;border-radius:999px;color:var(--primary-dark);background:var(--primary-soft);font-weight:850;font-size:12px}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:16px 20px 20px;background:#ffffffc2;border-top:1px solid var(--line)}.composer input{border-radius:20px;padding:14px 16px}.attach-button{width:48px;height:48px;border-radius:18px;color:var(--primary);font-size:22px}.send-button{width:50px;height:50px;border-radius:18px;padding:0;font-size:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0f1d315c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-modal{position:relative;width:min(470px,100%);display:grid;gap:22px;padding:26px;border-radius:30px;background:#fffffff0;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.82)}.modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;font-size:24px;color:var(--muted)}.modal-head{display:flex;align-items:center;gap:16px;padding-right:40px}.modal-head h2{margin:0 0 4px;letter-spacing:-.035em}.modal-head span{color:var(--muted);font-size:13px}@media(max-width:860px){body{overflow:hidden}.auth-page{padding:14px}.auth-shell{min-height:auto;grid-template-columns:1fr;border-radius:26px}.auth-hero{min-height:320px;padding:28px}.auth-card{padding:28px}.messenger{grid-template-columns:1fr;padding:0;gap:0}.sidebar,.chat-panel{border-radius:0;border:0;box-shadow:none}.chat-panel,.messenger.has-active .sidebar{display:none}.messenger.has-active .chat-panel,.back-button{display:grid}.ghost-button{display:none}.bubble{max-width:86%}.messages{padding:16px}.composer{padding:12px}.sidebar{height:100vh}}@media(max-width:520px){.auth-hero{display:none}.auth-card{min-height:100vh}.profile-main span{max-width:145px}}.file-input{display:none}.attachment-preview{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(41,121,255,.18);border-radius:18px;background:#e8f1ffb8}.attachment-preview>span{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#fff}.attachment-preview div{min-width:0;display:grid;gap:2px}.attachment-preview strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.attachment-preview small{color:var(--muted);font-weight:750}.attachment-preview button{width:30px;height:30px;border:0;border-radius:10px;background:#ffffffe0;color:var(--muted);font-size:18px;line-height:1}.bubble.with-media{padding:8px 8px 9px;overflow:hidden}.bubble.with-media p{padding:4px 6px 0}.bubble.with-media time{padding:0 6px}.media-image-link{display:block;color:inherit;text-decoration:none}.media-image{display:block;width:min(360px,100%);max-height:360px;object-fit:cover;border-radius:17px;background:#ffffff47}.file-card{min-width:min(300px,64vw);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:17px;color:inherit;text-decoration:none;background:#2979ff14}.bubble.mine .file-card{background:#ffffff29}.file-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#ffffffbd}.bubble.mine .file-card>span{background:#ffffff38}.file-card div{min-width:0;display:grid;gap:2px}.file-card strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.file-card small{color:var(--muted);font-weight:750}.bubble.mine .file-card small{color:#ffffffb8}@media(max-width:520px){.file-card{min-width:0}.media-image{max-height:300px}.attachment-preview{padding:9px}}.conversation-list button.pinned{background:#ffffffb3}.conversation-list button.pinned:not(.active){box-shadow:inset 0 0 0 1px #2979ff14}.composer{grid-template-columns:auto auto 1fr auto}.mic-button{font-size:18px}.voice-recording{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(180,35,24,.12);border-radius:18px;background:#fff1f0b8;color:var(--danger);font-weight:850}.voice-recording strong{margin-right:auto}.voice-recording button{border:0;border-radius:12px;padding:8px 10px;background:#fff;color:var(--text);font-weight:850}.record-dot{width:10px;height:10px;border-radius:999px;background:var(--danger);box-shadow:0 0 #b4231880;animation:pulse-record 1.1s infinite}@keyframes pulse-record{0%{box-shadow:0 0 #b4231873}70%{box-shadow:0 0 0 8px #b4231800}to{box-shadow:0 0 #b4231800}}.voice-card{min-width:min(330px,64vw);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:17px;background:#2979ff14}.bubble.mine .voice-card{background:#ffffff29}.voice-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#ffffffbd}.bubble.mine .voice-card>span{background:#ffffff38}.voice-card audio{width:100%;max-width:260px;height:34px}.reaction-chips{display:flex;flex-wrap:wrap;gap:5px;padding:6px 6px 0}.reaction-chips button{border:1px solid rgba(129,148,176,.18);border-radius:999px;padding:4px 8px;background:#ffffffc7;color:var(--text);font-size:12px;font-weight:850}.reaction-chips button.reacted{border-color:#2979ff57;background:var(--primary-soft);color:var(--primary-dark)}.bubble.mine .reaction-chips button{border-color:#ffffff29;background:#ffffff2e;color:#fff}.bubble.mine .reaction-chips button.reacted{background:#ffffffeb;color:var(--primary-dark)}.message-actions{display:flex;flex-wrap:wrap;gap:5px;max-height:0;opacity:0;overflow:hidden;transform:translateY(4px);transition:opacity .15s ease,max-height .15s ease,transform .15s ease;padding:0 6px}.bubble:hover .message-actions{max-height:80px;opacity:1;transform:translateY(0);padding-top:7px}.message-actions button{border:0;border-radius:999px;padding:5px 8px;background:#2979ff14;color:var(--text);font-size:12px;font-weight:850}.bubble.mine .message-actions button{background:#ffffff2e;color:#fff}.message-actions .danger-action{color:var(--danger);background:#fff1f0}.bubble.mine .message-actions .danger-action{background:#ffffffeb;color:var(--danger)}.bubble.with-media{overflow:visible}.bubble.with-media time{padding-top:0}@media(max-width:520px){.composer{grid-template-columns:auto auto 1fr auto;gap:8px}.attach-button{width:42px;height:42px;border-radius:15px}.send-button{width:44px;height:44px;border-radius:15px}.voice-card{min-width:0}.voice-card audio{max-width:180px}.message-actions{max-height:80px;opacity:1;transform:none;padding-top:7px}}.new-group-button{width:100%;border:1px solid rgba(41,121,255,.16);border-radius:16px;padding:11px 13px;background:var(--primary-soft);color:var(--primary-dark);font-weight:900;text-align:left}.new-group-button:hover{background:#dceaff}.conversation-bottomline{min-width:0;display:flex;align-items:center;gap:6px}.conversation-bottomline>span{min-width:0;flex:1;color:var(--muted);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-bottomline em{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#7c5cff1a;color:var(--accent);font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.conversation-bottomline b{flex:0 0 auto;min-width:22px;height:22px;display:grid;place-items:center;padding:0 7px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;font-weight:950;box-shadow:0 8px 16px #2979ff38}.group-modal{max-height:min(760px,calc(100vh - 36px));overflow:auto}.group-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,var(--primary-soft),#f3efff);font-size:27px;box-shadow:inset 0 0 0 1px #2979ff1a;flex:0 0 auto}.selected-users{min-height:48px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border:1px dashed rgba(129,148,176,.34);border-radius:18px;background:#ffffff9e}.selected-users>span{color:var(--muted);font-size:13px;font-weight:750}.selected-users button{border:0;border-radius:999px;padding:8px 10px;background:var(--primary-soft);color:var(--primary-dark);font-weight:900}.group-search{grid-template-columns:1fr auto;align-items:center;gap:10px}.group-search .ghost-button{height:48px;padding:0 16px}.group-results{display:grid;gap:8px}.group-results button{width:100%;border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#ffffffb8;color:var(--text);text-align:left}.group-results button.selected{border-color:#2979ff47;background:var(--primary-soft)}.group-results div:not(.avatar){min-width:0;display:grid;gap:2px}.group-results strong,.group-results span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-results span{color:var(--muted);font-size:12px}.group-results b{width:30px;height:30px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--primary-dark)}@media(max-width:520px){.group-search{grid-template-columns:1fr}.group-search .ghost-button{width:100%}.conversation-bottomline em{display:none}}.group-settings-modal{width:min(720px,100%);max-height:min(860px,calc(100vh - 36px));overflow:auto}.group-settings-form{display:grid;gap:14px}.checkbox-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px;color:var(--muted);font-weight:850}.checkbox-row input{width:18px;height:18px;accent-color:var(--primary)}.invite-box{display:grid;gap:12px;padding:16px;border:1px solid rgba(41,121,255,.16);border-radius:22px;background:linear-gradient(145deg,#e8f1ffc7,#ffffffc7)}.invite-box>div:first-child{display:grid;gap:4px}.invite-box strong{letter-spacing:-.02em}.invite-box span{color:var(--muted);font-size:13px;font-weight:750}.invite-box input{width:100%;border-radius:16px;background:#fff;font-size:13px}.invite-actions{display:flex;gap:10px;flex-wrap:wrap}.invite-actions .ghost-button{margin-left:0;display:inline-grid}.member-list{display:grid;gap:8px}.member-list-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.member-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8}.member-row>div:not(.avatar){min-width:0;display:grid;gap:2px}.member-row strong,.member-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-row span{color:var(--muted);font-size:12px}.member-row em{padding:6px 8px;border-radius:999px;background:#7c5cff1a;color:var(--accent);font-size:11px;font-style:normal;font-weight:950}.mini-button{min-height:34px;border:0;border-radius:12px;padding:0 10px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:950}.mini-button.danger{background:#fff1f0;color:var(--danger)}.danger-wide{width:100%;border:0;border-radius:18px;padding:14px 16px;background:#fff1f0;color:var(--danger);font-weight:950}.danger-wide:hover,.mini-button:hover{transform:translateY(-1px)}@media(max-width:860px){.chat-header .ghost-button{display:inline-grid}.group-settings-modal{border-radius:24px;padding:20px}.member-row{grid-template-columns:auto minmax(0,1fr)}.member-row em,.member-row .mini-button{justify-self:start}.member-row em,.member-row .mini-button{grid-column:2}}:root{--brand-grad: linear-gradient(145deg, #3b82f6 0%, #6366f1 52%, #8b5cf6 100%);--brand-glow: 0 18px 44px rgba(59, 130, 246, .28), 0 8px 20px rgba(139, 92, 246, .16)}.brand-icon,.brand-mark,.logo,.welcome-logo{position:relative;display:grid;place-items:center;overflow:hidden;background:var(--brand-grad);border:1px solid rgba(255,255,255,.34);box-shadow:var(--brand-glow);color:transparent;letter-spacing:0}.brand-icon:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 45%,rgba(255,255,255,.08));pointer-events:none}.brand-icon img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.brand-icon-sm{width:44px;height:44px;border-radius:16px}.brand-icon-md{width:58px;height:58px;border-radius:20px}.brand-icon-lg{width:66px;height:66px;border-radius:23px}.brand-icon-xl{width:98px;height:98px;border-radius:30px}.logo.small{width:44px;height:44px;border-radius:16px}.auth-page{background:radial-gradient(circle at 10% 12%,rgba(59,130,246,.24),transparent 32%),radial-gradient(circle at 88% 15%,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at 55% 90%,rgba(34,197,94,.09),transparent 30%),linear-gradient(135deg,#f8fbff,#edf4ff 52%,#f3f0ff)}.auth-shell{box-shadow:0 32px 110px #1f365b2e}.auth-hero{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 28%),radial-gradient(circle at 88% 78%,rgba(255,255,255,.16),transparent 26%),linear-gradient(145deg,#2563eb,#6366f1 52%,#8b5cf6)}.hero-topline span,.brand-copy span{letter-spacing:.02em}.auth-hero h1,.brand-copy strong,.welcome-panel h2{text-wrap:balance}.preview-card{border-color:#ffffff52;transform:translateZ(0)}.preview-card.left:before,.preview-card.right:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px #22c55e24}.auth-card{background:linear-gradient(180deg,#fffffff0,#ffffffd1),radial-gradient(circle at 100% 0%,rgba(59,130,246,.12),transparent 36%)}.primary-button,.send-button,.search-box button{background:var(--brand-grad);box-shadow:0 14px 28px #3b82f63d}.primary-button:hover,.send-button:hover,.search-box button:hover{background:linear-gradient(145deg,#2563eb,#4f46e5 54%,#7c3aed)}.messenger{background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.15),transparent 28%),radial-gradient(circle at 92% 15%,rgba(139,92,246,.13),transparent 30%),radial-gradient(circle at 55% 95%,rgba(59,130,246,.08),transparent 32%),linear-gradient(135deg,#f8fbff,#eaf1fb)}.sidebar,.chat-panel{border-color:#ffffffeb;box-shadow:0 24px 80px #1f365b1f}.sidebar-header{background:linear-gradient(180deg,#ffffffdb,#ffffff9e),radial-gradient(circle at 90% 0%,rgba(139,92,246,.12),transparent 44%)}.brand-row{padding:8px;border-radius:24px;background:#ffffff9e;border:1px solid rgba(255,255,255,.72)}.profile-card,.search-box,.list-empty,.found-list button:hover,.conversation-list button.pinned:not(.active){box-shadow:inset 0 0 0 1px #ffffff59}.new-group-button{background:linear-gradient(135deg,#3b82f621,#8b5cf61f);border-color:#3b82f62e}.conversation-list button{position:relative}.conversation-list button.active:before,.conversation-list button:hover:before{content:"";position:absolute;left:6px;top:18px;bottom:18px;width:4px;border-radius:999px;background:var(--brand-grad)}.conversation-list button.active{background:linear-gradient(135deg,#3b82f629,#8b5cf61f)}.conversation-bottomline b{background:var(--brand-grad)}.chat-header{background:linear-gradient(180deg,#ffffffe0,#ffffffad),radial-gradient(circle at 100% 0%,rgba(59,130,246,.1),transparent 42%)}.messages{background:linear-gradient(#ffffff6b,#ffffff6b),radial-gradient(circle at 28px 28px,rgba(59,130,246,.055) 2px,transparent 3px),radial-gradient(circle at 68px 76px,rgba(139,92,246,.035) 2px,transparent 3px);background-size:auto,34px 34px,54px 54px}.bubble.mine{background:linear-gradient(145deg,#3b82f6,#6366f1 58%,#7c3aed);box-shadow:0 13px 30px #3b82f638}.bubble:not(.mine){background:#fffffff0}.welcome-panel{background:radial-gradient(circle at 50% 10%,rgba(59,130,246,.14),transparent 34%),linear-gradient(180deg,#ffffffc7,#ffffff8a)}.welcome-logo{margin-inline:auto;width:112px;height:112px;border-radius:34px}.welcome-grid span{border:1px solid rgba(59,130,246,.14);background:linear-gradient(135deg,#ffffffe6,#f0f6ffd6)}.voice-card{background:linear-gradient(135deg,#3b82f61a,#8b5cf614);border:1px solid rgba(59,130,246,.13)}.bubble.mine .voice-card{background:#ffffff2b;border-color:#ffffff2e}.voice-card audio{accent-color:#6366f1}@media(max-width:860px){.brand-row{padding:6px}.welcome-logo{width:92px;height:92px;border-radius:28px}}.admin-login-shell,.admin-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 34%),radial-gradient(circle at top right,rgba(139,92,246,.16),transparent 34%),#f6f8fc;color:#111827}.admin-login-shell{display:grid;place-items:center;padding:32px}.admin-login-card{width:min(440px,100%);padding:34px;border-radius:34px;background:#ffffffe6;box-shadow:0 24px 70px #1d4ed829;border:1px solid rgba(229,231,235,.8);display:grid;gap:16px;text-align:center}.admin-login-card img{width:86px;height:86px;margin:0 auto 4px;border-radius:28px;box-shadow:0 18px 38px #3b82f647}.admin-login-card h1,.admin-content h1{margin:0;letter-spacing:-.04em}.admin-login-card p{margin:0;color:#64748b;line-height:1.55}.admin-login-card input,.admin-search input{border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;font:inherit;background:#f8fafc;outline:none}.admin-login-card button,.admin-search button,.admin-sidebar button,.admin-user-row button{border:0;border-radius:18px;padding:12px 16px;font-weight:800;cursor:pointer}.admin-login-card button,.admin-search button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 14px 30px #3b82f63d}.admin-login-card a,.admin-sidebar a{color:#2563eb;text-decoration:none;font-weight:700}.admin-shell{display:grid;grid-template-columns:280px 1fr}.admin-sidebar{position:sticky;top:0;min-height:100vh;padding:24px;background:#ffffffc2;border-right:1px solid rgba(226,232,240,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:12px}.admin-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-brand img{width:52px;height:52px;border-radius:18px;box-shadow:0 12px 28px #3b82f63d}.admin-brand strong,.admin-brand span{display:block}.admin-brand span,.admin-muted,.admin-status-pill,.admin-list-row span,.admin-message-row span,.admin-feedback-card span,.admin-feedback-card small,.admin-user-main span,.admin-user-main small,.admin-user-metrics span{color:#64748b}.admin-sidebar button,.admin-sidebar a{text-align:left;padding:13px 14px;border-radius:18px;background:transparent;color:#334155}.admin-sidebar button.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 14px 32px #3b82f633}.admin-sidebar .danger-text{margin-top:auto;color:#ef4444}.admin-content{padding:32px;overflow:auto}.admin-topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.eyebrow{display:inline-flex;width:fit-content;color:#4f46e5;background:#6366f11a;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.admin-status-pill{background:#fff;border:1px solid #e2e8f0;padding:10px 14px;border-radius:999px;box-shadow:0 10px 30px #0f172a0f}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-stat-card,.admin-panel,.admin-feedback-card{background:#ffffffeb;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 55px #0f172a12}.admin-stat-card{padding:20px;border-radius:26px}.admin-stat-card span{display:block;color:#64748b;margin-bottom:12px;font-weight:800}.admin-stat-card strong{font-size:34px;letter-spacing:-.05em}.admin-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-panel{border-radius:30px;padding:22px}.admin-panel h2{margin:0 0 16px}.admin-list-row,.admin-message-row,.admin-user-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef2f7}.admin-list-row:last-child,.admin-message-row:last-child,.admin-user-row:last-child{border-bottom:0}.admin-list-row div,.admin-user-main{min-width:0;flex:1}.admin-list-row strong,.admin-list-row span,.admin-user-main strong,.admin-user-main span,.admin-user-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-row em{color:#ef4444;font-style:normal;font-weight:900;font-size:12px}.admin-message-row{align-items:flex-start;flex-direction:column;gap:4px}.admin-message-row p{margin:0;color:#334155}.admin-search{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:12px}.admin-user-table{display:grid}.admin-user-row{display:grid;grid-template-columns:auto 1fr auto auto}.admin-user-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:12px}.admin-block{background:#fee2e2;color:#b91c1c}.admin-unblock{background:#dcfce7;color:#15803d}.admin-feedback-card{border-radius:24px;padding:18px;margin-bottom:12px}.admin-feedback-card div{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.admin-feedback-card p{margin:0 0 10px;color:#1f2937;line-height:1.55}.admin-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;padding:12px 14px;border-radius:18px;font-weight:800}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;min-height:auto;flex-direction:row;overflow-x:auto;align-items:center}.admin-brand{min-width:210px;margin:0}.admin-stats-grid,.admin-two-columns{grid-template-columns:1fr}.admin-topbar,.admin-feedback-card div{flex-direction:column}.admin-user-row{grid-template-columns:auto 1fr}.admin-user-metrics,.admin-user-row button{grid-column:2;align-items:flex-start;width:fit-content}}.legal-page{min-height:100vh;padding:34px;overflow:auto;background:radial-gradient(circle at 12% 10%,rgba(41,121,255,.2),transparent 34%),radial-gradient(circle at 88% 15%,rgba(124,92,255,.18),transparent 30%),linear-gradient(135deg,#f7fbff,#eaf1fb)}.legal-card{width:min(920px,100%);margin:0 auto;padding:38px;border-radius:34px;background:#ffffffd1;border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.legal-brand-row{display:flex;align-items:center;gap:14px;color:var(--muted);font-weight:800}.legal-brand-row img{width:54px;height:54px;border-radius:18px;box-shadow:var(--shadow-soft)}.legal-brand-row strong{display:block;color:var(--text);font-size:18px}.legal-brand-row span{font-size:13px}.legal-card h1{margin:34px 0 12px;font-size:clamp(34px,5vw,58px);line-height:.96;letter-spacing:-.06em}.legal-lead{max-width:720px;color:var(--muted);font-size:18px;line-height:1.58}.legal-sections{display:grid;gap:16px;margin-top:28px}.legal-sections section{padding:20px;border-radius:24px;background:#ffffffbd;border:1px solid var(--line)}.legal-sections h2{margin:0 0 8px;font-size:18px}.legal-sections p{margin:0;color:var(--muted);line-height:1.55}.legal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.legal-actions a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:12px 16px;color:var(--text);font-weight:850;background:#fff}.legal-actions a:first-child{color:#fff;border:0;background:linear-gradient(145deg,var(--primary),var(--accent))}.profile-modal-wide{width:min(760px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto}.profile-cover{position:relative;min-height:190px;display:flex;align-items:flex-end;gap:18px;padding:28px;border-radius:30px;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.28),transparent 34%),linear-gradient(135deg,#2979ff,#7c5cff);background-size:cover;background-position:center;box-shadow:var(--shadow-soft);margin-bottom:22px}.profile-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070f201f,#070f207a)}.profile-cover .avatar,.profile-cover div:not(.profile-cover-overlay){position:relative;z-index:1}.profile-cover h2{margin:2px 0;font-size:32px;line-height:1}.profile-cover span{opacity:.88;font-weight:800}.eyebrow.light{color:#ffffffbd}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-form-grid label{display:grid;gap:8px;color:var(--muted);font-weight:900}.profile-form-grid input,.profile-form-grid textarea,.profile-form-grid select{border:1px solid var(--line);border-radius:16px;padding:13px 14px;color:var(--text);background:#f7faffe6;outline:none;font-weight:800}.full-field{grid-column:1 / -1}.privacy-box{display:grid;gap:12px;padding:16px;border:1px solid rgba(41,121,255,.14);background:linear-gradient(180deg,#e8f1ffe0,#ffffffe6);border-radius:22px}.privacy-box>div{display:grid;gap:3px}.privacy-box>div strong{font-size:18px}.privacy-box>div span{color:var(--muted);font-weight:800}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;color:var(--text)!important}.check-row input{width:18px;height:18px;accent-color:var(--primary)}.peer-profile-modal{width:min(560px,calc(100vw - 36px))}.peer-profile-body{display:grid;gap:14px}.info-card{display:grid;gap:4px;padding:14px;border-radius:18px;background:#f7fafff0;border:1px solid var(--line)}.info-card strong{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.info-card span{font-weight:900}.danger-outline{border:1px solid rgba(239,68,68,.26);background:#fef2f2e6;color:#dc2626;border-radius:16px;padding:12px 14px;font-weight:950}.success-note{padding:12px 14px;border-radius:16px;background:#22c55e1f;color:#15803d;font-weight:900}.stories-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 0;scrollbar-width:none}.stories-strip::-webkit-scrollbar{display:none}.story-add,.story-chip{min-width:82px;border:1px solid rgba(41,121,255,.14);background:#ffffffb8;border-radius:18px;padding:10px 8px;display:grid;justify-items:center;gap:6px;color:var(--text);font-weight:900;box-shadow:0 10px 26px #182c4c0f;position:relative}.story-add span{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;color:#fff;font-size:28px;background:linear-gradient(135deg,var(--primary),var(--accent))}.story-chip i{position:absolute;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#142033b8;color:#fff;font-style:normal}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#090f1cc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px}.story-viewer section{position:relative;width:min(420px,92vw);max-height:88vh;border-radius:32px;overflow:hidden;background:#0b1220;color:#fff;box-shadow:0 30px 100px #0000006b}.story-viewer section>button{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border-radius:999px;border:0;background:#ffffff2e;color:#fff;font-size:22px}.story-author-line{position:absolute;top:14px;left:14px;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 48px 8px 8px;border-radius:999px;background:#0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-author-line div{display:grid}.story-author-line span{opacity:.78;font-size:12px}.story-viewer img,.story-viewer video{width:100%;max-height:82vh;object-fit:contain;display:block}.story-viewer p{margin:0;padding:16px 18px 20px;font-weight:900}.reply-preview,.forwarded-label{border:0;width:100%;text-align:left;border-radius:14px;margin-bottom:8px}.forwarded-label{color:#ffffffd1;font-size:12px;font-weight:950;letter-spacing:.02em}.bubble:not(.mine) .forwarded-label{color:var(--primary)}.reply-preview{display:grid;gap:2px;padding:9px 11px;border-left:4px solid rgba(255,255,255,.74);background:#ffffff29;color:#fff;cursor:pointer}.bubble:not(.mine) .reply-preview{color:var(--text);border-left-color:var(--primary);background:#2979ff14}.reply-preview strong{font-size:12px}.reply-preview span{font-size:13px;opacity:.86;font-weight:800}.message-footer-line{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:6px}.mini-actions-button{opacity:0;transform:translateY(2px);border:0;background:#ffffff38;color:inherit;border-radius:999px;width:28px;height:22px;font-weight:950;transition:.16s ease}.bubble:hover .mini-actions-button{opacity:1;transform:translateY(0)}.bubble:not(.mine) .mini-actions-button{background:#2979ff14;color:var(--primary)}.message-footer-line time{margin:0}.message-footer-line em{font-style:normal}.web-voice-card audio{min-width:220px}.composer.has-context{grid-template-columns:auto auto 1fr auto}.composer-context{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(41,121,255,.14);background:#e8f1ffdb;border-radius:18px;box-shadow:0 10px 28px #182c4c0f}.composer-context span{color:var(--primary);font-weight:950}.composer-context strong{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-context button{border:0;background:#fff;color:var(--muted);border-radius:999px;width:30px;height:30px;font-weight:950}.web-message-action-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:end center;background:#1420334d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:20px}.web-message-actions{width:min(620px,100%);border-radius:30px;padding:12px 16px 16px;background:#fffffff5;border:1px solid rgba(255,255,255,.78);box-shadow:0 30px 90px #0c142442;animation:webSheetIn .18s ease both}@keyframes webSheetIn{0%{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}.action-grabber{width:62px;height:5px;border-radius:999px;background:#72809640;margin:0 auto 12px}.action-preview{display:grid;gap:4px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#e8f1ffe6,#f7faffe6);border:1px solid rgba(41,121,255,.12)}.action-preview strong{font-size:13px;color:var(--primary)}.action-preview span{font-weight:900;color:var(--text)}.action-reactions{display:flex;gap:10px;padding:14px 0;justify-content:center}.action-reactions button{width:48px;height:48px;border-radius:18px;border:1px solid var(--line);background:#fff;font-size:24px;box-shadow:0 10px 28px #182c4c14;transition:transform .16s ease}.action-reactions button:hover{transform:translateY(-3px) scale(1.04)}.action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.action-grid button{min-height:74px;display:grid;place-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;background:#f7faffe6;font-size:24px;font-weight:950;color:var(--text)}.action-grid button span{font-size:12px}.action-grid .danger-tile{background:#fef2f2eb;color:#dc2626;border-color:#ef444438}.done-action{width:100%;margin-top:12px;border:0;border-radius:18px;padding:13px 16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));font-weight:950}.forward-list{display:grid;gap:8px}.forward-list>button:not(.link-button){display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff;font-weight:900;color:var(--text)}@media(max-width:760px){.profile-form-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-message-actions{border-radius:26px}}.avatar{overflow:visible;background:transparent;box-shadow:none}.avatar-clip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:inherit;background:linear-gradient(145deg,#d8e7ff,#fff);color:var(--primary-dark);box-shadow:inset 0 0 0 1px #2979ff1f,0 10px 24px #182c4c14}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;display:block}.avatar span{position:relative;z-index:1}.profile-card .avatar,.conversation-list .avatar,.chat-header .avatar,.found-list .avatar{filter:saturate(1.04) contrast(1.02)}.profile-main .avatar-sm{width:54px;height:54px;border-radius:19px}.media-image-link{display:none}.media-image-button{display:block;padding:0;margin:0;border:0;background:transparent;color:inherit;border-radius:18px;overflow:hidden;cursor:zoom-in;text-align:left}.media-image-button:hover .media-image{transform:scale(1.012);filter:saturate(1.04) contrast(1.02)}.media-image{transition:transform .18s ease,filter .18s ease;box-shadow:0 10px 30px #14203314}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:grid;place-items:center;padding:42px;background:#0e152294;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:lightboxFade .14s ease both}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}.image-lightbox figure{max-width:min(86vw,980px);max-height:86vh;margin:0;display:grid;gap:12px;animation:lightboxZoom .18s cubic-bezier(.2,.9,.2,1) both}@keyframes lightboxZoom{0%{transform:scale(.965);opacity:.7}to{transform:scale(1);opacity:1}}.image-lightbox img{max-width:100%;max-height:calc(86vh - 48px);object-fit:contain;border-radius:24px;background:#fff;box-shadow:0 40px 120px #00000052}.image-lightbox figcaption{justify-self:center;padding:8px 14px;border-radius:999px;background:#ffffffe0;color:#344057;font-size:13px;font-weight:850}.image-lightbox-close{position:fixed;top:26px;right:28px;width:46px;height:46px;border:0;border-radius:999px;background:#ffffffeb;color:#1a2436;font-size:28px;line-height:1;font-weight:800;box-shadow:0 16px 45px #0000002e}.web-message-action-backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;place-items:initial;padding:0}.web-message-actions{position:fixed;right:34px;bottom:92px;width:min(430px,calc(100vw - 44px));max-height:min(560px,calc(100vh - 130px));overflow:auto;padding:10px;border-radius:24px;background:#ffffffe8;border:1px solid rgba(210,221,238,.84);box-shadow:0 28px 86px #101c3033,0 0 0 1px #ffffff94 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:webPopoverIn .16s cubic-bezier(.2,.9,.2,1) both}@keyframes webPopoverIn{0%{transform:translateY(12px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.action-grabber{width:42px;height:4px;margin-bottom:8px;opacity:.65}.action-preview{grid-template-columns:1fr;gap:2px;padding:9px 11px;border-radius:16px;background:#f6f9ffc7;border-color:#8194b02e}.action-preview strong{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.action-preview span{font-size:14px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-reactions{padding:10px 0 8px;gap:7px}.action-reactions button{width:42px;height:42px;border-radius:999px;font-size:21px;border-color:#8194b02e;background:#ffffffdb;box-shadow:0 8px 20px #182c4c12}.action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.action-grid button{min-height:58px;gap:4px;border-radius:16px;font-size:19px;background:#f7faffc2;box-shadow:none}.action-grid button span{font-size:10.5px;line-height:1;white-space:nowrap}.done-action{margin-top:9px;padding:10px 14px;border-radius:16px;font-size:14px}.forward-list{max-height:280px;overflow:auto}.forward-list>button:not(.link-button){padding:8px;border-radius:14px}@media(max-width:920px){.web-message-actions{left:18px;right:18px;bottom:84px;width:auto}}@media(max-width:620px){.web-message-actions{left:10px;right:10px;bottom:76px;border-radius:22px}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-lightbox{padding:18px}.image-lightbox-close{top:16px;right:16px}}.web-message-action-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:145;background:transparent;pointer-events:auto}.web-message-action-layer:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0c121f0a;pointer-events:none}.web-message-action-layer .web-message-actions{position:fixed;right:auto;bottom:auto;width:326px;max-height:min(410px,calc(100vh - 44px));overflow:auto;padding:8px;border-radius:20px;background:#fffffff5;border:1px solid rgba(214,224,241,.95);box-shadow:0 18px 48px #111c2f38,0 0 0 1px #ffffffb8 inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:var(--action-origin-x, 50%) var(--action-origin-y, 100%);animation:anchoredActionsIn .14s cubic-bezier(.2,.9,.25,1) both}.web-message-action-layer .web-message-actions-above{transform:translate(-50%,calc(-100% - 12px));--action-origin-y: 100%}.web-message-action-layer .web-message-actions-below{transform:translate(-50%,12px);--action-origin-y: 0%}.web-message-action-layer .web-message-actions-left{--action-origin-x: 16%}.web-message-action-layer .web-message-actions-right{--action-origin-x: 84%}@keyframes anchoredActionsIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px)) scale(.965)}to{opacity:1}}.web-message-action-layer .web-message-actions-below{animation-name:anchoredActionsInBelow}@keyframes anchoredActionsInBelow{0%{opacity:0;transform:translate(-50%,4px) scale(.965)}to{opacity:1}}.web-message-action-layer .web-message-actions:after{content:"";position:absolute;left:50%;width:14px;height:14px;background:inherit;border:inherit;transform:translate(-50%) rotate(45deg);z-index:-1}.web-message-action-layer .web-message-actions-above:after{bottom:-7px;border-left:0;border-top:0}.web-message-action-layer .web-message-actions-below:after{top:-7px;border-right:0;border-bottom:0}.web-message-action-layer .action-preview{padding:7px 9px;border-radius:14px;background:#f4f8ffd1}.web-message-action-layer .action-preview strong{font-size:10px}.web-message-action-layer .action-preview span{font-size:13px;max-width:100%}.web-message-action-layer .action-reactions{padding:8px 0 7px;gap:5px}.web-message-action-layer .action-reactions button{width:34px;height:34px;border-radius:999px;font-size:18px;box-shadow:none}.web-message-action-layer .action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.web-message-action-layer .action-grid button{min-height:47px;border-radius:13px;font-size:16px;gap:2px;padding:5px 3px}.web-message-action-layer .action-grid button span{font-size:9px;letter-spacing:-.02em}.web-message-action-layer .done-action{margin-top:7px;padding:8px 12px;border-radius:13px;font-size:13px}.web-message-action-layer .forward-list{max-height:245px}.web-message-action-layer .forward-list>button:not(.link-button){padding:7px;border-radius:12px}.image-lightbox{z-index:150;background:#0e15226b}.image-lightbox figure{max-width:min(74vw,860px);max-height:78vh}.image-lightbox figcaption{display:none}@media(max-width:760px){.web-message-action-layer .web-message-actions{width:min(318px,calc(100vw - 24px))}.web-message-action-layer .action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.web-message-action-layer .action-grid button{min-height:50px}}.bubble{position:relative;overflow:visible}.inline-message-actions{width:min(100%,390px);margin-top:10px;padding:10px;border-radius:20px;background:#ffffffeb;border:1px solid rgba(208,220,238,.95);box-shadow:0 18px 42px #1d315229;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text);animation:inlineActionIn .16s ease both}.bubble.mine .inline-message-actions,.inline-message-actions.mine{margin-left:auto;background:#fffffff5}.inline-reactions{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 4px 8px}.inline-reactions button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(208,220,238,.9);border-radius:999px;background:linear-gradient(180deg,#fff,#f4f8ff);font-size:19px;box-shadow:0 8px 18px #172b4d14;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.inline-reactions button:hover{transform:translateY(-2px) scale(1.04);border-color:#2979ff59;box-shadow:0 12px 22px #2979ff21}.inline-action-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:stretch}.inline-action-row button{min-width:0;min-height:56px;display:grid;place-items:center;gap:4px;border:1px solid rgba(208,220,238,.9);border-radius:16px;padding:8px 6px;background:#f7faff;color:#1d3152;font-weight:850;box-shadow:none;transition:transform .14s ease,background .14s ease,border-color .14s ease}.inline-action-row button:hover{transform:translateY(-1px);background:#fff;border-color:#2979ff47}.inline-action-row button:disabled{opacity:.38}.inline-action-row button b{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#2979ff1a;color:var(--primary);font-size:16px;line-height:1}.inline-action-row button span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:-.02em}.inline-action-row .inline-danger{color:#c24136;background:#fff6f5;border-color:#f4968f80}.inline-action-row .inline-danger b{background:#e74c3c1f;color:#c24136}.inline-close{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0;border-radius:999px;background:#14203314;color:#1420338c;font-weight:950}.inline-forward-picker{display:grid;gap:8px}.inline-forward-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text)}.inline-forward-head button,.inline-forward-picker>button{border:1px solid rgba(208,220,238,.9);border-radius:14px;background:#f7faff;color:var(--text);font-weight:850}.inline-forward-head button{width:32px;height:32px}.inline-forward-picker>button{display:flex;align-items:center;gap:8px;padding:8px}.inline-forward-picker p{margin:0;color:var(--muted);font-weight:750}.web-message-action-layer{display:none!important}@keyframes inlineActionIn{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:880px){.inline-action-row{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-message-actions{width:100%}}