:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{--bg-0:#060b12;--bg-1:#0a111b;--bg-2:#0d1724;--panel-1:#0e1724eb;--panel-2:#121d2df0;--panel-3:#ffffff0a;--panel-4:#ffffff12;--line:#ffffff14;--line-strong:#ffffff24;--text:#f3f7fb;--muted:#8ca0b5;--muted-2:#6f8295;--accent:#4f8cff;--accent-2:#2b6be7;--accent-soft:#4f8cff2e;--danger:#ff8a8a;--success:#8ff0b3;--shadow:0 24px 80px #0000006b;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}html,body,#root{width:100%;height:100%;margin:0;font-family:Inter,Arial,sans-serif}body{color:var(--text);background:radial-gradient(circle at 0 0,#3774e038,#0000 26%),radial-gradient(circle at 100% 0,#3254b926,#0000 22%),radial-gradient(circle at bottom,#214da41f,#0000 28%),linear-gradient(#07101a 0%,#04090f 100%)}button,input,textarea{font:inherit}img{display:block}.app{width:100%;height:100%;padding:18px}.messenger{border-radius:var(--radius-xl);border:1px solid var(--line);width:100%;height:calc(100vh - 36px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070e17db;display:flex;overflow:hidden}.messenger.premium{background:linear-gradient(#ffffff05,#0000 10%),#070e17db}.auth-page{justify-content:center;align-items:center;display:flex}.auth-card{border:1px solid var(--line);background:#0c1521eb;border-radius:28px;width:100%;max-width:450px;padding:28px;box-shadow:0 28px 90px #00000073}.auth-brand-badge{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:16px;font-size:26px;font-weight:800;display:flex;box-shadow:0 14px 30px #3870e459}.auth-card h1{margin:0 0 8px;font-size:30px;font-weight:800}.auth-subtitle{color:var(--muted);margin:0 0 18px;line-height:1.5}.field-hint{color:var(--muted);margin:-4px 0 12px;font-size:12px;line-height:1.5}.auth-input,.search,.composer-input,.settings-value{color:#fff;background:#ffffff0e;border:1px solid #0000;border-radius:16px;outline:none;width:100%;padding:13px 15px;transition:all .18s}.auth-input{margin-bottom:12px}.auth-input:hover,.search:hover,.composer-input:hover{background:#ffffff13}.auth-input:focus,.search:focus,.composer-input:focus{border-color:#4f8cffa6;box-shadow:0 0 0 4px #4f8cff1f}.auth-input::placeholder,.search::placeholder,.composer-input::placeholder{color:#7a90a6}.auth-btn,.switch-btn,.new-chat-btn,.logout-btn,.send-btn,.settings-btn,.icon-btn,.mobile-back-btn,.settings-close-x{cursor:pointer;border:none;transition:all .18s}.auth-btn,.new-chat-btn{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:16px;width:100%;padding:13px 16px;box-shadow:0 14px 30px #417bec47}.auth-btn:hover,.new-chat-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.switch-btn,.logout-btn{color:#fff;background:#ffffff12;border-radius:14px;width:100%;margin-top:10px;padding:12px 15px}.switch-btn:hover,.logout-btn:hover{background:#ffffff1c}.auth-error{color:var(--danger);margin-bottom:12px;font-size:14px}.auth-success{color:var(--success);margin-bottom:12px;font-size:14px;line-height:1.45}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#101927fa,#0a121dfa);flex-direction:column;width:390px;min-width:390px;display:flex}.sidebar-top{border-bottom:1px solid var(--line);background:linear-gradient(#ffffff05,#0000);padding:18px;position:relative}.brand-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand-main{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex;box-shadow:0 14px 34px #3870e452}.brand-copy{min-width:0}.brand-title{letter-spacing:.01em;font-size:18px;font-weight:800}.brand-subtitle{color:var(--muted);margin-top:3px;font-size:12px}.sidebar-header-actions{align-items:center;gap:8px;display:flex}.sidebar-tool-btn{cursor:pointer;color:#fff;background:#ffffff0f;border:none;border-radius:14px;width:42px;height:42px;transition:all .18s}.sidebar-tool-btn:hover{background:#ffffff1c}.sidebar-tool-btn.active{background:linear-gradient(135deg,#4f8cff47,#2b6be738);box-shadow:inset 0 0 0 1px #71a8ff29}.sidebar-search-shell{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sidebar-search-shell .search{flex:1}.sidebar-search-close{cursor:pointer;color:#fff;background:#ffffff0f;border:none;border-radius:14px;width:42px;height:42px;transition:all .18s}.sidebar-search-close:hover{background:#ffffff1c}.sidebar-mobile-menu{display:none}.sidebar-mobile-menu-item{cursor:pointer;text-align:left;color:#fff;background:0 0;border:none;border-radius:14px;width:100%;padding:12px 14px;transition:all .18s}.sidebar-mobile-menu-item:hover{background:#ffffff14}.sidebar-mobile-menu-item.danger{color:#ffb0b0}.profile-panel{border:1px solid var(--line);background:#ffffff09;border-radius:22px;margin-bottom:14px;padding:14px}.profile-panel-main{align-items:center;gap:12px;display:flex}.profile-info{flex:1;min-width:0}.profile-actions{gap:8px;margin-top:12px;display:flex}.settings-btn{color:#fff;background:#ffffff0f;border-radius:14px;flex-shrink:0;width:46px;height:46px}.settings-btn:hover{background:#ffffff1a}.logout-btn{margin-top:0}.sidebar-section+.sidebar-section{margin-top:14px}.section-label{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.new-chat-box{flex-direction:column;gap:10px;display:flex}.chat-list-header{color:#d6e0ea;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:14px 18px 10px;font-size:13px;font-weight:700;display:flex}.chat-list-count{color:var(--muted);font-weight:600}.chat-list{flex:1;min-height:0;padding:10px;overflow-y:auto}.search-section-title{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;padding:12px 12px 8px;font-size:12px;font-weight:700}.search-feedback{color:var(--muted);padding:12px;font-size:13px}.search-feedback.error{color:var(--danger)}.search-result-item{margin-bottom:8px}.search-empty-state{margin-top:10px}.chat-item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:18px;gap:12px;width:100%;margin-bottom:4px;padding:12px;transition:all .18s;display:flex}.chat-item:hover{background:#ffffff0d;transform:translateY(-1px)}.chat-item.active{background:linear-gradient(#3a76e747,#2653a838);box-shadow:inset 0 0 0 1px #71a8ff29}.chat-info{flex:1;min-width:0}.chat-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.chat-bottom{align-items:center;gap:10px;display:flex}.chat-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.chat-time{color:var(--muted);flex-shrink:0;font-size:12px}.chat-last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.35;overflow:hidden}.avatar{object-fit:cover;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden;box-shadow:0 10px 20px #0000003d}.fancy-empty{text-align:center;background:#ffffff06;border:1px dashed #ffffff1f;border-radius:24px;margin:8px;padding:26px 18px}.empty-icon{margin-bottom:10px;font-size:28px}.empty-title{margin-bottom:6px;font-size:16px;font-weight:700}.empty-text{color:var(--muted);font-size:13px;line-height:1.5}.main{background:radial-gradient(circle at 20% 20%,#4475d31c,#0000 20%),radial-gradient(circle at 80% 30%,#375fc114,#0000 18%),linear-gradient(#080f18fa,#040a11);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1623b8;justify-content:space-between;align-items:center;gap:12px;min-height:82px;padding:16px 22px;display:flex}.topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.topbar-profile-btn{cursor:pointer;min-width:0;color:inherit;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:14px;padding:0;display:flex}.topbar-name{color:#fff;font-size:16px;font-weight:700}.topbar-status{color:var(--muted);margin-top:3px;font-size:13px}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn,.mobile-back-btn,.settings-close-x{color:#fff;background:#ffffff0f;border-radius:14px;width:42px;height:42px}.icon-btn:hover,.mobile-back-btn:hover,.settings-close-x:hover{background:#ffffff1c}.messages{flex:1;padding:26px 28px;overflow-y:auto}.message-row{margin-bottom:14px;display:flex}.message-row.grouped{margin-top:-4px}.message-row.me{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message{border-radius:20px;max-width:min(650px,68%);padding:12px 14px 10px;box-shadow:0 10px 24px #00000026}.message.me{background:linear-gradient(135deg,#3976df,#255fc8);border-bottom-right-radius:7px}.message.other{background:#fff1;border:1px solid #ffffff0d;border-bottom-left-radius:7px}.message.manageable{cursor:context-menu}.message.menu-open{box-shadow:0 10px 24px #00000026,0 0 0 1px #ffffff2e}.message-text{word-break:break-word;font-size:15px;line-height:1.5}.message-sender{letter-spacing:.01em;margin-bottom:8px;font-size:12px;font-weight:700}.message-media-link{cursor:zoom-in;background:0 0;border:none;padding:0;display:block}.message-media-image,.message-media-video{object-fit:cover;background:#00000038;border-radius:16px;width:min(100%,320px);max-height:360px;display:block}.message-media-video{object-fit:contain}.message-audio-shell{min-width:240px;margin-bottom:6px}.message-audio-head,.message-file-meta{color:#ffffffc7;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.message-audio,.message-file-card{width:100%}.message-file-card{color:#fff;background:#ffffff14;border-radius:16px;margin-bottom:6px;padding:12px 14px;text-decoration:none;display:block}.message-file-name{word-break:break-word;margin-bottom:6px;font-weight:600}.message-text.deleted{color:#ffffffb8;font-style:italic}.message-meta{justify-content:flex-end;align-items:center;gap:8px;margin-top:7px;display:flex}.message-edited,.message-time{color:#ffffffc7;font-size:11px}.message-receipt{text-align:right;color:#ffffffeb;letter-spacing:.03em;min-width:20px;font-size:12px}.message-menu-backdrop{z-index:1200;background:0 0;border:none;padding:0;position:fixed;inset:0}.message-menu{z-index:1201;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1825f5;border:1px solid #ffffff14;border-radius:18px;width:196px;padding:8px;position:fixed;box-shadow:0 24px 60px #00000061}.message-menu-item{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:14px;justify-content:flex-start;align-items:center;width:100%;padding:12px 14px;transition:all .18s;display:flex}.message-menu-item:hover{background:#ffffff12}.message-menu-item.danger{color:#ffc7c7}.message-menu-item.danger:hover{background:#ff8a8a24}.composer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a121db8;padding:16px 20px 20px}.composer-edit-banner{justify-content:space-between;align-items:center;gap:12px;padding:0 6px 10px;display:flex}.composer-edit-copy{color:#b6c6d8;font-size:13px}.composer-status-text{color:#9cb3c9;padding:0 6px 10px;font-size:13px}.composer-edit-cancel{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:12px;padding:7px 12px;transition:all .18s}.composer-edit-cancel:hover{background:#ffffff1f}.composer-shell{border:1px solid var(--line);background:#ffffff0a;border-radius:24px;align-items:flex-end;gap:12px;padding:10px;display:flex}.composer-tool-btn{cursor:pointer;color:#fff;background:#ffffff0f;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .18s;display:inline-flex;position:relative}.composer-tool-btn:hover{background:#ffffff1c}.composer-tool-btn.recording{background:linear-gradient(135deg,#ff565652,#da303047)}.composer-audio-btn{color:#0000;font-size:0}.composer-audio-btn:before{content:"";background:#fff;width:18px;height:18px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.2a3.6 3.6 0 0 0 3.6-3.6V6.8a3.6 3.6 0 1 0-7.2 0v4.8a3.6 3.6 0 0 0 3.6 3.6Z'/%3E%3Cpath d='M18.4 11.4a.9.9 0 0 0-1.8 0 4.6 4.6 0 1 1-9.2 0 .9.9 0 1 0-1.8 0 6.42 6.42 0 0 0 5.5 6.34V20H8.8a.9.9 0 1 0 0 1.8h6.4a.9.9 0 1 0 0-1.8h-2.3v-2.26a6.42 6.42 0 0 0 5.5-6.34Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.2a3.6 3.6 0 0 0 3.6-3.6V6.8a3.6 3.6 0 1 0-7.2 0v4.8a3.6 3.6 0 0 0 3.6 3.6Z'/%3E%3Cpath d='M18.4 11.4a.9.9 0 0 0-1.8 0 4.6 4.6 0 1 1-9.2 0 .9.9 0 1 0-1.8 0 6.42 6.42 0 0 0 5.5 6.34V20H8.8a.9.9 0 1 0 0 1.8h6.4a.9.9 0 1 0 0-1.8h-2.3v-2.26a6.42 6.42 0 0 0 5.5-6.34Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.composer-audio-btn.recording:before{border-radius:4px;width:12px;height:12px;-webkit-mask:none;mask:none}.hidden-file-input{display:none}.composer-input{resize:none;border-radius:18px;flex:1;min-height:54px;max-height:140px;padding:15px 16px;font-size:15px}.send-btn-round{border-radius:18px;flex-shrink:0;width:56px;height:56px}.send-btn{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 14px 30px #417bec4d}.send-btn:hover{transform:translateY(-1px)scale(1.02)}.empty-main{color:var(--muted);padding:30px}.premium-empty-main{flex:1;justify-content:center;align-items:center;display:flex}.empty-main-card{text-align:center;border:1px solid var(--line);background:#ffffff09;border-radius:32px;width:100%;max-width:560px;padding:40px 34px;box-shadow:0 26px 70px #00000038}.empty-main-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 18px;font-size:30px;font-weight:800;display:flex;box-shadow:0 16px 38px #3870e452}.empty-main-title{margin-bottom:10px;font-size:30px;font-weight:800}.empty-main-text{color:var(--muted);font-size:15px;line-height:1.6}.inline-empty-chat{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.profile-view-overlay{z-index:1100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05090fc7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.image-viewer-overlay{z-index:1200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at top,#22365747,#0000 35%),#03070cf0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.image-viewer-modal{background:#0b121de0;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;width:min(100%,1280px);height:min(100%,100vh - 32px);display:flex;overflow:hidden;box-shadow:0 30px 80px #00000073}.image-viewer-toolbar{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.image-viewer-meta{min-width:0}.image-viewer-title{color:#f4f7fb;word-break:break-word;font-size:16px;font-weight:800}.image-viewer-subtitle{color:#89a0b9;margin-top:4px;font-size:13px}.image-viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex}.image-viewer-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#ffffff05;border-radius:18px;max-width:100%;max-height:100%;display:block;box-shadow:0 24px 80px #00000073}.image-viewer-close{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:999px;width:48px;height:48px;font-size:28px;line-height:1;transition:all .18s}.image-viewer-close:hover{background:#ffffff29}.desktop-update-banner{z-index:1250;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1622f0;border:1px solid #6a9dff33;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;width:min(100vw - 32px,560px);padding:16px 18px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 22px 54px #00000057}.desktop-update-copy{min-width:0}.desktop-update-title{color:#f5f8fc;font-size:16px;font-weight:800}.desktop-update-text{color:#8ea5bc;margin-top:4px;font-size:13px}.desktop-update-progress{color:#b8d1ff}.desktop-update-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.desktop-update-dismiss,.desktop-update-install{white-space:nowrap;min-width:auto;margin:0}.profile-view-modal{border:1px solid var(--line-strong);background:linear-gradient(#1a2432 0%,#141d2a 100%);border-radius:28px;width:100%;max-width:620px;max-height:calc(100vh - 36px);overflow-y:auto;box-shadow:0 28px 90px #0000007a}.profile-view-close-row{justify-content:flex-end;padding:18px 18px 0;display:flex}.profile-view-header{text-align:center;flex-direction:column;align-items:center;padding:6px 28px 24px;display:flex}.profile-view-name{margin-top:18px;font-size:34px;font-weight:800}.profile-view-status{color:#89a1b7;margin-top:8px;font-size:18px}.profile-view-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 28px 24px;display:grid}.profile-view-action{cursor:pointer;color:#fff;background:#111b27e6;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:92px;transition:all .18s;display:flex}.profile-view-action:hover{background:#ffffff17}.profile-view-action.static{cursor:default}.profile-view-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 10px;padding:0 28px 28px;display:grid}.profile-view-card-single{grid-template-columns:1fr}.profile-view-fact{background:#ffffff09;border:1px solid #ffffff0f;border-radius:20px;padding:16px 18px}.profile-view-fact-value{word-break:break-word;font-size:18px;font-weight:600;line-height:1.45}.profile-view-fact-label{color:var(--muted);margin-top:6px;font-size:13px}.group-settings-input{margin-top:10px}.group-settings-message{margin:0}.group-settings-save{width:auto}.group-members-panel{padding:0 28px 28px}.group-members-title{margin-bottom:12px;font-size:18px;font-weight:700}.group-members-list{flex-direction:column;gap:10px;display:flex}.group-member-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.group-member-main{align-items:center;gap:12px;min-width:0;display:flex}.group-member-meta{min-width:0}.group-member-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.group-member-name{font-size:15px;font-weight:700}.group-member-username{color:var(--muted);margin-top:4px;font-size:13px}.group-role-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.group-role-badge.owner{color:#fff4cf;background:#ffc54a33}.group-role-badge.admin{color:#cfe4ff;background:#4f8cff2e}.group-member-action{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:14px;flex-shrink:0;padding:10px 12px;transition:all .18s}.group-member-action:hover{background:#ffffff1f}.group-modal-overlay{z-index:1110;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05090fc7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.group-modal{border:1px solid var(--line-strong);background:#0f1825;border-radius:28px;width:100%;max-width:640px;max-height:calc(100vh - 36px);padding:24px;overflow-y:auto;box-shadow:0 28px 90px #0000007a}.group-modal-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.group-modal-title{font-size:26px;font-weight:800}.group-modal-subtitle{color:var(--muted);margin-top:6px;font-size:14px}.group-modal-section{margin-bottom:14px}.group-modal-label{color:#9ab0c3;margin-bottom:8px;font-size:14px;display:block}.group-selected-users{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.group-user-chip{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.group-search-results{min-height:120px;max-height:320px;margin-bottom:16px;overflow-y:auto}.group-modal-actions{gap:10px;display:flex}.settings-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05090fc2;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.settings-modal{border:1px solid var(--line-strong);background:#0f1825;border-radius:28px;grid-template-columns:270px 1fr;width:100%;max-width:940px;min-height:610px;display:grid;overflow:hidden;box-shadow:0 28px 90px #0000007a}.email-modal-compact{max-width:700px;min-height:auto;display:block}.settings-sidebar{border-right:1px solid var(--line);background:linear-gradient(#0c1520,#0d1723);padding:20px 16px}.settings-profile-preview{border:1px solid var(--line);background:#ffffff08;border-radius:20px;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.settings-profile-meta{min-width:0}.settings-profile-meta .name{font-size:16px;font-weight:700}.settings-profile-meta .username{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.settings-nav{flex-direction:column;gap:8px;display:flex}.settings-nav-item{color:#ccdae6;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:13px 14px;font-size:14px;transition:all .18s}.settings-nav-item:hover{background:#ffffff0d}.settings-nav-item.active{color:#fff;background:linear-gradient(135deg,#4f8cff47,#2b6be738)}.settings-content{padding:24px;overflow-y:auto}.settings-content h2{margin:0 0 18px;font-size:26px}.settings-close-top{justify-content:flex-end;margin-bottom:12px;display:flex}.settings-card{border:1px solid var(--line);background:#ffffff08;border-radius:22px;margin-bottom:16px;padding:20px}.settings-card-title{margin-bottom:14px;font-size:15px;font-weight:700}.settings-item{margin-bottom:14px}.settings-item:last-child{margin-bottom:0}.settings-item label{color:#9ab0c3;margin-bottom:8px;font-size:14px;display:block}.settings-item .field-hint{margin:-2px 2px 0}.avatar-upload-card{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;padding:14px}.avatar-upload-preview-row{align-items:center;gap:14px;display:flex}.avatar-upload-copy{min-width:0}.avatar-upload-title{color:#f3f7fb;font-size:15px;font-weight:700}.avatar-upload-subtitle{color:#8ea5bc;margin-top:4px;font-size:13px;line-height:1.45}.avatar-upload-actions{gap:10px;margin-top:14px;display:flex}.settings-textarea{resize:vertical;min-height:100px}.settings-email-row{align-items:center;gap:10px;display:flex}.settings-email-row .settings-value{flex:1}.settings-buttons{gap:10px;margin-top:18px;display:flex}.privacy-toggle{gap:10px;display:flex}.privacy-option{cursor:pointer;color:#d9e4ef;background:#ffffff0f;border:none;border-radius:14px;flex:1;padding:12px 14px;transition:all .18s}.privacy-option:hover{background:#ffffff1a}.privacy-option.active{color:#fff;background:linear-gradient(135deg,#4f8cff47,#2b6be738);box-shadow:inset 0 0 0 1px #71a8ff29}.mobile-back-btn{display:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@media (width<=1200px){.sidebar{width:350px;min-width:350px}.message{max-width:78%}}@media (width<=900px){.app{padding:0}.messenger{border:none;border-radius:0;height:100vh}.sidebar{width:320px;min-width:320px}.settings-modal{border-radius:0;grid-template-columns:1fr;max-width:100%;min-height:auto}.settings-sidebar{border-right:none;border-bottom:1px solid var(--line)}}@media (width<=700px){.messenger{height:100vh;display:block;position:relative}.sidebar,.main{width:100%;min-width:0;height:100vh}.sidebar{flex-direction:column;display:flex;overflow:hidden}.brand-row{margin-bottom:10px}.main,.messenger.chat-open .sidebar{display:none}.messenger.chat-open .main{display:flex}.mobile-back-btn{justify-content:center;align-items:center;display:inline-flex}.topbar{min-height:74px;padding:12px 14px}.sidebar-top{padding:12px 12px 10px}.brand-main{gap:10px}.brand-mark{border-radius:14px;width:40px;height:40px}.sidebar-header-actions{gap:6px}.sidebar-tool-btn,.sidebar-search-close{border-radius:12px;width:38px;height:38px}.sidebar-mobile-menu{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09101af5;border-radius:18px;flex-direction:column;gap:4px;min-width:180px;padding:8px;display:flex;position:absolute;top:58px;right:12px;box-shadow:0 20px 48px #00000061}.sidebar-search-shell{margin-bottom:10px}.profile-panel{border-radius:18px;margin-bottom:8px;padding:10px 12px}.profile-panel-main{gap:10px}.profile-actions{display:none}.chat-list-header{padding:10px 14px 8px}.chat-list{padding:8px}.profile-view-overlay,.group-modal-overlay{padding:0}.group-modal{border-radius:0;max-width:100%;max-height:100vh;padding:18px 16px}.profile-view-modal{border-radius:0;max-width:100%;max-height:100vh}.profile-view-header{padding-left:18px;padding-right:18px}.profile-view-name{font-size:28px}.profile-view-status{font-size:16px}.profile-view-actions,.profile-view-card{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:18px;padding-right:18px}.profile-view-card-single,.group-members-panel{padding-left:18px;padding-right:18px}.avatar-upload-preview-row,.avatar-upload-actions,.group-member-row{flex-direction:column;align-items:stretch}.group-member-action{width:100%}.chat-item{padding:11px}.messages{padding:16px 14px}.message{max-width:86%}.composer{padding:12px}.composer-shell{padding:8px}.composer-input{min-height:48px;font-size:16px}.profile-actions,.settings-buttons,.settings-email-row{flex-direction:column;align-items:stretch}.settings-content{padding:16px}.settings-sidebar{padding:14px}}@media (width<=420px){.auth-card{border-radius:0;max-width:100%;min-height:100vh;padding:18px}.empty-main-title{font-size:24px}.chat-name,.topbar-name{font-size:14px}.chat-last,.topbar-status{font-size:12px}.message{max-width:90%;padding:10px 12px}.message-text{font-size:14px}}