:root{--color-bg:#1a1a1a;--color-surface:#242424;--color-surface-2:#2e2e2e;--color-border:#383838;--color-accent:#ffd000;--color-accent-fg:#1a1a1a;--color-text:#f0f0f0;--color-text-muted:#888;--color-danger:#e53e3e;--sidebar-width:260px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-accent-fg)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-ghost{color:var(--color-text-muted);background:0 0;padding:4px 10px}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-2)}.btn-danger{color:var(--color-danger);border:1px solid var(--color-danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-sm{padding:3px 10px;font-size:12px}.input{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;outline:none;width:100%;padding:7px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{opacity:.5}.auth-page{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:380px;padding:36px}.auth-title{color:var(--color-accent);margin-bottom:28px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:700}.form-group{margin-bottom:18px}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-error{color:var(--color-danger);margin-top:5px;font-size:12px}.form-root-error{color:#fc8181;background:#e53e3e1f;border:1px solid #e53e3e4d;border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:13px}.auth-submit{width:100%;margin-top:8px;padding:10px;font-size:15px}.auth-link{text-align:center;color:var(--color-text-muted);margin-top:18px;font-size:13px;text-decoration:none;display:block}.auth-link:hover{color:var(--color-accent)}.app-shell{flex-direction:column;height:100%;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.app-header-title{color:var(--color-accent);font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.app-header-user{align-items:center;gap:12px;display:flex}.app-header-handle{color:var(--color-text-muted);font-size:14px}.error-banners{flex-shrink:0}.error-banner{color:#fc8181;background:#e53e3e1f;border-bottom:1px solid #e53e3e40;justify-content:space-between;align-items:center;padding:9px 20px;font-size:13px;display:flex}.app-content{flex:1;display:flex;overflow:hidden}.notifications-panel{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.notification-card{align-items:center;gap:12px;padding:10px 20px;font-size:14px;display:flex}.notification-card+.notification-card{border-top:1px solid var(--color-border)}.notification-label{color:var(--color-text-muted)}.notification-label strong{color:var(--color-accent)}.notification-actions{gap:8px;display:flex}.blocked-users-control{position:relative}.blocked-users-panel{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:220px;padding:14px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}.blocked-users-empty{color:var(--color-text-muted);font-size:13px}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;overflow:hidden}.sidebar.collapsed{border-right:none;width:0}.sidebar-conversations,.sidebar-section{min-width:var(--sidebar-width)}.sidebar-toggle{border:none;border-right:1px solid var(--color-border);background:var(--color-surface);width:16px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;padding:0;font-size:14px}.sidebar-toggle:hover{background:var(--color-surface-2);color:var(--color-text)}.sidebar-conversations{flex:1;padding:8px 0;overflow-y:auto}.sidebar-conversation{cursor:pointer;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;margin:1px 8px;padding:9px 14px;font-size:14px;transition:background .1s,color .1s;overflow:hidden}.sidebar-conversation:hover{background:var(--color-surface-2);color:var(--color-text)}.sidebar-conversation.active{color:var(--color-accent);background:#ffd0001f;font-weight:500}@keyframes unread-blink{0%,to{color:var(--color-text-muted)}50%{color:var(--color-accent)}}.sidebar-conversation.unread{animation:1.2s ease-in-out infinite unread-blink}.sidebar-section{border-top:1px solid var(--color-border);padding:12px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:8px;font-size:11px}.sidebar-input-row{gap:6px;display:flex}.chat-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-empty{color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.chat-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex;overflow-y:auto}.chat-loading{color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.message{flex-direction:column;max-width:65%;display:flex}.message.own{align-self:flex-end;align-items:flex-end}.message.other{align-self:flex-start;align-items:flex-start}.message-meta{align-items:baseline;gap:6px;margin-bottom:3px;display:flex}.message-sender{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.message-time{color:var(--color-text-muted);font-size:11px}.message-bubble{word-break:break-word;border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.5}.message.own .message-bubble{background:var(--color-accent);color:var(--color-accent-fg);border-bottom-right-radius:3px}.message.other .message-bubble{background:var(--color-surface-2);color:var(--color-text);border-bottom-left-radius:3px}.message-deleted{color:var(--color-text-muted);background:var(--color-surface-2);border-radius:12px;padding:8px 12px;font-size:14px;font-style:italic}.message-attachment{max-width:320px}.attachment-image{border-radius:12px;max-width:100%;max-height:320px;display:block}.attachment-status{color:var(--color-text-muted);background:var(--color-surface-2);border-radius:12px;padding:8px 12px;font-size:13px}.chat-attachment-preview{border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex}.chat-attachment-name{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-input-form{border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.group-management{position:relative}.group-management-panel{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:240px;padding:14px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000080}.member-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.member-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.member-name{color:var(--color-text)}.member-badge{color:var(--color-accent);margin-left:4px;font-size:11px;font-weight:600}.group-invite-row{gap:6px;margin-bottom:10px;display:flex}.group-delete-row{border-top:1px solid var(--color-border);padding-top:10px}.action-menu-backdrop{z-index:50;position:fixed;inset:0}.action-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;min-width:140px;padding:4px;list-style:none;position:fixed;box-shadow:0 4px 16px #0006}.action-menu-item{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:7px 12px;font-size:14px;display:block}.action-menu-item:hover{background:var(--color-surface-2)}.action-menu-item.danger{color:var(--color-danger)}