:root{color:#222;color-scheme:light;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.35;background:#e6ebee}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.auth{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:#5682a3}.auth__card{width:min(420px,100%);padding:28px 28px 24px;background:#fff;border-radius:12px;box-shadow:0 12px 40px #10233640}.auth__mark{width:64px;height:64px;margin:0 auto 8px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5682a3}.auth h1,.modal h2{margin:0;text-align:center;font-size:28px;font-weight:600}.auth__lead{margin:6px 0 22px;text-align:center;color:#70808c}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;color:#5d6d79;font-size:13px}.field input,.composer textarea{width:100%;border:1px solid #d5dee4;border-radius:8px;background:#fff;color:#222}.field input{height:42px;padding:0 12px}.field input:focus,.composer textarea:focus{outline:2px solid #419fd9;border-color:transparent}.field__secret{position:relative}.field__secret input{padding-right:92px}.field__toggle{position:absolute;top:7px;right:8px;border:0;background:transparent;color:#5682a3}.hint{margin:-6px 0 14px;color:#8a9aa6;font-size:12px}.form-error{margin:0 0 14px;color:#c0392b;font-size:14px}.button{height:42px;padding:0 18px;border:0;border-radius:8px;color:#fff;background:#5682a3}.button:disabled{opacity:.65}.button--wide{width:100%}.button--ghost{color:#5682a3;background:#eef3f6}.app{height:100dvh;display:flex;flex-direction:column;background:#fff}.banners{display:flex;flex-direction:column}.banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 16px;color:#243646;background:#fff4d6;overflow-wrap:anywhere}.banner button{border:0;background:transparent;color:#5682a3;white-space:nowrap}.banner--error{color:#7a241c;background:#fde8e6}.app-shell{flex:1;min-height:0;display:flex}.sidebar{width:320px;flex:0 0 320px;display:flex;flex-direction:column;min-height:0;border-right:1px solid #d9e1e6;background:#fff}.sidebar__header,.thread__header{height:56px;display:flex;align-items:center;gap:12px;padding:0 12px 0 16px;color:#fff;background:#5682a3}.sidebar__title,.thread__name{font-size:16px;font-weight:600}.sidebar__instance,.thread__subtitle{font-size:12px;opacity:.85}.icon-button,.back-button,.send-button{display:grid;place-items:center;border:0;color:#fff;background:transparent}.chat-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1}.chat-list__item{width:100%;display:flex;gap:12px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid #f1f4f6;background:#fff;text-align:left;color:inherit}.chat-list__item:hover{background:#f4f7f8}.chat-list__item.is-active,.chat-list__item.is-active:hover{color:#fff;background:#419fd9}.chat-list__body{min-width:0;flex:1}.chat-list__top,.chat-list__preview{display:flex;justify-content:space-between;gap:8px}.chat-list__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.chat-list__time{flex:0 0 auto;font-size:12px;opacity:.75}.chat-list__preview{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#70808c;font-size:14px}.chat-list__item.is-active .chat-list__preview{color:#ffffffe0}.chat-list__empty,.empty,.thread__placeholder{color:#70808c}.chat-list__empty{flex:1;padding:28px 20px;text-align:center}.sidebar__footer{padding:10px 16px;border-top:1px solid #e6ebee}.text-button{border:0;padding:0;background:transparent;color:#5682a3}.dialog{flex:1;min-width:0;display:flex;background:#e6ebee}.empty{margin:auto;padding:14px 22px;background:#ffffffb8;border-radius:20px}.thread{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.thread__peer{min-width:0}.thread__name,.thread__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button{display:none;margin-left:-6px}.thread__list{flex:1;min-height:0;margin:0;padding:12px 0;overflow:auto;list-style:none;background:#e6ebee}.thread__placeholder{margin:24px auto;width:fit-content;padding:8px 14px;background:#ffffffb8;border-radius:16px}.thread__end{height:0;list-style:none}.message{display:flex;margin:2px 16px}.message--in{justify-content:flex-start}.message--out{justify-content:flex-end}.bubble{max-width:min(72%,520px);padding:6px 9px 4px;border-radius:10px;box-shadow:0 1px 1px #1023361f}.bubble--in{background:#fff;border-bottom-left-radius:2px}.bubble--out{background:#effdde;border-bottom-right-radius:2px}.bubble__text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble__meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;color:#70b15c;font-size:12px}.bubble--in .bubble__meta{color:#a1aab3}.bubble__error{margin-top:4px;color:#c0392b;font-size:12px}.status--error{color:#c0392b;font-weight:700}.avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:14px;font-weight:600}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #e3eaee}.composer textarea{flex:1;max-height:140px;padding:10px 12px;resize:none;border-radius:18px;background:#f4f7f8}.composer__side{display:flex;align-items:center;gap:8px}.composer__count{color:#8a9aa6;font-size:12px;white-space:nowrap}.composer__count.is-over{color:#c0392b}.send-button{width:42px;height:42px;border-radius:50%;background:#5682a3}.send-button:disabled{background:#b7c6d1}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#10233673}.modal__card{width:min(400px,100%);padding:22px;background:#fff;border-radius:12px}.modal__card h2{margin-bottom:18px;font-size:22px}.modal__actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:760px){.sidebar{width:100%;flex-basis:100%;border-right:0}.dialog,.app--dialog .sidebar{display:none}.app--dialog .dialog{display:flex}.back-button{display:grid}.bubble{max-width:86%}}