:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#18181b;--bg-input:#141414;--border-primary:#27272a;--border-strong:#7c3aede6;--text-primary:#f5f3ff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#7c3aed;--accent-strong:#8b5cf6;--danger:#f87171;--shadow-accent:0 0 0 3px #7c3aed2e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100vh}body{color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#7c3aed1f,#0000 32%),linear-gradient(#0a0a0a 0%,#121212 100%);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app{min-height:100vh}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.auth-page__logo{object-fit:contain;width:auto;height:90px;display:block;position:absolute;top:24px;left:24px}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1ef0;border:1px solid #7c3aed29;border-radius:8px;width:min(100%,520px);padding:40px}.auth-switcher{background:#232326;border:1px solid #7c3aed2e;border-radius:999px;align-items:center;margin-bottom:28px;padding:4px;display:flex;position:relative}.auth-switcher__thumb{background:#7c3aed;border-radius:999px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .22s;position:absolute;top:4px;left:4px}.auth-switcher__thumb--register{transform:translate(100%)}.auth-switcher__button,.primary-button,.logout-button,.chat-window__send{border:1px solid #0000;border-radius:8px;min-height:44px;transition:transform .18s,filter .18s,border-color .18s,background-color .18s}.auth-switcher__button{z-index:1;color:var(--text-secondary);background:0 0;border-radius:999px;flex:1;position:relative}.auth-switcher__button--active{color:#fff}.auth-form{gap:18px;display:grid}.auth-form__grid{gap:14px;display:grid}.form-field{gap:8px;display:grid}.form-field__label{color:var(--text-secondary);font-size:14px}.form-field__input,.search-field__input,.chat-window__input{border:1px solid var(--border-primary);background:var(--bg-input);width:100%;min-height:44px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 14px;transition:border-color .18s,box-shadow .18s,filter .18s}.form-field__input:focus,.search-field:focus-within,.chat-window__input:focus{border-color:var(--border-strong);box-shadow:var(--shadow-accent)}.primary-button,.chat-window__send{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;font-weight:600}.primary-button:disabled,.chat-window__send:disabled{opacity:.7;cursor:progress}.auth-form__error{color:var(--danger);margin:0;font-size:14px}.chat-page{background:var(--bg-primary);grid-template-columns:600px 1fr;min-height:100vh;display:grid;overflow:hidden}.sidebar{background:#111;border-right:1px solid #7c3aed24;flex-direction:column;height:100vh;padding:20px;display:flex;overflow:hidden}.sidebar__header{flex-shrink:0;gap:16px;display:grid}.sidebar__logo{object-fit:contain;width:auto;height:64px;display:block}.sidebar__section{flex-direction:column;flex:1;min-height:0;margin-top:20px;display:flex}.search-field{border:1px solid var(--border-primary);background:var(--bg-input);border-radius:40px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px 14px;transition:border-color .18s,box-shadow .18s;display:grid}.search-field__icon{color:var(--accent-strong);display:inline-flex}.search-field__icon svg{width:18px;height:18px}.search-field__input{min-width:0;box-shadow:none;background:0 0;border:0;padding:0}.chat-list{scrollbar-width:thin;scrollbar-color:#7c3aedb8 #ffffff0a;min-height:0;overflow:hidden auto}.chat-list::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar-track{background:#ffffff0a}.chat-list::-webkit-scrollbar-thumb{background:linear-gradient(#7c3aedf2,#8b5cf6c7);border-radius:999px}.chat-list__empty{color:var(--text-muted);margin:0;padding:12px 0;font-size:14px}.chat-list__item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #7c3aed14;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:10px 0;display:grid}.chat-list__item--active{background:#7c3aed1f}.chat-list__item:hover{filter:brightness(1.08)}.chat-list__avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);border-radius:50%;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid}.chat-list__content{min-width:0}.chat-list__name,.chat-window__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.chat-list__meta,.chat-window__username{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:13px;overflow:hidden}.chat-list__time{color:var(--text-muted);font-size:11px}.chat-list__aside{justify-items:end;gap:6px;display:grid}.logout-button{color:var(--text-primary);background:#7c3aed24;border-color:#8b5cf647;flex-shrink:0;margin-top:20px}.chat-stage{background:var(--bg-secondary);height:100vh;position:relative}.chat-window{grid-template-rows:auto 1fr auto;height:100vh;min-height:0;display:grid}.chat-window__header{background:#121212f5;border-bottom:1px solid #7c3aed14;padding:20px 24px}.chat-window__identity{align-items:center;gap:14px;display:flex}.chat-window__avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed,#9333ea);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.chat-window__composer{background:#121212f5;border-top:1px solid #7c3aed14;padding:16px 24px 24px;display:block}.chat-window__empty{height:100vh;color:var(--text-muted);place-items:center;display:grid}.message-list{min-height:0;padding:20px 24px;overflow-y:auto}.message-list__state{color:var(--text-muted)}.message-list__item{margin-bottom:12px;display:flex}.message-list__item--own{justify-content:flex-end}.message-list__bubble{color:#f3f4f6;background:#1a1919;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;max-width:min(70%,640px);padding:10px 12px;display:flex}.message-list__item--own .message-list__bubble{color:#fff;background:#7c3aed}.message-list__text{white-space:pre-wrap;margin:0}.message-list__time{color:#ffffffad;flex-shrink:0;font-size:11px;line-height:1}.message-list__item--own .message-list__time{color:#ffffffc7}.chat-notifications{z-index:10;gap:8px;display:grid;position:absolute;top:16px;right:16px}.chat-notifications__item{background:#7c3aed33;border:1px solid #8b5cf64d;border-radius:8px;padding:10px 12px}.auth-switcher__button:hover,.primary-button:hover,.logout-button:hover,.chat-window__send:hover{filter:brightness(1.08);transform:scale(1.02)}@media (width<=900px){.chat-page{grid-template-columns:1fr}.sidebar{height:auto;max-height:45vh}.chat-window,.chat-window__empty{height:55vh}}.message-list__bubble[data-v-58e3eb74]{position:relative}.message-list__meta[data-v-58e3eb74]{flex-shrink:0;justify-content:flex-end;align-items:flex-end;gap:4px;display:flex}.message-list__content-row[data-v-58e3eb74]{align-items:flex-end;gap:10px;display:flex}.message-list__sender[data-v-58e3eb74]{color:#8b5cf6;margin:0 0 4px;font-size:12px;font-weight:700}.message-list__read-icon[data-v-58e3eb74]{object-fit:contain;opacity:.72;width:15px;height:15px;transform:translateY(1px)}.chat-window__name[data-v-e683b3ed]{margin:0}.chat-window__status[data-v-e683b3ed]{color:#9ca3af;margin:4px 0 0}.chat-window__status--online[data-v-e683b3ed]{color:#2fbdfa}.chat-list__badge[data-v-53a454d9]{color:#fff;background:#7c3aed;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.sidebar__top-row[data-v-53a454d9]{align-items:flex-start;gap:0;display:flex}.sidebar[data-v-53a454d9]{height:100vh;display:flex}.sidebar--with-rail[data-v-53a454d9]{grid-template-columns:52px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.sidebar__menu-rail[data-v-53a454d9]{background:#1a1a1a;border-right:1px solid #ffffff0f;flex-shrink:0;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding-top:0;display:flex}.sidebar__body[data-v-53a454d9]{background:#111;flex-direction:column;flex:1;min-width:0;min-height:0;padding:20px;display:flex;overflow:hidden}.sidebar__section[data-v-53a454d9]{min-height:0}.mini-menu[data-v-53a454d9]{justify-content:center;width:100%;height:100%;padding-top:14px;display:flex;position:relative}.mini-menu__trigger[data-v-53a454d9]{cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:30px;height:38px;padding-top:0;display:flex}.mini-menu__trigger span[data-v-53a454d9]{background:#fff;border-radius:999px;width:4px;height:4px}.mini-menu__trigger--active[data-v-53a454d9]{background:0 0}.mini-menu__panel[data-v-53a454d9]{z-index:2;background:#202020;border-right:1px solid #ffffff0f;flex-direction:column;gap:0;width:300px;height:100%;padding:0;display:flex;position:absolute;top:0;left:100%;box-shadow:8px 0 24px #00000052}.menu-panel-enter-active[data-v-53a454d9],.menu-panel-leave-active[data-v-53a454d9]{transition:opacity .24s,transform .24s}.menu-panel-enter-from[data-v-53a454d9],.menu-panel-leave-to[data-v-53a454d9]{opacity:0;transform:translate(-14px)}.mini-menu__action[data-v-53a454d9]{color:#fff;text-align:left;cursor:pointer;background:#1a1a1a;border:0;border-bottom:1px solid #ffffff14;border-radius:0;width:100%;min-height:50px;padding:0 14px;font-weight:700;position:relative}.mini-menu__action--create[data-v-53a454d9]{background:#1a1a1a;min-height:50px;padding-left:14px}.mini-menu__action--create[data-v-53a454d9]:before{content:"";width:0;height:100%;display:none;position:absolute;top:0;left:auto}.join-pill[data-v-53a454d9]{color:#fff;background:#111827;border-radius:999px;padding:4px 10px;font-size:12px}.modal-backdrop[data-v-b6c254d9]{z-index:30;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal-card[data-v-b6c254d9]{background:#1a1a1a;border:1px solid #ffffff1f;border-radius:20px;width:min(94vw,560px);min-height:320px;padding:24px}.modal-card__input[data-v-b6c254d9]{color:#f3f4f6;background:#111;border:1px solid #ffffff29;border-radius:999px;outline:none;width:100%;min-height:48px;padding:0 14px}.modal-card__actions[data-v-b6c254d9]{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.modal-card__button[data-v-b6c254d9]{color:#f3f4f6;cursor:pointer;background:#242424;border:1px solid #ffffff24;border-radius:999px;min-height:46px;font-weight:700}.modal-card__button--ghost[data-v-b6c254d9]{background:#171717}.modal-card__actions .modal-card__button[data-v-b6c254d9]:last-child{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff}.modal-card__chat-list[data-v-b6c254d9]{min-height:0;margin-top:16px}.modal-card__chat-list-title[data-v-b6c254d9]{color:#d1d5db;margin:0 0 8px;font-size:14px;font-weight:600}.modal-card__chat-items[data-v-b6c254d9]{background:#141414;border:1px solid #ffffff14;max-height:120px;overflow-y:auto}.modal-card__chat-item[data-v-b6c254d9]{color:#f3f4f6;text-align:left;cursor:pointer;background:#141414;border:0;border-bottom:1px solid #ffffff0f;width:100%;margin:0;padding:10px 12px}.modal-card__chat-item[data-v-b6c254d9]:last-child{border-bottom:0}.modal-card__chat-item--active[data-v-b6c254d9]{background:#7c3aed3d}.modal-card__chat-item--empty[data-v-b6c254d9]{color:#9ca3af;background:#141414;border:1px solid #ffffff14}