.auth-page{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px;padding-top:max(24px,env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#1a1d21,#2b2f36)}.auth-splash-card{text-align:center}.auth-card{width:100%;max-width:400px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:0 8px 32px #0006}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-icon{width:56px;height:56px;margin:0 auto 16px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff}.auth-logo h1{font-size:24px;font-weight:700;margin-bottom:4px}.auth-logo p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.auth-form input{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:15px;transition:border-color .15s}.auth-form input:focus{border-color:var(--accent)}.auth-hint{font-size:13px;color:var(--text-muted);text-align:center;margin:-4px 0 4px}.auth-field-hint{font-size:12px;font-weight:400;color:var(--text-muted)}.auth-error{padding:10px 12px;background:#ed424526;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-size:13px}.auth-retry{display:block;margin-top:8px;color:var(--danger);text-decoration:underline;font-size:13px;background:none;border:none;padding:0;cursor:pointer}.auth-retry:hover{opacity:.85}.auth-submit{padding:12px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:600;transition:background .15s;margin-top:4px}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{display:block;width:100%;margin-top:20px;text-align:center;color:var(--text-secondary);font-size:13px;transition:color .15s}.auth-toggle:hover{color:var(--accent)}.ban-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.ban-modal{width:100%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;padding:32px 24px 24px;text-align:center}.ban-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#ed424526;color:var(--danger);font-size:28px;display:flex;align-items:center;justify-content:center}.ban-modal h2{font-size:20px;font-weight:600;margin-bottom:8px}.ban-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:20px}.ban-details{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);text-align:left;margin-bottom:20px}.ban-row{display:flex;flex-direction:column;gap:4px}.ban-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.ban-value{font-size:14px;color:var(--text-primary);word-break:break-word}.ban-dismiss{width:100%;padding:10px 16px;border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:500;transition:background .15s}.ban-dismiss:hover{background:var(--bg-hover)}.avatar{border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;flex-shrink:0;object-fit:cover;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar-sm{width:28px;height:28px;font-size:12px}.avatar-md{width:36px;height:36px;font-size:14px}.avatar-lg{width:48px;height:48px;font-size:18px}.avatar-xl{width:96px;height:96px;font-size:36px}img.avatar{background:var(--bg-tertiary)}.forward-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.forward-picker-modal{width:100%;max-width:400px;max-height:min(560px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080}.forward-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.forward-picker-header h2{font-size:18px;font-weight:600;margin:0}.forward-picker-close{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.forward-picker-close:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.forward-picker-close:disabled{opacity:.5}.forward-picker-hint{margin:0;padding:10px 20px 4px;font-size:13px;color:var(--text-muted);flex-shrink:0}.forward-picker-list{flex:1;overflow-y:auto;padding:8px 12px 12px;min-height:120px}.forward-picker-status{padding:24px 12px;text-align:center;font-size:14px;color:var(--text-muted)}.forward-picker-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;transition:background .15s}.forward-picker-row:hover,.forward-picker-row.selected{background:var(--bg-hover)}.forward-picker-row input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.forward-picker-row-meta{display:flex;flex-direction:column;min-width:0;gap:1px}.forward-picker-row-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-picker-row-sub{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-picker-error{margin:0 16px 8px;padding:8px 10px;font-size:13px;color:var(--danger);background:#ef44441a;border-radius:var(--radius);white-space:pre-wrap;flex-shrink:0}.forward-picker-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--border);flex-shrink:0}.forward-picker-cancel,.forward-picker-confirm{padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:background .15s,opacity .15s}.forward-picker-cancel{color:var(--text-secondary)}.forward-picker-cancel:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.forward-picker-confirm{background:var(--accent);color:#fff}.forward-picker-confirm:hover:not(:disabled){filter:brightness(1.08)}.forward-picker-confirm:disabled,.forward-picker-cancel:disabled{opacity:.5;cursor:not-allowed}.msg-toast-stack{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:1500;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.msg-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);box-shadow:0 10px 28px #00000073;cursor:pointer;text-align:left;color:inherit;animation:msg-toast-in .22s ease-out;transition:background .15s,border-color .15s,opacity .18s,transform .18s}.msg-toast:hover{background:var(--bg-tertiary);border-color:#4a5058}.msg-toast:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.msg-toast-leaving{opacity:0;transform:translate(12px);pointer-events:none}.msg-toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-top:1px}.msg-toast-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-toast-preview{font-size:13px;line-height:1.35;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.msg-toast-close{flex-shrink:0;width:28px;height:28px;margin:-4px -4px 0 0;border-radius:6px;color:var(--text-muted);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.msg-toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.msg-toast-push-prompt{cursor:default;border-left-color:var(--accent)}.msg-toast-push-prompt:hover{background:var(--bg-secondary)}.msg-toast-prompt-actions{display:flex;gap:8px;margin-top:8px}.msg-toast-prompt-yes,.msg-toast-prompt-no{font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;border:1px solid var(--border)}.msg-toast-prompt-yes{background:var(--accent);color:#fff;border-color:transparent}.msg-toast-prompt-yes:hover{filter:brightness(1.08)}.msg-toast-prompt-no{background:transparent;color:var(--text-secondary)}.msg-toast-prompt-no:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes msg-toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.msg-toast-stack{top:calc(12px + env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto}}.avatar-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.avatar-crop-modal{width:100%;max-width:440px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;overflow:hidden}.avatar-crop-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.avatar-crop-header h2{font-size:18px;font-weight:600}.avatar-crop-close{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.avatar-crop-close:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.avatar-crop-close:disabled{opacity:.5;cursor:not-allowed}.avatar-crop-stage{position:relative;width:100%;height:320px;background:#000}.avatar-crop-controls{padding:16px 20px 8px;display:flex;flex-direction:column;gap:8px}.avatar-crop-zoom{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary)}.avatar-crop-zoom input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.avatar-crop-hint{font-size:12px;color:var(--text-muted)}.avatar-crop-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px}.avatar-crop-footer .settings-btn{align-self:auto}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.settings-modal{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-header h2{font-size:18px;font-weight:600}.settings-close{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.settings-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-loading{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:14px}.settings-body{padding:8px 0}.settings-section{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.settings-section+.settings-section{border-top:1px solid var(--border)}.settings-section h3{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.settings-section label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.settings-section input{padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:15px;transition:border-color .15s}.settings-section input:focus{border-color:var(--accent)}.settings-section input.readonly{color:var(--text-muted);cursor:not-allowed}.settings-hint{font-size:12px;font-weight:400;color:var(--text-muted)}.settings-meta{display:flex;flex-direction:column;gap:4px}.settings-meta-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.settings-meta-value{font-size:14px;color:var(--text-primary)}.settings-error{padding:8px 10px;background:#ed424526;border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);font-size:13px}.settings-success{padding:8px 10px;background:#3ba55d26;border:1px solid var(--success);border-radius:var(--radius);color:var(--success);font-size:13px}.settings-btn{padding:10px 16px;background:var(--accent);color:#fff;border-radius:var(--radius);font-size:14px;font-weight:600;transition:background .15s;align-self:flex-start}.settings-btn:hover:not(:disabled){background:var(--accent-hover)}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.settings-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.settings-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.settings-push-actions{display:flex;flex-direction:column;gap:8px}.settings-btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.settings-btn-danger:hover:not(:disabled){background:#ed424526}.settings-avatar-block{display:flex;align-items:center;gap:16px}.settings-avatar-btn{position:relative;border-radius:50%;padding:0;flex-shrink:0;overflow:hidden}.settings-avatar-btn:disabled{cursor:wait}.settings-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s}.settings-avatar-btn:hover .settings-avatar-overlay,.settings-avatar-btn:focus-visible .settings-avatar-overlay{opacity:1}.settings-avatar-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.settings-file-input{display:none}.sidebar{width:300px;min-width:300px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px}.sidebar-username{font-weight:600;font-size:14px}.sidebar-actions{display:flex;align-items:center;gap:4px}.sidebar-settings-btn{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.sidebar-settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.logout-btn{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.logout-btn:hover{background:var(--bg-hover);color:var(--danger)}.sidebar-search{padding:12px 16px}.sidebar-search input{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.sidebar-search input:focus{border-color:var(--accent)}.sidebar-list{flex:1;overflow-y:auto;padding:4px 8px}.sidebar-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px}.contact-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius);color:var(--text-primary);text-align:left;transition:background .15s}.contact-item:hover{background:var(--bg-hover)}.contact-item.active{background:var(--bg-tertiary)}.contact-info{display:flex;flex-direction:column;min-width:0;flex:1}.contact-unread{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}.contact-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-username{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item{display:flex;align-items:center;gap:4px}.search-result-item .contact-item{flex:1;min-width:0}.search-result-item .contact-item:disabled{opacity:.7;cursor:default}.add-contact-btn{padding:6px 10px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:12px;font-weight:600;flex-shrink:0;transition:opacity .15s}.add-contact-btn:hover:not(:disabled){opacity:.9}.add-contact-btn:disabled{opacity:.6;cursor:wait}.admin-panel{padding:12px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.admin-online{font-size:12px;color:var(--text-secondary);padding:0 2px}.admin-invite-btn{width:100%;padding:8px 12px;border-radius:var(--radius);background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-weight:500;transition:background .15s}.admin-invite-btn:hover:not(:disabled){background:var(--bg-hover)}.invite-code-box{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.invite-code-box code{flex:1;font-size:12px;word-break:break-all;color:var(--accent)}.copy-btn{font-size:16px;padding:2px 4px;border-radius:var(--radius);transition:background .15s}.copy-btn:hover{background:var(--bg-hover)}.invite-error{margin-top:6px;font-size:12px;color:var(--danger)}@media(max-width:768px){.sidebar{width:100%;min-width:unset;padding-bottom:env(safe-area-inset-bottom,0px)}}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.admin-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.admin-header h2{font-size:18px;font-weight:600}.admin-close{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.admin-close:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-body{padding:12px 0 8px}.admin-search{padding:0 16px 12px}.admin-search input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px}.admin-search input::placeholder{color:var(--text-muted)}.admin-empty{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:14px}.admin-error{margin:0 16px 12px;padding:8px 12px;border-radius:var(--radius);background:#ed42451f;color:var(--danger);font-size:13px}.admin-user-list{list-style:none;margin:0;padding:0}.admin-user-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--border)}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-user-username{font-size:12px;color:var(--text-muted)}.admin-ban-status{margin-top:4px;font-size:12px;color:var(--danger);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge{font-size:11px;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary)}.admin-user-actions{flex-shrink:0}.admin-btn-danger,.admin-btn-secondary{padding:6px 12px;border-radius:var(--radius);font-size:13px;font-weight:500;transition:background .15s,opacity .15s}.admin-btn-danger{background:#ed424526;color:var(--danger)}.admin-btn-danger:hover:not(:disabled){background:#ed424540}.admin-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.admin-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.admin-btn-danger:disabled,.admin-btn-secondary:disabled{opacity:.6;cursor:default}.admin-ban-form{padding:20px;display:flex;flex-direction:column;gap:16px}.admin-ban-target{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.admin-duration{border:none;padding:0;margin:0}.admin-duration legend{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.admin-duration-options{display:flex;flex-wrap:wrap;gap:8px}.admin-duration-option{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius);font-size:13px;cursor:pointer;transition:background .15s}.admin-duration-option:has(input:checked){background:#5865f233;outline:1px solid var(--accent)}.admin-duration-option input{accent-color:var(--accent)}.admin-reason-label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.admin-reason-label textarea{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;font-weight:400;resize:vertical;min-height:72px}.admin-reason-label textarea::placeholder{color:var(--text-muted)}.admin-ban-actions{display:flex;gap:8px;justify-content:flex-end}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.profile-modal{width:100%;max-width:360px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.profile-header h2{font-size:18px;font-weight:600}.profile-close{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.profile-close:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-loading,.profile-error{padding:32px 20px;text-align:center;font-size:14px}.profile-loading{color:var(--text-muted)}.profile-error{color:var(--danger)}.profile-body{padding:28px 20px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.profile-avatar{margin-bottom:8px}.profile-name{font-size:20px;font-weight:600}.profile-username{font-size:14px;color:var(--text-muted)}.profile-meta{margin-top:12px;display:flex;flex-direction:column;gap:4px}.profile-meta-label{font-size:12px;color:var(--text-muted)}.profile-meta-value{font-size:14px;color:var(--text-secondary)}.profile-success{margin-top:12px;font-size:13px;color:var(--success)}.profile-ban-btn{margin-top:16px;padding:8px 16px;border-radius:var(--radius);background:#ed424526;color:var(--danger);font-size:13px;font-weight:500;transition:background .15s}.profile-ban-btn:hover{background:#ed424540}.profile-ban-form{padding:20px;display:flex;flex-direction:column;gap:16px}.profile-ban-hint{font-size:14px;color:var(--text-secondary)}.profile-duration{border:none;padding:0;margin:0}.profile-duration legend{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.profile-duration-options{display:flex;flex-wrap:wrap;gap:8px}.profile-duration-option{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius);font-size:13px;cursor:pointer}.profile-duration-option:has(input:checked){background:#5865f233;outline:1px solid var(--accent)}.profile-duration-option input{accent-color:var(--accent)}.profile-reason-label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.profile-reason-label textarea{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;font-weight:400;resize:vertical;min-height:72px}.profile-reason-label textarea::placeholder{color:var(--text-muted)}.profile-error-inline{font-size:13px;color:var(--danger)}.profile-ban-actions{display:flex;gap:8px;justify-content:flex-end}.profile-btn-danger,.profile-btn-secondary{padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;transition:background .15s,opacity .15s}.profile-btn-danger{background:#ed424526;color:var(--danger)}.profile-btn-danger:hover:not(:disabled){background:#ed424540}.profile-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.profile-btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.profile-btn-danger:disabled,.profile-btn-secondary:disabled{opacity:.6;cursor:default}.chat-window{flex:1;display:flex;flex-direction:column;height:100%;min-width:0}.chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:var(--bg-secondary);min-height:calc(64px + env(safe-area-inset-top,0px));box-sizing:border-box}.back-btn{display:none;flex-shrink:0;align-items:center;gap:2px;padding:6px 10px 6px 6px;background:transparent;border-radius:var(--radius);color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1;transition:background .15s,color .15s}.back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.back-btn-icon{font-size:28px;font-weight:300;line-height:1;margin-top:-2px}.back-btn-label{font-size:14px}.chat-header-user{display:flex;align-items:center;gap:12px;min-width:0;flex:1;color:inherit;text-align:left;border-radius:var(--radius);padding:4px 8px 4px 4px;transition:background .15s}.chat-header-user:hover{background:var(--bg-hover)}.chat-header-meta{min-width:0}.chat-header h2{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.back-btn{display:inline-flex}.chat-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));gap:4px}}.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.message-date-divider{align-self:stretch;display:flex;align-items:center;justify-content:center;margin:12px 0 8px;gap:12px}.message-date-divider:before,.message-date-divider:after{content:"";flex:1;height:1px;background:var(--border);opacity:.7}.message-date-divider span{flex-shrink:0;font-size:12px;font-weight:500;color:var(--text-muted);line-height:1}.message{display:flex;align-items:flex-end;gap:4px;max-width:70%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-reply-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);opacity:0;transition:opacity .15s,background .15s,color .15s}.message-actions{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.message-forward-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted);opacity:0;transition:opacity .15s,background .15s,color .15s}.message:hover .message-reply-btn,.message:focus-within .message-reply-btn,.message:hover .message-forward-btn,.message:focus-within .message-forward-btn,.message:hover .message-edit-btn,.message:focus-within .message-edit-btn{opacity:1}.message-reply-btn:hover,.message-forward-btn:hover,.message-edit-btn:hover,.message-reply-count:hover{background:var(--bg-hover);color:var(--text-primary)}.message-edit-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);opacity:0;transition:opacity .15s,background .15s,color .15s}.message-reply-count{flex-shrink:0;min-width:28px;height:22px;padding:0 6px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--text-secondary);background:#ffffff0f;opacity:1;transition:background .15s,color .15s}@media(hover:none){.message-reply-btn,.message-forward-btn,.message-edit-btn{opacity:.65}}.message-bubble{padding:8px 12px;border-radius:var(--radius-lg);position:relative;word-break:break-word;min-width:0}.message.own .message-bubble{background:var(--message-own);border-bottom-right-radius:4px}.message.other .message-bubble{background:var(--message-other);border-bottom-left-radius:4px}.message-forward-label{font-size:11px;font-weight:600;line-height:1.3;margin:0 0 6px;opacity:.8;color:inherit}.message-reply-quote{display:block;width:100%;text-align:left;margin:0 0 6px;padding:4px 8px;border-left:3px solid rgba(255,255,255,.45);background:#0000002e;border-radius:0 6px 6px 0;color:inherit;cursor:pointer;transition:background .15s}.message-reply-quote:hover{background:#00000047}.message-reply-quote-author{display:block;font-size:11px;font-weight:600;line-height:1.3;opacity:.95}.message-reply-quote-preview{display:block;font-size:12px;line-height:1.3;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble.flash-reply{animation:reply-flash 1.2s ease}@keyframes reply-flash{0%,to{box-shadow:none}25%,60%{box-shadow:0 0 0 2px var(--accent)}}.message-bubble p{font-size:14px;line-height:1.4;margin-bottom:2px}.message-meta{display:inline-flex;align-items:center;gap:3px;float:right;margin-left:8px;margin-top:4px}.message-edited{font-size:10px;font-style:italic;color:#ffffff73;margin-right:2px}.message-time{font-size:10px;color:#ffffff80}.message-status{font-size:11px;line-height:1;letter-spacing:-.12em;-webkit-user-select:none;user-select:none}.message-status--sent,.message-status--delivered{color:#ffffff8c}.message-status--read{color:#a8f0c0}.message-status--failed{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;letter-spacing:0;color:#f87171;opacity:.95}.message-status--failed:hover{opacity:1;color:#fca5a5}.message-status--failed:focus-visible{outline:1px solid rgba(248,113,113,.7);outline-offset:2px;border-radius:3px}.message-status-failed-glyph{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;font-size:9px;font-weight:700;line-height:1}.message-status-failed-label{font-size:10px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.message.own .message-bubble:has(.message-status--failed){box-shadow:inset 0 0 0 1px #f8717159}.message-bubble:has(.message-image){display:flex;flex-direction:column;align-items:stretch;padding:3px;max-width:min(280px,100%);overflow:hidden}.message-image-link{display:block;line-height:0;font-size:0;max-width:100%}.message-image{display:block;width:auto;height:auto;max-width:100%;max-height:min(280px,55vh);object-fit:contain;object-position:center;border-radius:calc(var(--radius) - 1px);margin:0;cursor:pointer;vertical-align:middle}.message-bubble:has(.message-image) .message-meta{float:none;align-self:flex-end;margin:4px 6px 2px}.message-bubble:has(.message-image) .message-forward-label,.message-bubble:has(.message-image) .message-reply-quote{margin:4px 4px 6px}.message-bubble:has(.message-image)>p{padding:4px 8px 0;margin-bottom:0}@media(max-width:768px){.message{max-width:85%}.message-bubble:has(.message-image){max-width:min(280px,100%)}.message-image{max-height:min(280px,50vh)}}.message-file{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#0003;border-radius:var(--radius);font-size:13px;margin-bottom:4px;color:var(--text-primary)}.message-file:hover{text-decoration:none;background:#0000004d}.message-composer{display:flex;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border)}.reply-compose-bar{display:flex;align-items:center;gap:10px;padding:8px 20px 0}.reply-compose-bar-body{flex:1;min-width:0;padding:6px 10px;border-left:3px solid var(--accent);background:var(--bg-input);border-radius:0 var(--radius) var(--radius) 0}.reply-compose-label{display:block;font-size:11px;font-weight:600;color:var(--accent);line-height:1.2}.reply-compose-author{display:block;font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.3}.reply-compose-snippet{display:block;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-compose-cancel{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px;transition:background .15s,color .15s}.reply-compose-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.edit-compose-bar-body{border-left-color:var(--success)}.edit-compose-bar-body .reply-compose-label{color:var(--success)}.message-input{display:flex;align-items:flex-end;gap:8px;padding:12px 20px;background:var(--bg-secondary);border-top:1px solid var(--border)}.message-composer>.message-input{border-top:none;background:transparent}.message-input textarea{flex:1;min-width:0;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;resize:none;max-height:120px;line-height:1.4;-webkit-user-select:text;user-select:text;touch-action:manipulation;pointer-events:auto}.message-input textarea:focus{border-color:var(--accent)}@media(max-width:768px){.message-input textarea{font-size:16px}}.attach-btn,.send-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:background .15s}.attach-btn{color:var(--text-secondary)}.attach-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.send-btn{background:var(--accent);color:#fff}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-layout{display:flex;height:100%;min-height:0;overflow:hidden}.chat-sidebar-panel,.chat-main-panel{height:100%;min-height:0;overflow:hidden}.chat-main-panel{flex:1;display:flex;flex-direction:column;min-width:0}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:8px}.placeholder-icon{width:72px;height:72px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--accent);margin-bottom:8px}.chat-placeholder h2{color:var(--text-primary);font-size:20px}.chat-placeholder p{font-size:14px}.chat-main-panel .chat-window{flex:1 1 auto;height:auto;min-height:0;overflow:hidden}.chat-main-panel .chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.chat-main-panel .chat-messages:before{content:"";flex:1 1 auto;min-height:0}.chat-main-panel .chat-messages:has(>.chat-empty):before{display:none}.chat-main-panel .chat-empty{flex:1;justify-content:center}:root{--composer-height: 64px}.chat-main-panel .message-composer{flex:0 0 auto;min-height:var(--composer-height);height:auto;box-sizing:border-box;overflow:visible;position:relative;z-index:2}.chat-main-panel .message-composer>.message-input{height:var(--composer-height);box-sizing:border-box;align-items:center;padding:12px 20px;flex-shrink:0}.chat-main-panel .message-input textarea{height:40px;max-height:40px;min-height:40px;padding:9px 14px;line-height:1.4;overflow-y:auto;resize:none;-webkit-user-select:text;user-select:text;touch-action:manipulation;pointer-events:auto}.chat-main-panel .attach-btn,.chat-main-panel .send-btn{width:40px;height:40px}@media(max-width:768px){.chat-sidebar-panel.hidden-mobile,.chat-main-panel.hidden-mobile{display:none}.chat-main-panel .message-input textarea{font-size:16px;padding:8px 14px}.chat-main-panel .message-composer>.message-input{height:var(--composer-height);padding:12px;align-items:center}.chat-main-panel .message-composer{min-height:calc(var(--composer-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}}.admin-mod-hint{margin:0;font-size:13px;line-height:1.4;color:var(--text-secondary)}.admin-badge-danger{background:#ed42452e;color:var(--danger)}.admin-punish-status{margin-top:4px;font-size:12px;color:#d97706;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-punish-options{display:flex;flex-direction:column;gap:8px}.admin-punish-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius);font-size:13px;cursor:pointer;transition:background .15s}.admin-punish-option:has(input:checked){background:#5865f233;outline:1px solid var(--accent)}.admin-punish-option input{margin-top:2px;accent-color:var(--accent)}.admin-user-actions-stack{display:flex;flex-direction:column;gap:6px;align-items:stretch}.admin-user-actions-stack .admin-btn-danger,.admin-user-actions-stack .admin-btn-secondary{width:100%;white-space:nowrap}.admin-btn-accent{background:#5865f233!important;color:var(--accent)!important}.admin-btn-accent:hover:not(:disabled){background:#5865f24d!important}.create-menu{position:relative}.create-menu-trigger{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .15s}.create-menu-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.create-menu-trigger[aria-expanded=true]{background:var(--bg-tertiary);color:var(--accent);transform:rotate(45deg)}.create-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:200px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 12px 28px #00000073,0 0 0 1px #ffffff08;animation:create-menu-in .16s ease-out}@keyframes create-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius);color:var(--text-primary);font-size:13px;font-weight:500;text-align:left;transition:background .12s}.create-menu-item:hover{background:var(--bg-hover)}.create-menu-item-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--bg-tertiary);color:var(--accent)}.create-menu-item:hover .create-menu-item-icon{background:color-mix(in srgb,var(--accent) 22%,var(--bg-tertiary))}.create-stub-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0009;animation:create-stub-fade .15s ease-out}@keyframes create-stub-fade{0%{opacity:0}to{opacity:1}}.create-stub-modal{width:100%;max-width:380px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;animation:create-stub-pop .18s ease-out}@keyframes create-stub-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-stub-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.create-stub-header h2{font-size:18px;font-weight:600}.create-stub-close{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.create-stub-close:hover{background:var(--bg-hover);color:var(--text-primary)}.create-stub-body{padding:20px;display:flex;flex-direction:column;gap:16px}.create-stub-body p{font-size:14px;color:var(--text-secondary);line-height:1.5}.create-stub-badge{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.create-stub-actions{display:flex;justify-content:flex-end;padding:0 20px 20px}.create-stub-ok{padding:8px 16px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:13px;font-weight:600;transition:background .15s,opacity .15s}.create-stub-ok:hover{background:var(--accent-hover)}.create-stub-ok:disabled{opacity:.5;cursor:not-allowed}.create-group-modal{max-width:420px}.create-group-body{gap:14px}.create-group-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.create-group-field input{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:400}.create-group-field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.create-group-username{display:flex;align-items:center;gap:2px;padding:0 0 0 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary)}.create-group-username:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.create-group-username-prefix{color:var(--text-secondary);font-size:14px;font-weight:500;flex-shrink:0}.create-group-username input{border:none;background:transparent;padding-left:2px}.create-group-username input:focus{border:none;outline:none}.create-group-members-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.create-group-members-empty{font-size:13px;color:var(--text-secondary);padding:8px 0}.create-group-member-list{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.create-group-member{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius);text-align:left;color:var(--text-primary);transition:background .12s}.create-group-member:hover{background:var(--bg-hover)}.create-group-member.selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.create-group-member-info{display:flex;flex-direction:column;min-width:0;flex:1}.create-group-member-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-group-member-username{font-size:11px;color:var(--text-secondary)}.create-group-member-check{width:18px;text-align:center;color:var(--accent);font-weight:700;flex-shrink:0}.create-group-error{font-size:13px;color:#f87171}.create-group-actions{gap:8px}.create-group-cancel{padding:8px 14px;border-radius:var(--radius);color:var(--text-secondary);font-size:13px;font-weight:500;transition:background .15s,color .15s}.create-group-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.group-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0009;animation:group-profile-fade .15s ease-out}@keyframes group-profile-fade{0%{opacity:0}to{opacity:1}}.group-profile-modal{width:100%;max-width:420px;max-height:min(92vh,720px);overflow:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;animation:group-profile-pop .18s ease-out}@keyframes group-profile-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.group-profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.group-profile-header h2{font-size:18px;font-weight:600}.group-profile-close{width:32px;height:32px;border-radius:var(--radius);color:var(--text-secondary);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.group-profile-close:hover{background:var(--bg-hover);color:var(--text-primary)}.group-profile-body{padding:20px;display:flex;flex-direction:column;gap:16px}.group-profile-avatar-block{display:flex;flex-direction:column;align-items:center;gap:12px}.group-profile-avatar-btn{position:relative;border-radius:50%;overflow:hidden;line-height:0}.group-profile-avatar-btn:disabled{opacity:.7;cursor:default}.group-profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .15s}.group-profile-avatar-btn:hover .group-profile-avatar-overlay,.group-profile-avatar-btn:focus-visible .group-profile-avatar-overlay{opacity:1}.group-profile-avatar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.group-profile-file-input{display:none}.group-profile-handle-row{display:flex;align-items:center;justify-content:center;gap:10px}.group-profile-handle{font-size:14px;color:var(--text-muted)}.group-profile-copy{padding:4px 10px;border-radius:var(--radius);font-size:12px;font-weight:500;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);transition:background .12s}.group-profile-copy:hover{background:color-mix(in srgb,var(--accent) 24%,transparent)}.group-profile-count{text-align:center;font-size:13px;color:var(--text-secondary);margin:-6px 0 0}.group-profile-form{display:flex;flex-direction:column;gap:12px}.group-profile-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.group-profile-field input,.group-profile-field textarea{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:400;resize:vertical}.group-profile-field input:focus,.group-profile-field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.group-profile-btn{padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;transition:background .15s,opacity .15s}.group-profile-btn:disabled{opacity:.55;cursor:not-allowed}.group-profile-btn.primary{background:var(--accent);color:#fff;align-self:flex-start}.group-profile-btn.primary:hover:not(:disabled){background:var(--accent-hover)}.group-profile-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);font-weight:500}.group-profile-btn.secondary:hover:not(:disabled){background:var(--bg-hover)}.group-profile-btn.secondary.compact{padding:5px 10px;font-size:12px}.group-profile-btn.danger{background:#ed424526;color:var(--danger);font-weight:500}.group-profile-btn.danger:hover:not(:disabled){background:#ed424540}.group-profile-error{font-size:13px;color:#f87171}.group-profile-success{font-size:13px;color:var(--success)}.group-profile-members{display:flex;flex-direction:column;gap:10px;padding-top:4px;border-top:1px solid var(--border)}.group-profile-members-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-profile-members-head h3{font-size:13px;font-weight:600;color:var(--text-secondary)}.group-profile-member-list{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.group-profile-member{position:relative;display:flex;flex-direction:column;gap:0;padding:0;border-radius:var(--radius)}.group-profile-member.menu-open{z-index:2}.group-profile-member-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius);text-align:left;color:inherit;background:transparent;cursor:default}.group-profile-member-btn.interactive{cursor:pointer;transition:background .12s}.group-profile-member-btn.interactive:hover:not(:disabled),.group-profile-member.menu-open .group-profile-member-btn{background:var(--bg-hover)}.group-profile-member-btn:disabled{opacity:1;cursor:default}.group-profile-member-info{display:flex;flex-direction:column;min-width:0;flex:1}.group-profile-member-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-profile-member-username{font-size:11px;color:var(--text-secondary)}.group-profile-owner-badge{flex-shrink:0;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.group-member-menu{position:absolute;top:calc(100% - 2px);right:8px;left:48px;z-index:5;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px #00000073;animation:group-profile-pop .12s ease-out}.group-member-menu-item{width:100%;padding:8px 10px;border-radius:calc(var(--radius) - 2px);text-align:left;font-size:13px;font-weight:500;color:var(--text-primary);background:transparent;transition:background .12s}.group-member-menu-item:hover:not(:disabled){background:var(--bg-hover)}.group-member-menu-item:disabled{opacity:.55;cursor:not-allowed}.group-member-menu-item.danger{color:var(--danger)}.group-member-menu-item.danger:hover:not(:disabled){background:#ed424524}.group-member-menu-item.toggle{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--text-secondary)}.group-member-menu-item.toggle:before{content:"";width:14px;height:14px;flex-shrink:0;border-radius:4px;border:1px solid var(--border);background:var(--bg-tertiary)}.group-member-menu-item.toggle.on{color:var(--text-primary)}.group-member-menu-item.toggle.on:before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 2px var(--bg-secondary)}.group-profile-leave{margin-top:4px;padding:10px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--danger);background:#ed42451a;transition:background .15s}.group-profile-leave:hover:not(:disabled){background:#ed424533}.group-profile-leave:disabled{opacity:.55;cursor:not-allowed}.group-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0000008c;animation:group-profile-fade .15s ease-out}.group-add-modal{width:100%;max-width:400px;max-height:min(88vh,560px);display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;animation:group-profile-pop .18s ease-out}.group-add-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.group-add-header h2{font-size:17px;font-weight:600}.group-add-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px;overflow:hidden;flex:1;min-height:0}.group-add-search{width:100%;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;flex-shrink:0}.group-add-search:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.group-add-empty{font-size:13px;color:var(--text-secondary);padding:12px 0}.group-add-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;max-height:280px}.group-add-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius);text-align:left;color:var(--text-primary);transition:background .12s}.group-add-item:hover:not(:disabled){background:var(--bg-hover)}.group-add-item.selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.group-add-item:disabled{opacity:.6;cursor:default}.group-add-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.group-add-item-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-add-item-username{font-size:11px;color:var(--text-secondary)}.group-add-item-check{width:18px;text-align:center;color:var(--accent);font-weight:700;flex-shrink:0}.group-add-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 20px;flex-shrink:0}.group-add-actions .group-profile-btn.primary{align-self:auto}.design-root{height:100%;min-height:100%}.design-toolbar{position:fixed;z-index:10000;top:12px;right:12px;width:220px;padding:10px 12px;border-radius:12px;background:#0f172aeb;border:1px solid rgba(148,163,184,.35);box-shadow:0 12px 40px #00000059;color:#e2e8f0;font-family:ui-sans-serif,system-ui,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.design-toolbar.collapsed{width:auto;min-width:140px}.design-toolbar-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.design-toolbar-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8}.design-toolbar-toggle{border:none;background:transparent;color:#cbd5e1;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px}.design-toolbar-hint{margin:6px 0 10px;font-size:11px;color:#64748b}.design-toolbar-scenes{display:flex;flex-direction:column;gap:4px;max-height:min(70vh,420px);overflow-y:auto}.design-scene-btn{text-align:left;border:1px solid transparent;background:#1e293bcc;color:#e2e8f0;border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.design-scene-btn:hover{background:#334155f2}.design-scene-btn.active{border-color:#3b82f6;background:#2563eb40;color:#fff}.design-crop-stage{min-height:100vh;background:#0f172a}@media(max-width:640px){.design-toolbar{top:auto;bottom:12px;right:12px;left:12px;width:auto}.design-toolbar-scenes{display:grid;grid-template-columns:1fr 1fr;max-height:40vh}}html.offline-design{--offline-accent: var(--accent);--offline-radius: var(--radius);--offline-composer-height: 64px}html.offline-design body:before{content:"OFFLINE DESIGN · :5174";position:fixed;z-index:9999;left:12px;top:12px;pointer-events:none;font:600 10px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;background:#0f172ad9;border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:6px 10px}@media(max-width:640px){html.offline-design body:before{top:auto;bottom:72px}}.design-root{height:100%;min-height:100%;display:flex;flex-direction:column}.design-root .chat-layout{flex:1;min-height:0;height:100%;overflow:hidden}.design-root .chat-sidebar-panel,.design-root .chat-main-panel{height:100%;min-height:0;overflow:hidden}.design-root .chat-main-panel{display:flex;flex-direction:column}.design-root .chat-window{flex:1 1 auto;height:auto;min-height:0;overflow:hidden}.design-root .chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.design-root .chat-messages:before{content:"";flex:1 1 auto;min-height:0}.design-root .chat-empty{flex:1;justify-content:center}.design-root .chat-messages:has(>.chat-empty):before{display:none}.design-root .message-composer{flex:0 0 auto;height:var(--offline-composer-height, 64px);box-sizing:border-box;overflow:hidden}.design-root .message-composer>.message-input,.design-root>.chat-layout .message-input{flex:0 0 auto}.design-root .message-input{height:var(--offline-composer-height, 64px);box-sizing:border-box;align-items:center;padding:12px 20px;flex-shrink:0}.design-root .message-composer>.message-input{height:100%}.design-root .message-input textarea{height:40px;max-height:40px;min-height:40px;padding:9px 14px;line-height:1.4;overflow-y:auto;resize:none;field-sizing:fixed}.design-root .attach-btn,.design-root .send-btn{width:40px;height:40px}.design-root .message-status--failed{display:inline-flex;align-items:center;gap:4px;margin:0;padding:0;border:none;background:transparent;cursor:pointer;font:inherit;letter-spacing:0;color:#f87171;opacity:.95}.design-root .message-status--failed:hover{opacity:1;color:#fca5a5}.design-root .message-status--failed:focus-visible{outline:1px solid rgba(248,113,113,.7);outline-offset:2px;border-radius:3px}.design-root .message-status-failed-glyph{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;font-size:9px;font-weight:700;line-height:1}.design-root .message-status-failed-label{font-size:10px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.design-root .message.own .message-bubble:has(.message-status--failed){box-shadow:inset 0 0 0 1px #f8717159}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #1a1d21;--bg-secondary: #22262b;--bg-tertiary: #2b2f36;--bg-hover: #32363d;--bg-input: #1e2124;--accent: #5865f2;--accent-hover: #4752c4;--text-primary: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #80848e;--border: #3f444b;--message-own: #5865f2;--message-other: #2b2f36;--success: #3ba55d;--danger: #ed4245;--radius: 8px;--radius-lg: 12px}html,body,#root{height:100%;height:100dvh;max-height:100dvh;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media(max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{font-size:16px}}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;border:none;outline:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}