:root{--bg: #050708;--bg2: #070b0c;--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--text-full: rgba(255, 255, 255, .96);--muted: rgba(255, 255, 255, .6);--green: #00e676;--group-text: #f3fff8;--danger-bg: rgba(255, 77, 79, .12);--danger-bd: rgba(255, 77, 79, .35);--danger-tx: rgba(255, 210, 210, .95);--ok-bg: rgba(0, 230, 118, .1);--ok-bd: rgba(0, 230, 118, .3);--ok-tx: rgba(190, 255, 215, .95);--shadow: 0 18px 70px rgba(0, 0, 0, .55);--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 500px at 15% 10%,rgba(0,230,118,.12),transparent 60%),radial-gradient(800px 450px at 85% 15%,rgba(0,200,83,.1),transparent 60%),radial-gradient(700px 500px at 50% 95%,rgba(0,230,118,.08),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2))}.auth-page,.chat-page{min-height:100svh;display:grid}.auth-page{grid-template-rows:auto 1fr}.chat-page{grid-template-rows:auto auto 1fr}.auth-header{padding:18px 16px;display:flex;justify-content:center}.brand,.app-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(0,230,118,.18);background:#00000040}.brand{box-shadow:0 10px 40px #00000059}.brand-dot,.app-dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#a7ffcd,var(--green));box-shadow:0 0 18px #00e67673}.brand-name{color:#f0fff7f5}.brand-name,.app-name{font-weight:900;letter-spacing:.4px}.brand-name{font-weight:800}.auth-main,.main{display:grid;place-items:center}.auth-main{padding:20px 16px 36px}.auth-card{width:min(460px,100%);padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff0d,#ffffff08);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-title{margin:0 0 6px;font-size:28px;letter-spacing:.2px}.auth-subtitle{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.4}.form,.modal-body,.suggest-list{display:grid}.form{gap:14px}.field label{display:block;margin-bottom:7px;color:var(--muted);font-size:13px}.input,.search-input,.group-name-input,.group-search-input{width:100%;border:1px solid var(--border);border-radius:12px;background:#00000047;color:var(--text);outline:none}.input,.search-input{padding:11px 12px}.input{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input:focus,.search-input:focus{border-color:#00e6768c;box-shadow:0 0 0 4px #00e6761f}.input:focus{background:#00000059}.field-error{margin-top:6px;color:#ffc8c8f2;font-size:12px}.alert{margin-bottom:12px;padding:10px 12px;border:1px solid transparent;border-radius:12px;font-size:13px;line-height:1.35}.alert-danger{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger-tx)}.alert-ok{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok-tx)}.btn{appearance:none;padding:11px 14px;border:0;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .08s ease,opacity .15s ease,filter .15s ease}.btn:active,.conv:active,.suggest-item:active{transform:translateY(1px)}.btn:disabled,.send:disabled{opacity:.65;cursor:not-allowed}.btn-primary,.send{color:#06210f;background:linear-gradient(135deg,#b7ffd6,var(--green))}.btn-primary{box-shadow:0 12px 34px #00e6762e}.btn-primary:hover{filter:brightness(1.03)}.btn-ghost{border:1px solid rgba(0,230,118,.22);background:transparent;color:#ebfff5f2}.row,.topbar,.topbar-left,.topbar-right,.search-wrap,.sidebar-header,.chat-header,.modal-header,.group-modal-header,.group-settings-header,.group-settings-title-row,.group-member-row,.group-member-info,.group-user-avatar,.group-add-btn,.group-search-result,.unread-badge,.system-message-wrap{display:flex;align-items:center}.row{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:4px}.small,.hint,.suggest-sub{color:var(--muted);font-size:13px}.link{padding:0;border:0;background:transparent;color:#beffd7f2;font-weight:800;cursor:pointer}.divider{height:1px;margin:14px 0;background:#ffffff14}.topbar{height:64px;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-soft);background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left,.topbar-right,.search-wrap{gap:10px}.avatar,.conv-avatar{border-radius:999px;display:grid;place-items:center;background:#00000059;color:#ebfff5f2;font-weight:900}.avatar{width:34px;height:34px;border:1px solid rgba(0,230,118,.3);font-weight:800}.search-row{padding:14px 16px;display:flex;justify-content:center}.search-wrap{width:min(980px,100%)}.search-input{flex:1}.main{flex:1;min-height:0;padding:0 16px 16px}.shell{width:min(1200px,100%);height:calc(100svh - 136px);overflow:hidden;display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow);transition:grid-template-columns .22s ease}.shell.with-chat{grid-template-columns:360px 1fr}.sidebar,.chat{min-width:0}.sidebar{border-right:1px solid var(--border-soft);background:#0003;display:flex;flex-direction:column}.shell.no-chat .sidebar{border-right:none}.sidebar-header{justify-content:space-between;padding:14px 14px 10px}.sidebar-title,.chat-title,.modal-title,.suggest-name{font-weight:900;letter-spacing:.2px}.pill,.icon-btn{border:1px solid rgba(0,230,118,.22);background:#00e6760f;color:#dcffebf2;font-weight:900}.pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.list{padding:8px;overflow:auto}.conv,.suggest-item{width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);background:#0000002e;color:var(--text);border-radius:14px;padding:12px;cursor:pointer;transition:transform .08s ease,border-color .15s ease,background .15s ease}.conv{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:10px}.conv:hover{border-color:#00e67638;background:#0000003d}.conv.active{border-color:#00e67673;box-shadow:0 0 0 4px #00e67614}.conv-avatar{width:42px;height:42px;border:1px solid rgba(0,230,118,.22)}.conv-main{min-width:0}.conv-name{margin-bottom:4px;font-weight:900}.conv-last{color:var(--muted);font-size:13px;line-height:1.2;display:flex;justify-content:space-between;gap:10px}.conv-last span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{height:100%;min-height:0;display:flex;flex-direction:column}.chat-header{flex-shrink:0;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--border-soft);background:#0000002e}.chat-sub{color:var(--muted);font-size:12px}.chat-body{flex:1;min-height:0;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px;background:#0000001a}.chat-input{flex-shrink:0;padding:16px 18px;border-top:1px solid var(--border-soft);display:grid;grid-template-columns:1fr 120px;gap:10px;background:#0000002e}.send{border:0;border-radius:12px;font-weight:900;cursor:pointer}.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.modal{width:min(560px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0a0e0eeb;box-shadow:0 18px 70px #0009}.modal-header{justify-content:space-between;gap:12px;padding:14px 14px 10px;border-bottom:1px solid var(--border-soft)}.icon-btn{padding:8px 10px;border-radius:12px;cursor:pointer}.modal-body{gap:12px;padding:14px}.suggest-list{gap:10px;max-height:320px;overflow:auto;padding-right:4px}.suggest-item{display:grid;grid-template-columns:42px 1fr;gap:10px;border-color:var(--border);background:#00000038}.suggest-item:hover{border-color:#00e67647;background:#00000047}.suggest-name{margin-bottom:2px}.group-modal,.group-settings-modal{background:linear-gradient(180deg,#061a12,#03100b);border:1px solid rgba(48,211,132,.28);border-radius:24px;box-shadow:0 24px 80px #000000a6;padding:28px;color:var(--group-text)}.group-modal{width:min(520px,100%)}.group-settings-modal{width:min(620px,100%);max-height:88vh;overflow-y:auto}.group-modal-header,.group-settings-header{justify-content:space-between}.group-modal-header{margin-bottom:28px}.group-settings-header{margin-bottom:26px}.group-modal-header h2,.group-settings-header h2{margin:0;font-size:28px}.group-modal-header h2{flex:1;text-align:center;font-weight:800}.group-settings-header h2{font-weight:900}.modal-x{width:38px;height:38px;border:1px solid rgba(48,211,132,.35);border-radius:999px;background:#03100bd9;color:#dfffee;font-size:24px;cursor:pointer}.modal-x:hover{border-color:#30d384bf;background:#30d3841f}.group-name-row,.group-name-edit-row{display:grid;gap:16px}.group-name-row{grid-template-columns:110px 1fr;align-items:center;margin-bottom:34px}.group-name-edit-row{grid-template-columns:1fr auto;gap:12px}.group-name-row label{font-size:22px;font-weight:800}.group-name-input,.group-search-input{height:52px;padding:0 16px;border-color:#30d38452;border-radius:16px;background:#00000040;color:var(--group-text);font-size:16px}.group-name-input:focus,.group-search-input:focus{border-color:#30d384d9;box-shadow:0 0 0 3px #30d3841f}.group-name-input:disabled{opacity:.55;cursor:not-allowed}.group-members-title{margin-bottom:16px;text-align:center;font-size:24px;font-weight:900}.group-add-btn{width:100%;height:58px;justify-content:center;gap:22px;margin-bottom:16px;border:1px solid rgba(48,211,132,.42);border-radius:999px;background:#30d38414;color:var(--group-text);font-size:22px;font-weight:900;cursor:pointer}.group-add-btn:hover{border-color:#30d384d9;background:#30d38429}.group-plus{font-size:34px;line-height:1}.group-search-box,.group-member-list{border:1px solid rgba(48,211,132,.25);border-radius:18px;background:#0000002e}.group-search-box{margin-bottom:16px;padding:12px}.group-search-results{margin-top:10px;max-height:190px;overflow-y:auto}.group-search-result{width:100%;gap:12px;padding:10px;border:0;border-radius:14px;background:transparent;color:var(--group-text);text-align:left;font-weight:700;cursor:pointer}.group-search-result:hover{background:#30d3841f}.group-search-empty,.group-empty-members{padding:14px;color:#f3fff89e;text-align:center}.group-member-list{min-height:78px;overflow:hidden;border-color:#30d38447}.group-member-row{height:68px;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(48,211,132,.18)}.group-member-row:last-child{border-bottom:0}.group-member-info{gap:14px;font-size:20px;font-weight:900}.group-user-avatar{width:42px;height:42px;justify-content:center;border:1px solid rgba(48,211,132,.38);border-radius:999px;background:#30d38414;color:#dfffee;font-weight:900}.group-remove-btn{width:42px;height:42px;border:2px solid rgba(243,255,248,.8);border-radius:999px;background:transparent;color:var(--group-text);font-size:30px;font-weight:900;line-height:1;cursor:pointer}.group-remove-btn:hover{border-color:#ff8b8b;background:#ff50501f;color:#ff8b8b}.group-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.group-modal-actions .send{min-width:120px}.ws-status{margin-left:12px;color:#f3fff8b8;font-size:12px}.message-wrap{max-width:100%;margin-bottom:10px;display:flex;flex-direction:column}.message-wrap.me{align-items:flex-end}.message-wrap.them{align-items:flex-start}.message-time{color:#ffffff85;font-size:10px;line-height:1;-webkit-user-select:none;user-select:none}.message-meta,.message-time{margin-bottom:3px;padding:0 6px;letter-spacing:.2px}.message-meta{display:flex;align-items:center;gap:8px}.message-author{color:#78ffb4eb;font-size:11px;font-weight:700;letter-spacing:.2px}.bubble{display:inline-flex;width:fit-content;max-width:65%;padding:14px 18px;border:1px solid var(--border);border-radius:18px;background:#00000038;color:var(--text);font-weight:500;word-break:break-word}.bubble.me{align-self:flex-end;border-color:#50ffaa2e;background:linear-gradient(135deg,#27c972f2,#16a34af2);color:#04110a;box-shadow:0 0 18px #22c55e2e,inset 0 1px #ffffff1f}.bubble.them{align-self:flex-start;border-color:#ffffff0f;background:#0a0e0ceb;color:var(--text-full)}.group-settings-section{margin-bottom:26px}.group-settings-label,.group-settings-title{display:block;margin-bottom:12px;font-size:18px;font-weight:900}.group-hint{margin-top:8px;color:#f3fff885;font-size:12px}.group-settings-title-row{justify-content:space-between}.group-member-name{font-size:16px;font-weight:900}.group-role{margin-top:3px;font-size:11px;font-weight:800;letter-spacing:.4px;opacity:.75}.group-role.admin{color:#35d07f}.group-role.member{color:#f3fff894}.group-danger-zone{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--border-soft)}.btn.danger{border-color:#ff646459;color:#ffb4b4}.btn.danger:hover{border-color:#ff6464b3;background:#ff50501f}.btn.danger.strong{color:#ff7d7d}.unread-badge{min-width:24px;height:24px;justify-content:center;margin-left:auto;padding:0 8px;border-radius:999px;background:#24d878;color:#04110a;font-size:12px;font-weight:900}.system-message-wrap{gap:14px;margin:18px 0;padding:0 12px}.system-line{flex:1;height:1px;background:#ffffff14}.system-message{flex-shrink:0;padding:6px 14px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#ffffff08;color:#ffffffb8;font-size:13px;font-weight:600;text-align:center}.chat-disabled-info{padding:16px;border-top:1px solid var(--border-soft);color:#ffffff8c;font-size:13px;text-align:center}@media(max-width:900px){.shell.with-chat{grid-template-columns:1fr}.sidebar{border-right:none}}