:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#edeef2;--primary:#fff;--secondary:#f5f7fa;--tertiary:#0909090d;--text-primary:#060708;--text-secondary:#060708ad;--text-tertiary:#06070885;--text-negative:#ff303c;--icon-secondary:#060708a3;--themed:#007aff;--themed-hover:#479fff;--themed-pressed:#006ee5;--button-secondary:#e9ebf1;--divider:#0c0d0e0f;--divider-strong:#0c0d0e29;--hover:#0909090d;--selected:#007aff14;--overlay:#0c0d0e52;--float:#ffffffd6;--counter-mute:#0607081f;--chat-bg:linear-gradient(160deg, #99d5d7 0%, #80bcff 100%);--chat-pattern:#20509d2e;--capsule:#0c0d0e52;--bubble-in:#fff;--bubble-in-text:#060708;--bubble-in-time:#06070885;--bubble-out:#e9fdff;--bubble-out-text:#011c29;--bubble-out-time:#0784b8;--bubble-out-status:#0f8ec2;--bubble-author:#0784b8;--bubble-link:#0784b8;--bubble-shadow:0 1px 1px #0000000f;--sidebar-width:360px;--radius:12px;color:var(--text-primary);background:var(--surface);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#0f0f12;--primary:#17181c;--secondary:#25262d;--tertiary:#ffffff17;--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#ffffffa3;--text-negative:#ff5c66;--icon-secondary:#ffffffad;--button-secondary:#434455;--divider:#ffffff0f;--divider-strong:#ffffff1f;--hover:#ffffff0f;--selected:#007aff2e;--overlay:#0d0d0da3;--float:#17181cd6;--counter-mute:#ffffff47;--chat-bg:#141414;--chat-pattern:#7a95c01f;--capsule:#2e3338b3;--bubble-in:#232e3a;--bubble-in-text:#fff;--bubble-in-time:#ffffffa3;--bubble-out:#6965e5;--bubble-out-text:#fff;--bubble-out-time:#ffffffa3;--bubble-out-status:#ffffffe0;--bubble-author:#8fb8ff;--bubble-link:#fff;--bubble-shadow:none}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface);overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--themed);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--themed);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-button{width:40px;height:40px;color:var(--icon-secondary);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .15s;display:inline-grid}.icon-button:hover{background:var(--hover)}.button{border-radius:var(--radius);border:0;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-weight:600;transition:background-color .15s,opacity .15s;display:inline-flex}.button--primary{background:var(--themed);color:#fff}.button--primary:hover:not(:disabled){background:var(--themed-hover)}.button--primary:active:not(:disabled){background:var(--themed-pressed)}.button--secondary{background:var(--button-secondary);color:var(--text-primary)}.button--small{min-height:32px;padding:0 12px;font-size:13px}.button:disabled{opacity:.6}.link-button{color:var(--themed);background:0 0;border:0;padding:0;font-weight:600}.field{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.field__label{color:var(--text-secondary);font-size:13px;font-weight:600}.field__row{display:flex;position:relative}.field__input{border-radius:var(--radius);background:var(--secondary);border:1px solid #0000;outline:none;width:100%;min-height:44px;padding:10px 14px;transition:border-color .15s}.field__input:focus{border-color:var(--themed)}.field__row .field__input{padding-right:48px}.field__toggle{position:absolute;top:2px;right:2px}.field__hint{color:var(--text-tertiary);font-size:12px}.avatar{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.badge{background:var(--themed);color:#fff;text-align:center;border-radius:10px;flex:none;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;line-height:20px}.capsule{background:var(--capsule);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-self:center;margin:8px 0;padding:3px 10px;font-size:13px;font-weight:500}.capsule--hint{text-align:center;border-radius:16px;max-width:280px;margin-top:auto;margin-bottom:auto;padding:10px 16px}.login{height:100%;padding:16px;display:flex;overflow-y:auto}.login__card{border:1px solid var(--divider);background:var(--primary);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;margin:auto;padding:32px 28px;display:flex}.login__title{margin:0;font-size:20px}.login__subtitle{color:var(--text-secondary);margin:-8px 0 4px;font-size:14px}.login__error,.dialog__error{width:100%;color:var(--text-negative);text-align:left;margin:0;font-size:14px}.login__submit{width:100%}.messenger{grid-template-columns:var(--sidebar-width) 1fr;height:100dvh;display:grid}.sidebar{border-right:1px solid var(--divider);background:var(--primary);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar__header{flex:none;align-items:center;gap:4px;height:60px;padding:0 8px 0 20px;display:flex}.sidebar__title{flex:1;margin:0;font-size:20px;font-weight:700}.sidebar__status{color:var(--text-tertiary);margin:0 20px 8px;font-size:13px}.sidebar__status--error{color:var(--text-negative)}.sidebar__footer{border-top:1px solid var(--divider);color:var(--text-tertiary);flex:none;padding:10px 20px;font-size:12px}.banner{border-radius:var(--radius);background:#ff303c14;flex-direction:column;align-items:flex-start;gap:8px;margin:0 12px 8px;padding:12px;font-size:13px;display:flex}.banner p{margin:0}.banner--info{background:var(--selected)}.chat-list{flex:1;margin:0;padding:0 8px 8px;list-style:none;overflow-y:auto}.chat-list__empty{color:var(--text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.chat-list__empty p{margin:0}.chat-item{border-radius:var(--radius);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:8px 12px;transition:background-color .15s;display:flex}.chat-item:hover{background:var(--hover)}.chat-item--active,.chat-item--active:hover{background:var(--selected)}.chat-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-item__top,.chat-item__bottom{align-items:center;gap:8px;display:flex}.chat-item__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.chat-item__time{color:var(--text-tertiary);flex:none;font-size:12px}.chat-item__preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.chat-item__preview--muted{font-style:italic}.main{background:var(--chat-bg);min-width:0;min-height:0;display:flex;position:relative}.main:before{content:"";background-image:radial-gradient(var(--chat-pattern) 1.5px, transparent 1.6px);pointer-events:none;background-size:28px 28px;position:absolute;inset:0}.main__empty{color:#fff;text-shadow:0 1px 2px #0003;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.main__empty p{background:var(--capsule);text-shadow:none;border-radius:12px;margin:0;padding:4px 12px}.chat-view{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.chat-view__header{border-bottom:1px solid var(--divider);background:var(--float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex:none;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex}.chat-view__back{margin-left:-8px;display:none}.chat-view__heading{min-width:0}.chat-view__title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;overflow:hidden}.chat-view__subtitle{color:var(--text-tertiary);margin:0;font-size:13px}.chat-view__messages{overscroll-behavior:contain;flex:1;overflow-y:auto}.chat-view__feed{flex-direction:column;justify-content:flex-end;max-width:760px;min-height:100%;margin:0 auto;padding:12px 16px;display:flex}.bubble-row{flex-direction:column;margin-top:2px;display:flex}.bubble-row--first{margin-top:8px}.bubble-row--in{align-items:flex-start}.bubble-row--out{align-items:flex-end}.bubble{max-width:min(75%,520px);box-shadow:var(--bubble-shadow);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:18px;padding:7px 12px;position:relative}.bubble--in{background:var(--bubble-in);color:var(--bubble-in-text)}.bubble--out{background:var(--bubble-out);color:var(--bubble-out-text)}.bubble-row--first.bubble-row--in .bubble{border-top-left-radius:6px}.bubble-row--first.bubble-row--out .bubble{border-top-right-radius:6px}.bubble--unsupported .bubble__text{opacity:.75;font-style:italic}.bubble__author{color:var(--bubble-author);margin-bottom:2px;font-size:13px;font-weight:600}.bubble__meta{float:right;white-space:nowrap;align-items:center;gap:3px;margin:6px 0 -3px 10px;font-size:12px;line-height:1;display:inline-flex}.bubble--in .bubble__meta{color:var(--bubble-in-time)}.bubble--out .bubble__meta{color:var(--bubble-out-time)}.bubble__status{color:var(--bubble-out-status);opacity:.6;display:inline-flex}:is(.bubble__status:has(.bubble__read),.bubble__status:has(.bubble__failed)){opacity:1}.bubble a{color:var(--bubble-link);text-underline-offset:2px;text-decoration:underline}.bubble__failed{color:var(--text-negative)}.bubble-error{background:var(--capsule);color:#fff;border-radius:10px;align-items:baseline;gap:8px;max-width:min(75%,520px);margin-top:4px;padding:2px 10px;font-size:12px;display:flex}.bubble-error .link-button{color:#fff;text-decoration:underline}.composer{flex:none;align-items:flex-end;gap:8px;width:100%;max-width:792px;margin:0 auto;padding:8px 16px 16px;display:flex}.composer__field{background:var(--primary);border-radius:22px;flex:1;display:flex;position:relative;box-shadow:0 1px 2px #0000001a}.composer__input{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:44px;max-height:200px;padding:11px 16px;line-height:22px}.composer__input::placeholder{color:var(--text-tertiary)}.composer__counter{color:var(--text-tertiary);font-size:11px;position:absolute;bottom:-18px;right:14px}.composer__counter--over{color:var(--text-negative)}.composer__send{background:var(--themed);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:background-color .15s,transform .15s,opacity .15s;display:grid}.composer__send:hover:not(:disabled){background:var(--themed-hover)}.composer__send:disabled{opacity:.45;transform:scale(.92)}.dialog-backdrop{z-index:10;background:var(--overlay);place-items:center;padding:16px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}.dialog{background:var(--primary);border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:16px 20px 20px;animation:.18s ease-out pop-in;display:flex;box-shadow:0 12px 40px #0000003d}.dialog__header{justify-content:space-between;align-items:center;margin-right:-8px;display:flex}.dialog__title{margin:0;font-size:18px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=767px){.messenger{grid-template-columns:1fr}.messenger .main,.messenger--chat-open .sidebar{display:none}.messenger--chat-open .main{display:flex}.chat-view__back{display:inline-grid}.sidebar__header{padding-left:16px}.chat-view__header{padding:0 12px}.chat-view__feed{padding:8px 12px}.composer{padding:8px 12px 12px}.bubble{max-width:85%}}