:root{--bg:#0f172a;--card:#111827;--card-2:#0b1220;--panel:#020617;--accent:#22c55e;--accent-2:#16a34a;--accent-line:#22c55e42;--text:#e5e7eb;--muted:#9ca3af;--muted-2:#cbd5e1;--danger:#ef4444;--border:#1f2937;--shadow:0 18px 45px #0206176b;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--page-padding:24px;--sidebar-width:340px;--composer-min-height:120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;overflow-x:clip}#app{justify-content:center;width:100%;display:flex}body{background:radial-gradient(circle at top right, #22c55e29, transparent 24%), radial-gradient(circle at 15% 18%, #3b82f61a, transparent 26%), radial-gradient(circle at bottom left, #10b98114, transparent 30%), linear-gradient(180deg, #ffffff05, transparent 30%), var(--bg);min-height:100%;color:var(--text);width:100%;min-width:320px;padding:max(var(--page-padding), env(safe-area-inset-top)) max(var(--page-padding), env(safe-area-inset-right)) max(var(--page-padding), env(safe-area-inset-bottom)) max(var(--page-padding), env(safe-area-inset-left));justify-content:center;align-items:stretch;margin:0;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}button,input,select{font:inherit}button,input,select,textarea{max-width:100%}button,input,select{min-height:44px}.reply-preview{border-left:3px solid var(--accent);background:#22c55e1a;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.reply-preview-title{color:var(--accent);margin-bottom:3px;font-size:12px;font-weight:700}.reply-preview-text{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-size:13px;overflow:hidden}.reply-preview-close{width:32px;min-width:32px;height:32px;min-height:32px;box-shadow:none;border-radius:999px;padding:0}.msg-reply{cursor:pointer;background:#02061738;border-left:3px solid #22c55ebf;border-radius:12px;padding:8px 10px;font-size:13px}.msg.msg-flash{animation:.22s cubic-bezier(.2,.8,.3,1.05) msgIn,1.6s msgFlash}@keyframes msgFlash{0%,to{box-shadow:0 12px 28px #0206172e}15%{box-shadow:0 0 0 2px var(--accent), 0 0 24px #22c55e73, 0 12px 28px #0206172e}35%{box-shadow:0 0 0 2px #22c55e59,0 0 12px #22c55e2e,0 12px 28px #0206172e}55%{box-shadow:0 0 0 2px var(--accent), 0 0 24px #22c55e73, 0 12px 28px #0206172e}75%{box-shadow:0 0 0 2px #22c55e40,0 0 12px #22c55e1a,0 12px 28px #0206172e}}.msg-reply-author{color:var(--accent);margin-bottom:2px;font-weight:700}.msg-reply-text{opacity:.85;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg-actions{flex-wrap:wrap;gap:8px;display:flex}.msg-reply-btn{width:auto;min-height:32px;padding:6px 10px;font-size:12px}.typing-indicator{color:var(--muted);background:#02061773;border-top:1px solid #94a3b80f;flex-shrink:0;padding:8px 18px;font-size:13px}.attach-btn{width:44px;min-width:44px;padding:10px 0;font-size:20px}.context-reactions{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:4px;padding:4px;display:grid}.context-reactions button{text-align:center;border-radius:10px;min-height:34px;padding:6px}.msg-reactions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.msg-reaction{width:auto;min-height:28px;box-shadow:none;color:inherit;background:#ffffff24;border-radius:999px;padding:4px 8px;font-size:13px}.msg-reaction.active{background:#22c55e59}.upload-file-preview{align-items:center;gap:10px;display:flex}.upload-file-icon{font-size:24px}.upload-progress{align-items:center;gap:10px;margin-top:8px;display:flex}.upload-progress-track{background:#94a3b826;border:1px solid #94a3b81a;border-radius:999px;flex:1;min-width:0;height:8px;position:relative;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%;transition:width .18s;position:relative;overflow:hidden}.upload-progress-shine{background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.1s ease-in-out infinite progressShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes progressShine{0%{transform:translate(-100%)}60%,to{transform:translate(220%)}}.upload-progress-label{text-align:right;min-width:42px;color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.typing-indicator:after{content:"";text-align:left;width:18px;animation:1.2s infinite typingDots;display:inline-block}@keyframes typingDots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.msg-editor{flex-direction:column;gap:8px;display:flex}.msg-editor-input{resize:vertical;width:100%;min-height:90px;color:inherit;font:inherit;background:#02061738;border:1px solid #94a3b829;border-radius:12px;padding:10px}.toggle-btn{width:auto;min-width:0;min-height:32px;padding:6px 10px;font-size:12px}.mention{color:#86efac;background:#22c55e1f;border-radius:6px;padding:1px 4px;font-weight:700}.mention-dropdown{z-index:40;background:#111827fa;border:1px solid #94a3b829;border-radius:14px;max-height:220px;padding:6px;position:absolute;bottom:86px;left:14px;right:14px;overflow-y:auto;box-shadow:0 18px 45px #02061773}.mention-option{cursor:pointer;border-radius:10px;padding:9px 10px;font-weight:700}.mention-option:hover,.mention-option.active{background:#22c55e24}.msg-editor-input:focus{border-color:var(--accent-line);outline:none}.msg-editor-actions{gap:8px;display:flex}.msg-editor-actions button{width:auto}.upload-preview{background:#22c55e1a;border:1px solid #22c55e29;border-radius:16px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:10px;padding:10px;display:grid}.upload-preview-media{width:72px;height:72px;color:var(--muted);background:#02061759;border-radius:12px;place-items:center;font-size:28px;display:grid;overflow:hidden}.upload-preview-media img,.upload-preview-media video{object-fit:cover;width:100%;height:100%}.upload-preview-info{min-width:0}.upload-preview-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.upload-preview-meta{color:var(--muted);margin-top:4px;font-size:12px}.upload-preview-actions{gap:8px;display:flex}.upload-preview-actions button{width:auto}.chat.drag-over{outline:2px dashed var(--accent);outline-offset:-10px;background:radial-gradient(circle,#22c55e29,#0000 38%),linear-gradient(#ffffff05,#0000 16%)}.context-menu{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform-origin:0 0;pointer-events:none;background:#111827f5;border:1px solid #94a3b829;border-radius:16px;min-width:190px;padding:8px;transition:opacity .16s cubic-bezier(.2,.9,.3,1.2),transform .16s cubic-bezier(.2,.9,.3,1.2);position:fixed;transform:scale(.92)translateY(6px);box-shadow:0 24px 60px #0206178c,0 0 0 1px #22c55e0d}.context-menu.visible{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.context-menu .context-action{width:100%;min-height:40px;color:var(--text);box-shadow:none;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;transition:background .12s,color .12s;display:flex}.context-menu .context-action .icon{color:var(--muted);flex-shrink:0;transition:color .12s}.context-menu .context-action:hover{color:#ecfdf5;box-shadow:none;background:#22c55e24;transform:none}.context-menu .context-action:hover .icon{color:var(--accent)}.context-menu .context-action.danger{color:#fecaca}.context-menu .context-action.danger .icon{color:#f87171}.context-menu .context-action.danger:hover{background:#ef444429}.context-menu .context-action.danger:hover .icon{color:#ef4444}.context-sep{background:linear-gradient(90deg,#0000,#94a3b838,#0000);height:1px;margin:7px 4px}.context-reactions{justify-content:space-between;gap:2px;padding:2px;display:flex}.context-reactions .reaction-btn{width:36px;min-width:36px;height:38px;min-height:38px;box-shadow:none;opacity:0;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:19px;line-height:1;transition:opacity .18s,transform .18s cubic-bezier(.2,.9,.3,1.4),background .12s;display:flex;transform:scale(.5)translateY(8px)}.context-menu.visible .context-reactions .reaction-btn{opacity:1;transform:scale(1)translateY(0)}.context-reactions .reaction-btn:hover{background:#22c55e24;transform:scale(1.18)!important}.context-reactions .reaction-btn:active{transform:scale(.92)!important}.msg.suppress-click{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.icon{vertical-align:-.18em;flex-shrink:0;display:inline-block}.icon.flip{transform:scaleX(-1)}.msg-file-icon{width:52px;min-width:52px;height:52px;color:var(--accent);background:#22c55e1a;border:1px solid #22c55e2e;border-radius:14px;justify-content:center;align-items:center;display:flex}.file-link{align-items:center;gap:6px;display:inline-flex}.container{width:min(1600px,100%);height:calc(100dvh - var(--page-padding) * 2);gap:18px;min-height:0;display:flex}.panel{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0;container-type:inline-size}.chat-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.chat-panel{position:relative}.users-popup{z-index:30;width:min(320px,100% - 36px);animation:.2s cubic-bezier(.2,.9,.3,1.1) popupIn;position:absolute;top:72px;right:18px}@keyframes popupIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.users-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 100% 0,#22c55e1f,#0000 34%),linear-gradient(#ffffff0a,#020617eb),#111827;border:1px solid #94a3b824;border-radius:20px;overflow:hidden;box-shadow:0 22px 55px #0206178c}.users-card-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.users-title{color:var(--text);font-size:14px;font-weight:700}.users-subtitle{color:var(--muted);margin-top:2px;font-size:12px}.users-close{width:34px;min-width:34px;height:34px;min-height:34px;color:var(--text);box-shadow:none;background:#94a3b81f;border-radius:999px;padding:0;font-size:22px;line-height:1}.users-close:hover{box-shadow:none;background:#94a3b82e}.users-list{max-height:320px;padding:10px;overflow-y:auto}.user-item{border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:background .15s,transform .15s;display:grid}.user-item:hover{background:#94a3b814;transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04120a;border-radius:999px;place-items:center;width:38px;height:38px;font-weight:700;display:grid;box-shadow:0 8px 18px #16a34a33}.user-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.user-badge{color:#86efac;text-transform:uppercase;letter-spacing:.04em;background:#22c55e1f;border:1px solid #22c55e29;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.whoami-row{align-items:center;gap:8px;min-width:0;display:flex}.admin-badge{color:#fde68a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(160deg,#fde68a38,#eab3081a 55%,#b4530924);border:1px solid #fde04759;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:11px;font-weight:700;transition:box-shadow .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px #fef9c340,0 4px 14px #eab3082e}.admin-badge .icon{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf248c)}.admin-badge:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fef9c34d,0 6px 18px #eab3084d}.user-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.user-admin-badge{color:#fde68a;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(160deg,#fde68a38,#eab3081a 55%,#b4530924);border:1px solid #fde04759;border-radius:999px;align-items:center;gap:4px;padding:4px 9px 4px 7px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #fef9c340,0 4px 14px #eab3082e}.user-admin-badge .icon{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf248c)}.msg-delete-btn{align-self:flex-end;width:auto;min-height:32px;padding:6px 10px;font-size:12px}.other .msg-delete-btn{align-self:flex-start}.users-empty,.users-loading{text-align:center;color:var(--muted);padding:18px 12px;font-size:13px}.panel,.chat-panel{border-radius:var(--radius-lg);min-width:0;min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff08,#0000 26%),#111827f5;border:1px solid #94a3b81a;flex-direction:column;display:flex;overflow:hidden}.panel{width:var(--sidebar-width);min-width:var(--sidebar-width);flex-shrink:0}.chat-panel{flex:1;min-width:0}.header{background:linear-gradient(90deg,#22c55e14,#0000 28%),#020617eb;border-bottom:1px solid #94a3b814;flex-shrink:0;padding:16px 18px;font-weight:700}.header-row,.chat-topbar,.topbar,.rooms-list-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:12px;display:flex}.rooms-list-title{color:var(--text);overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:700;line-height:1.35}.section{padding:18px}#toggleRoomsBtn{white-space:normal;width:auto;min-width:92px;max-width:111px;padding:8px 10px;line-height:1.15}#roomsSection{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}#roomsList{min-height:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:radial-gradient(circle at 30% 30%, #86efac, var(--accent));border-radius:999px;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 6px #22c55e14}.brand-title{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;line-height:1.35}.lang-switch{background:#94a3b81a;border:1px solid #94a3b814;border-radius:999px;flex-shrink:0;gap:4px;padding:4px;display:inline-flex}.lang-btn{width:auto;min-width:52px;min-height:36px;color:var(--muted-2);box-shadow:none;letter-spacing:.06em;background:0 0;border:none;border-radius:999px;padding:8px 12px;font-size:12px}.lang-btn:hover{box-shadow:none}.lang-btn.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04120a;box-shadow:0 10px 20px #16a34a33}.header-row{flex-wrap:nowrap;gap:8px}.brand{flex:auto;min-width:0}.brand-copy{min-width:0}.brand-subtitle{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.header-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:8px}.profile-btn{flex-shrink:1;max-width:130px}.lang-switch{flex-shrink:0}.lang-btn{min-width:40px;padding:8px}.section-block{border-radius:var(--radius-md);background:linear-gradient(#ffffff05,#02061733);border:1px solid #94a3b814;padding:14px}.section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px;font-size:12px}.section-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-pill{color:var(--muted-2);white-space:nowrap;background:#94a3b814;border:1px solid #94a3b814;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px}input,button,select{border-radius:var(--radius-sm);border:1px solid #0000;width:100%;padding:11px 13px}input,select{background:var(--panel);color:#fff;margin-bottom:10px;box-shadow:inset 0 1px #ffffff08}input::placeholder{color:#7c8aa1}input:focus,select:focus{border-color:var(--accent-line);outline:none;box-shadow:0 0 0 4px #22c55e1a}button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04120a;cursor:pointer;touch-action:manipulation;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .15s;box-shadow:0 10px 24px #16a34a2e}button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #16a34a3d}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary{color:#fff;box-shadow:none;background:linear-gradient(#3a475c,#334155)}.small-btn{flex-shrink:0;width:auto;min-height:38px;padding:8px 12px}.status{color:var(--muted);min-height:18px;margin-top:8px;font-size:13px;line-height:1.4}.auth-requirements{border-radius:var(--radius-sm);color:var(--muted-2);background:#94a3b812;border:1px dashed #94a3b838;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.5;animation:.25s hintIn}@keyframes hintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.error{color:var(--danger)}.filters{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.filters-row{grid-template-columns:1fr;gap:8px;display:grid}.filters input,.filters select,.filters button{width:100%;min-width:0;margin-bottom:0}.filters select{text-overflow:ellipsis;overflow:hidden}.room-item{background:linear-gradient(180deg, #ffffff05, transparent 60%), var(--card-2);border-radius:var(--radius-md);border:1px solid #94a3b814;min-width:0;margin-bottom:10px;padding:13px;transition:transform .18s cubic-bezier(.2,.8,.3,1.05),border-color .18s,box-shadow .18s,background .18s;animation:.25s cubic-bezier(.2,.8,.3,1.02) backwards roomIn}@keyframes roomIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-item:hover{background:linear-gradient(180deg, #22c55e0d, transparent 60%), var(--card-2);border-color:#22c55e38;transform:translateY(-2px);box-shadow:0 12px 28px #02061747}.room-item:active{transform:translateY(0)scale(.99)}#roomsList .room-item:first-child{animation-delay:0s}#roomsList .room-item:nth-child(2){animation-delay:35ms}#roomsList .room-item:nth-child(3){animation-delay:70ms}#roomsList .room-item:nth-child(4){animation-delay:.105s}#roomsList .room-item:nth-child(5){animation-delay:.14s}#roomsList .room-item:nth-child(6){animation-delay:.175s}#roomsList .room-item:nth-child(n+7){animation-delay:.2s}.room-title{overflow-wrap:anywhere;font-size:15px;font-weight:700}.room-meta{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 10px;font-size:12px;line-height:1.4}.room-actions{gap:8px;display:flex}.room-actions button{min-width:0;margin-top:2px}.danger{color:#fff7f7;background:linear-gradient(#ef4444,#dc2626);box-shadow:0 10px 24px #dc26262e}.danger:hover{box-shadow:0 14px 28px #dc26263d}.chat-panel{height:100%}.chat-room-label{align-items:center;gap:10px;min-width:0;display:flex}.return-to-chat{color:#ecfdf5;background:linear-gradient(135deg,#22c55e2e,#16a34a1a);border:1px solid #22c55e4d;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:46px;margin-bottom:14px;padding:10px 14px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;box-shadow:0 8px 22px #16a34a29}.return-to-chat:hover{transform:translateY(-1px);box-shadow:0 12px 26px #16a34a38}.return-to-chat:active{transform:scale(.99)}.return-to-chat .icon{color:var(--accent)}.return-to-chat span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=901px){.return-to-chat{display:none}}.chat-room-dot{background:var(--accent);border-radius:999px;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 5px #22c55e1a}.chat-room-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.chat-room-copy span,.chat-room-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-room-copy small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.35}.chat{overscroll-behavior:contain;background:radial-gradient(circle at top,#22c55e0f,#0000 34%),linear-gradient(#ffffff05,#0000 16%);flex-direction:column;flex:1;gap:10px;min-height:0;padding:18px;display:flex;overflow-y:auto}.msg{word-break:break-word;overflow-wrap:anywhere;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;width:fit-content;max-width:min(82%,620px);padding:13px 14px;transition:background .15s,box-shadow .15s;animation:.22s cubic-bezier(.2,.8,.3,1.05) msgIn;display:flex;box-shadow:0 12px 28px #0206172e}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.me{color:#05140b;background:linear-gradient(135deg,#22c55e,#84cc16);border-bottom-right-radius:6px;align-self:flex-end}.other{color:var(--text);background:linear-gradient(#ffffff05,#1f2937);border:1px solid #94a3b80f;border-bottom-left-radius:6px;align-self:flex-start}.system{max-width:min(90%,560px);color:var(--muted);box-shadow:none;text-align:center;background:#94a3b814;border:1px solid #94a3b814;border-radius:999px;align-self:center;padding:6px 12px;font-size:12px}.msg-username{opacity:.92;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.msg-text{white-space:pre-wrap;line-height:1.45}.msg-media{background:#02061738;border:1px solid #94a3b814;border-radius:14px;width:340px;max-width:100%;overflow:hidden}.msg-media:has(.vp){width:100%;min-width:min(280px,100%);max-width:340px}.msg-media .vp video{min-height:160px}.msg:has(.vp){min-width:min(300px,100%)}.msg-media img,.msg-media video{object-fit:contain;background:#000;width:100%;max-height:min(420px,55dvh);display:block}.msg-file{border-radius:var(--radius-sm);background:#02061738;border:1px solid #94a3b814;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.msg-file-info{flex-direction:column;gap:4px;min-width:0;display:flex}.msg-file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.msg-file-meta{opacity:.8;font-size:12px}.file-link{width:auto;color:inherit;white-space:nowrap;background:#ffffff1f;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.file-link:hover{background:#ffffff2e}.meta{color:var(--muted);font-size:11px}.me .meta,.me .msg-username{color:#05140bc2}.composer{border-top:1px solid var(--border);background:linear-gradient(#ffffff08,#0000 60%),#0206178f;flex-shrink:0;padding:14px;position:relative}.composer-tools{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tool-btn{width:auto;padding:9px 12px}.input-row{align-items:stretch;gap:8px;display:flex}.input-row input{flex:1;min-width:0;margin:0}.input-row button{flex-shrink:0}.input-row .send-btn{white-space:nowrap;justify-content:center;align-items:center;gap:7px;width:auto;min-width:0;min-height:44px;padding:9px 16px;font-size:14px;display:inline-flex}.input-row .send-btn .icon{transition:transform .18s cubic-bezier(.2,.9,.3,1.3)}.input-row .send-btn:not(:disabled):hover .icon{transform:translate(3px)}.input-row .attach-btn,.input-row .voice-btn{justify-content:center;align-items:center;width:44px;min-width:44px;padding:9px 0;display:inline-flex}.composer-status{margin-top:10px}.chat-empty{text-align:center;color:var(--muted);background:linear-gradient(#ffffff05,#02061729);border:1px dashed #94a3b829;border-radius:20px;margin:auto 0;padding:22px 18px}.chat-empty-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.chat-empty-text{max-width:380px;margin:0 auto;line-height:1.5}.hidden{display:none!important}@media (width<=1200px){:root{--page-padding:16px;--sidebar-width:310px}.container{gap:12px}}@media (width>=1100px){.filters-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}html,body{min-height:100%}body{overflow:hidden auto}@media (width>=901px){body{overflow:hidden}.container{height:calc(100dvh - var(--page-padding) * 2)}}@media (width<=900px){:root{--page-padding:10px}body{align-items:stretch;height:100dvh;overflow:hidden}.container{gap:0;height:100dvh;min-height:0;position:relative}.panel,.chat-panel{border-radius:18px;width:100%;min-width:0;height:100%;min-height:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s;position:absolute;inset:0;overflow:hidden}.container[data-mobile-view=rooms] .chat-panel{opacity:0;pointer-events:none;visibility:hidden;transform:translate(18%)}.container[data-mobile-view=chat] .panel{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-18%)}.chat-topbar{gap:8px;margin-bottom:10px}.mobile-back{justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;display:inline-flex}.chat-room-label{flex:1;gap:8px}.chat-room-dot{display:none}.chat-actions{flex-shrink:0;gap:6px}.chat-actions .btn-label{display:none}.chat-actions .small-btn{justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;display:inline-flex}#roomsSection{-webkit-overflow-scrolling:touch;max-height:none;overflow-y:auto}.chat{-webkit-overflow-scrolling:touch;flex:1;min-height:0;max-height:none;overflow-y:auto}.composer{position:relative;bottom:auto}.header{border-radius:0}.section-block,.room-item,.chat-empty,.users-card{border-radius:16px}.composer{border-radius:0}.users-popup{width:auto;position:fixed;top:90px;left:12px;right:12px}body.chat-fullscreen-mode .sidebar-toggle,.sidebar-toggle,.fullscreen-btn{display:none!important}.mobile-back{display:inline-flex}}@media (width>=901px){.mobile-back{display:none!important}}@media (width<=600px){.chat-actions{flex-wrap:wrap;justify-content:flex-end}.users-popup{width:auto;top:82px;left:12px;right:12px}.users-list{max-height:260px}.upload-preview{grid-template-columns:56px minmax(0,1fr)}.upload-preview-media{width:56px;height:56px}.upload-preview-actions{grid-column:1/-1}}@media (width<=420px){.rooms-list-header{flex-direction:column;align-items:stretch}#toggleRoomsBtn{width:100%}}@media (width<=380px){.brand{gap:8px}.brand-title{font-size:15px}input,button,select{padding:10px 11px}.section-block{padding:12px}}@media (hover:none){button:hover,.room-item:hover{transform:none}button:hover{box-shadow:0 10px 24px #16a34a2e}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=901px){body.chat-fullscreen-mode{padding:0}body.chat-fullscreen-mode .container{gap:0;width:100%;max-width:none;height:100dvh;overflow:hidden}body.chat-fullscreen-mode .panel{box-shadow:none;border-right-color:#94a3b829;border-radius:0;margin-left:0}body.chat-fullscreen-mode .chat-panel{height:100%;box-shadow:none;border-radius:0}body.chat-fullscreen-mode.fs-sidebar-hidden .panel{margin-left:calc(-1 * var(--sidebar-width));opacity:0;pointer-events:none}.container{transition:width .45s cubic-bezier(.33,1,.68,1),max-width .45s cubic-bezier(.33,1,.68,1),height .45s cubic-bezier(.33,1,.68,1),gap .45s cubic-bezier(.33,1,.68,1)}.panel{transition:margin-left .45s cubic-bezier(.33,1,.68,1),opacity .32s,border-radius .45s cubic-bezier(.33,1,.68,1),box-shadow .45s,border-color .45s}.chat-panel{transition:border-radius .45s cubic-bezier(.33,1,.68,1),box-shadow .45s,border-color .45s}body{transition:padding .45s cubic-bezier(.33,1,.68,1)}.sidebar-toggle{display:none}body.chat-fullscreen-mode .sidebar-toggle{justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex}body.chat-fullscreen-mode .sidebar-toggle .icon{transition:transform .3s cubic-bezier(.33,1,.68,1)}body.chat-fullscreen-mode .sidebar-toggle:hover .icon{transform:translate(-2px)}}.vp{-webkit-user-select:none;user-select:none;background:#000;width:100%;position:relative;overflow:hidden;container:vp/inline-size}@container vp (width<=320px){.vp-time,.vp-vol{display:none}.vp-controls{padding:16px 6px 5px}.vp-row{gap:0}.vp-btn{min-width:28px;height:28px}}.vp video{object-fit:contain;cursor:pointer;background:#000;width:100%;max-height:min(420px,55dvh);display:block}.vp:fullscreen{border-radius:0;width:100vw;height:100dvh;max-height:none}.vp:fullscreen video{border-radius:0;width:100vw;height:100dvh;max-height:none}.vp:fullscreen{background:#000;outline:none}.vp-controls{flex-wrap:wrap}.vp-bigplay{color:#04120a;cursor:pointer;background:#22c55eeb;border:none;border-radius:999px;place-items:center;width:64px;height:64px;margin:auto;padding:0;transition:transform .18s cubic-bezier(.33,1,.68,1),background .18s;display:grid;position:absolute;inset:0;transform:translate(1px);box-shadow:0 10px 30px #22c55e59}.vp-bigplay:hover{background:var(--accent);transform:translate(1px)scale(1.08)}.vp-bigplay:active{transform:translate(1px)scale(.96)}.vp-controls{opacity:0;pointer-events:none;background:linear-gradient(#0000,#020617e0);padding:26px 10px 8px;transition:opacity .22s,transform .22s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.vp-controls.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.vp-progress{cursor:pointer;touch-action:none;align-items:center;height:14px;display:flex;position:relative}.vp-progress:before{content:"";background:#94a3b840;border-radius:999px;height:4px;position:absolute;left:0;right:0}.vp-buffer,.vp-fill{pointer-events:none;border-radius:999px;height:4px;position:absolute;left:0}.vp-buffer{background:#94a3b84d}.vp-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent))}.vp-knob{background:var(--accent);border-radius:999px;width:14px;height:14px;transition:transform .15s;position:absolute;top:50%;right:-7px;transform:translateY(-50%)scale(0);box-shadow:0 2px 8px #22c55e80}.vp-progress:hover .vp-knob{transform:translateY(-50%)scale(1)}.vp-hover{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#020617eb;border:1px solid #94a3b82e;border-radius:8px;padding:3px 8px;font-size:11px;position:absolute;bottom:18px;transform:translate(-50%)}.vp-row{align-items:center;gap:4px;min-width:0;margin-top:4px;display:flex}.vp-time{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.vp-volume{flex-shrink:1}.vp-btn{width:fit-content;min-width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;transition:background .15s,color .15s;display:inline-flex}.vp-btn:hover{color:#fff;background:#94a3b826}.vp-skip{flex-direction:column;gap:0}.vp-skip-num{color:var(--muted);margin-bottom:-2px;font-size:8px;font-weight:700;line-height:1}.vp-skip:hover .vp-skip-num{color:var(--accent)}.vp-time{color:var(--muted-2);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px;font-size:12px}.vp-spacer{flex:1}.vp-volume{align-items:center;gap:2px;display:flex}.vp-vol{opacity:0;appearance:none;cursor:pointer;background:#94a3b84d;border-radius:999px;width:0;height:4px;transition:width .2s,opacity .2s}.vp-volume:hover .vp-vol,.vp-vol:focus-visible{opacity:1;width:64px}.vp-vol::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:999px;width:12px;height:12px}.vp-vol::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:999px;width:12px;height:12px}.vp-rate{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.vp-rate:hover{color:var(--accent)}.lb{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617f0;place-items:center;animation:.22s lbIn;display:grid;position:fixed;inset:0}@keyframes lbIn{0%{opacity:0}to{opacity:1}}.lb-img{cursor:zoom-in;border-radius:14px;max-width:calc(100vw - 96px);max-height:calc(100dvh - 120px);transition:transform .18s cubic-bezier(.33,1,.68,1);box-shadow:0 30px 90px #0009}.lb-img.pannable{cursor:grab}.lb-img.panning{cursor:grabbing;transition:none}.lb-top{justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.lb-counter{color:var(--muted-2);font-variant-numeric:tabular-nums;background:#94a3b81a;border:1px solid #94a3b829;border-radius:999px;padding:6px 12px;font-size:13px}.lb-actions{gap:8px;display:flex}.lb-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:#94a3b81a;border:1px solid #94a3b829;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.lb-btn:hover{border-color:var(--accent-line);background:#22c55e29;transform:translateY(-1px)}.lb-nav{width:48px;height:48px;color:var(--text);cursor:pointer;background:#94a3b81a;border:1px solid #94a3b829;border-radius:999px;place-items:center;padding:0;transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav .icon{transform:translate(.5px)}.lb-prev .icon{transform:translate(-1px)}.lb-next .icon{transform:translate(1px)}.lb-nav:hover{background:#22c55e29}.lb-prev{left:20px}.lb-prev:hover{transform:translateY(-50%)translate(-2px)}.lb-next{right:20px}.lb-next:hover{transform:translateY(-50%)translate(2px)}@media (width<=900px){.lb-img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 140px)}.lb-prev{left:8px}.lb-next{right:8px}.lb-nav{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.vp-controls,.lb,.lb-img,.lb-btn,.lb-nav{transition:none;animation:none}}.voice-rec{border-radius:var(--radius-sm);background:#ef444414;border:1px solid #ef444438;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 8px;display:flex}.voice-rec-btn{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text);cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.voice-rec-cancel:hover{background:#ef44442e;border-color:#ef444466}.voice-rec-send{color:#86efac;background:#22c55e29;border-color:#22c55e4d}.voice-rec-send:hover{background:#22c55e47;transform:translateY(-1px)}.voice-rec-visual{flex:1;align-items:center;gap:10px;min-width:0;height:36px;display:flex;overflow:hidden}.voice-rec-dot{background:#ef4444;border-radius:999px;width:9px;min-width:9px;height:9px;animation:1.1s ease-in-out infinite voicePulse}@keyframes voicePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.voice-rec-bars{flex:1;align-items:center;gap:2px;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.voice-rec-bars .vbar{opacity:.8;background:#ef4444;border-radius:2px;width:3px;min-width:3px;transition:height 80ms linear}.voice-rec-timer{color:var(--muted-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.voice{background:#02061738;border:1px solid #94a3b814;border-radius:12px;align-items:center;gap:10px;width:fit-content;min-width:0;max-width:100%;padding:8px 10px;display:flex}.voice-play{background:var(--accent);color:#04120a;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:0 0 0 2px;transition:transform .15s,background .15s;display:inline-flex}.voice-play:hover{background:#4ade80;transform:scale(1.07)}.voice-play:active{transform:scale(.95)}.voice-wave{cursor:pointer;flex:auto;align-items:center;gap:2px;min-width:0;height:36px;padding:0 2px;display:flex}.voice-bar{background:#94a3b873;border-radius:2px;width:3px;min-width:3px;transition:background .15s}.voice-bar.played{background:var(--accent)}.voice-wave.real-wave .voice-bar{background:#94a3b880}@media (width<=480px){.voice-wave .voice-bar:nth-child(2n){display:none}.voice-wave{gap:3px}.voice-time{font-size:11px}}.voice-wave.real-wave .voice-bar.played{background:var(--accent)}.voice-time{color:var(--muted-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.voice-error{color:var(--danger);font-size:12px}@media (prefers-reduced-motion:reduce){.voice-rec-dot{opacity:.8;animation:none}}.voice-rec.paused{background:#22c55e12;border-color:#22c55e40}.voice-rec-dot.hidden{display:none}.voice-rec-bars{position:relative}.voice-rec-bars.editable{cursor:default}.voice-rec-btn.voice-rec-play{color:var(--ok,#22c55e)}.voice-rec-bars .vbar-progress{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#22c55e24 .1% 100%);border-right:1.5px solid #22c55e8c;position:absolute;top:0;bottom:0;left:0}.voice-rec-bars .vbar-mask{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2;pointer-events:none;background:#020617ad;border-radius:4px;position:absolute;top:-2px;bottom:-2px}.voice-rec-bars .vbar-mask.left{left:0}.voice-rec-bars .vbar-mask.right{right:0}.trim-handle{z-index:3;background:var(--accent);cursor:ew-resize;border:2px solid #020617d9;border-radius:5px;width:14px;min-width:0;height:26px;min-height:0;padding:0;transition:transform .12s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #22c55e80}.trim-handle:after{content:"";background:#020617a6;border-radius:2px;width:2px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trim-handle.from{left:calc(var(--from,0%) - 7px)}.trim-handle.to{left:calc(var(--to,100%) - 7px)}.trim-handle:hover{transform:translateY(-50%)scale(1.15)}.voice-rec-continue{color:#86efac;background:#22c55e24;border-color:#22c55e47}.voice-rec-continue:hover{background:#22c55e42}.voice-rec-reset{opacity:.85}.voice-rec-reset:disabled{opacity:.35;cursor:default}.header-actions{align-items:center;gap:10px;min-width:0;display:flex}.profile-btn{color:var(--text);cursor:pointer;background:#02061773;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:8px;max-width:180px;padding:5px 9px;transition:border-color .15s,background .15s;display:inline-flex}.profile-btn:hover{background:#22c55e14;border-color:#22c55e73}.profile-btn-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.avatar-img,.avatar-fallback{-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0}.avatar-img{object-fit:cover;display:block}.avatar-fallback{color:#ffffffeb;letter-spacing:.02em;place-items:center;font-weight:700;display:grid}.avatar-img.clickable,.avatar-fallback.clickable{cursor:pointer;transition:transform .14s,box-shadow .14s}.avatar-img.clickable:hover,.avatar-fallback.clickable:hover{transform:scale(1.08);box-shadow:0 0 0 2px #22c55e59}.modal-overlay{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617a8;place-items:center;padding:clamp(12px,4vw,24px);display:grid;position:fixed;inset:0}.modal.profile-modal{background:#0b1220;border:1px solid #94a3b824;border-radius:16px;flex-direction:column;width:min(440px,100%);max-height:min(640px,100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0000008c}.profile-head{border-bottom:1px solid #94a3b81a;align-items:center;gap:14px;padding:18px 20px 14px;display:flex}.profile-head-info{flex:1;min-width:0}.profile-head-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.profile-head-sub{color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.profile-head-date{color:var(--muted-2);margin-top:2px;font-size:12px}.admin-chip{color:#4ade80;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#22c55e38,#4ade8024);border:1px solid #22c55e66;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:800}.profile-close{height:32px;min-height:32px;color:var(--muted-2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;font-size:22px;line-height:1;transition:background .14s,color .14s;display:grid;width:32px!important;padding:0!important}.profile-close:hover{color:var(--text);background:#94a3b81f}.profile-tabs{border-bottom:1px solid #94a3b81a;gap:4px;padding:10px 14px 0;display:flex}.profile-tab{color:var(--muted-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;padding:8px 14px;font-size:13px;font-weight:600;transition:color .14s,border-color .14s}.profile-tab:hover{color:var(--text)}.profile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.profile-modal button{width:auto;min-height:0;box-shadow:none}.profile-modal button:hover{box-shadow:none;transform:none}.profile-modal .profile-actions>button{border-radius:10px;min-height:40px;padding:10px 26px;font-size:14px}.profile-modal .profile-actions{justify-content:flex-end}.profile-modal .avatar-controls .secondary{border-radius:10px;min-height:38px;padding:9px 16px;font-size:13px}.profile-modal .role-btn{min-height:32px;padding:6px 12px}.profile-modal .avatar-controls .secondary.danger{color:#f87171;background:#ef444414;border-color:#ef444466}.profile-modal .avatar-controls .secondary.danger:hover{background:#ef444429}.profile-card-edit{align-self:flex-start;width:auto;margin:14px 20px 18px;padding:10px 22px}.profile-body{min-height:220px;padding:18px 20px 20px;overflow-y:auto}.profile-form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.field input,.field textarea{color:var(--text);resize:vertical;background:#0206178c;border:1px solid #94a3b829;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .14s}.field input:focus,.field textarea:focus{border-color:#22c55e8c}.field-hint{color:var(--muted-2);font-size:12px}.avatar-row{flex-direction:column;gap:8px;display:flex}.avatar-controls{flex-wrap:wrap;gap:8px;display:flex}.form-error{color:#f87171;background:#ef44441a;border:1px solid #ef444459;border-radius:10px;padding:10px 12px;font-size:13px}.form-ok{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e59;border-radius:10px;padding:10px 12px;font-size:13px}.profile-actions{align-items:center;gap:12px;display:flex}.saved-note{color:#4ade80;font-size:13px;font-weight:600}.profile-empty{text-align:center;color:var(--muted-2);padding:40px 0;font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.stat-card{background:#02061780;border:1px solid #94a3b81f;border-radius:12px;padding:14px}.stat-value{color:var(--accent);font-size:20px;font-weight:800}.stat-label{color:var(--muted-2);margin-top:4px;font-size:12px}.stats-breakdown{flex-direction:column;gap:6px;display:flex}.stat-row{color:var(--muted-2);background:#02061759;border-radius:10px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.stat-row b{color:var(--text)}.admin-section{margin-bottom:18px}.admin-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin:0 0 8px;font-size:12px}.admin-list{flex-direction:column;gap:6px;display:flex}.admin-row{background:#02061759;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.admin-name{color:var(--text);font-size:14px;font-weight:600}.admin-sub{color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.role-btn{padding:6px 10px;font-size:12px}.profile-card-bio{color:var(--text);white-space:pre-wrap;border-bottom:1px solid #94a3b814;padding:14px 20px 18px;font-size:14px;line-height:1.5}.profile-card-bio.empty{color:var(--muted-2);font-style:italic}.profile-card-edit{color:#4ade80;cursor:pointer;background:#22c55e1f;border:1px solid #22c55e73;border-radius:10px;margin:14px 20px 18px;padding:10px;font-weight:700;transition:background .14s}.profile-card-edit:hover{background:#22c55e33}.msg-author{align-items:center;gap:7px;margin-bottom:4px;display:flex}.msg-username.clickable{cursor:pointer}.msg-username.clickable:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=480px){#message-input.voice-active,.input-row .attach-btn.voice-hidden,.input-row .send-btn.voice-hidden,.voice-rec-bars .vbar:nth-child(2n){display:none}}@container (width<=420px){.profile-btn{place-items:center;width:40px;max-width:40px;min-height:40px;padding:0;display:grid}.profile-btn-name{display:none}}@media (width<=520px){.modal-overlay{padding:12px}.modal.profile-modal{width:100%;max-height:calc(100dvh - 24px)}.profile-head{gap:10px;padding:12px 12px 10px}.profile-head-name{font-size:15px}.profile-head-sub{font-size:12px}.profile-close{height:28px;min-height:28px;font-size:18px;width:28px!important}.profile-tabs{scrollbar-width:none;flex-wrap:nowrap;padding:8px 8px 0;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{white-space:nowrap;flex-shrink:0;padding:8px 10px;font-size:12.5px}.profile-body{padding:14px 12px}.profile-form{gap:11px}.field input,.field textarea{min-height:40px;padding:9px 11px;font-size:14px}.profile-modal .profile-actions>button{min-height:38px;padding:9px 20px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:10px}.stat-value{font-size:17px}.admin-row{gap:8px;padding:7px 8px}.profile-card-bio{padding:10px 12px 12px;font-size:13.5px}.profile-card-edit{margin:10px 12px 12px;padding:9px 18px}}