@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/montserrat-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/montserrat-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:light;--ink:#151730;--muted:#62667d;--line:#e2e6ef;--soft:#f6f7fc;--blue:#0758db;--selected:#eaf2ff;--error:#a32327;--error-paper:#fff2f2}
*{box-sizing:border-box} [hidden]{display:none!important}
html,body{margin:0;min-width:280px;min-height:100%;background:#fff;color:var(--ink)}
body{height:100svh;display:flex;flex-direction:column}
body,input,textarea,button{font-family:Montserrat,'Segoe UI',Arial,sans-serif;font-size:14px}
button,a,input,textarea{-webkit-tap-highlight-color:#d9e9ff}
button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;background:#edf0f5;color:#62667d;border-color:#dce1e9}
button,input,textarea{color:inherit}button,a{text-decoration:none}button{font-weight:600}
::selection{background:#d9e9ff;color:var(--ink)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
input,textarea{width:100%;min-height:46px;border:1px solid #9ba6bb;border-radius:10px;background:#fff;padding:11px 13px;line-height:1.5;caret-color:var(--blue)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;max-height:180px}
.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar{flex-shrink:0}
.brand{display:flex;align-items:center;gap:10px}.brand img{object-fit:contain}.brand strong{font-size:19px;font-weight:750;letter-spacing:-.025em}
#account-actions{display:flex;gap:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;border:1px solid transparent;border-radius:10px;padding:10px 16px;font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap}
.quiet{background:#fff;color:var(--ink)}.primary{background:var(--blue);color:#fff}
.login-screen{max-width:440px;margin:80px auto;padding:0 24px}.login-screen h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px;font-weight:700}
.login-screen>p{font-size:15px;line-height:1.7;margin:0 0 32px}.login-screen form{display:flex;flex-direction:column}.login-screen label{font-size:13px;font-weight:600;margin:0 0 8px}.login-screen input{margin-bottom:22px}.login-screen .primary{margin-top:2px}
.error{color:var(--error);font-size:13px;line-height:1.6;margin:10px 0 16px;overflow-wrap:anywhere}.global-error,.demo-notice{padding:10px 16px;margin:0 0 12px;border-radius:10px;background:var(--error-paper)}.demo-notice{background:var(--selected);font-size:13px;line-height:1.5}
.inbox-screen{max-width:1600px;margin:auto;padding:24px 32px 28px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.workspace-heading h1{font-size:26px;letter-spacing:-.025em;line-height:1.25;margin:0;font-weight:700}.workspace-heading p{margin:0;font-size:12px;line-height:1.5}
.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100svh - 178px);min-height:480px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.inbox-screen{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}
.workspace{height:auto;flex:1;min-height:390px}
.chat-row:focus-visible{outline-offset:-3px}
.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:#fff}.sidebar-controls{padding:18px 16px 4px}.channels{display:flex;gap:4px;padding-top:10px}.channels button{flex:1;min-height:44px;padding:8px 6px;font-size:12px;border:1px solid transparent;border-radius:9px;background:#fff;color:var(--muted)}.channels [aria-pressed=true]{background:var(--selected);color:#064da9}
.list-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px}.list-heading h2{font-size:13px;margin:0;font-weight:650}.list-heading span{font-size:12px}.chat-list{list-style:none;padding:0;margin:0;overflow-y:auto;scrollbar-color:#aeb9ce transparent;scrollbar-width:thin}.chat-list li{margin:0}.chat-row{width:100%;text-align:left;border:0;border-top:1px solid #f0f1f6;background:#fff;padding:17px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;min-height:108px;color:var(--ink)}
.chat-row[aria-pressed=true]{background:var(--selected)}.chat-name{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-channel{font-size:10px;line-height:1.5;color:var(--muted);font-weight:600}.chat-preview{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.6;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.chat-time{font-size:10px;color:var(--muted);font-weight:400}.unread{justify-self:end;background:var(--blue);color:white;border-radius:20px;font-size:11px;line-height:20px;min-width:20px;padding:0 5px;text-align:center}.empty-list{font-size:13px;line-height:1.7;padding:8px 20px}
.conversation{min-width:0;min-height:0;background:var(--soft)}.thread-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center}.thread-empty h2{font-size:22px;font-weight:650;margin:0 0 12px;letter-spacing:-.02em}.thread-empty p{font-size:14px;line-height:1.8;margin:0}.thread{display:flex;flex-direction:column;height:100%;min-height:0}.thread-heading{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--line);min-height:84px}.thread-person{flex:1;min-width:0}.thread-person h2{font-size:17px;font-weight:650;line-height:1.4;margin:0;overflow-wrap:anywhere}.thread-person p{font-size:11px;line-height:1.5;margin:4px 0 0}.back{display:none}
.messages-scroll{flex:1;min-height:0;overflow-y:auto;padding:24px;scrollbar-color:#aeb9ce transparent;scrollbar-width:thin}.messages{list-style:none;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.message{align-self:flex-start;max-width:min(82%,620px);border:1px solid #e1e5ef;border-radius:12px;padding:13px 16px;background:#fff;min-width:100px}.message.outgoing{align-self:flex-end;background:#eaf2ff;border-color:#ceddf6}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}.message-time{font-size:10px;line-height:1.5;color:var(--muted);display:block;margin-top:10px;text-align:right}.message-state{display:block;color:var(--error);font-size:11px;line-height:1.5;margin-top:8px}.attachment{display:block;font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin-top:8px;color:#064da9;text-decoration:underline;text-underline-offset:3px}.attachment-label{color:var(--muted);text-decoration:none}.older{display:flex;margin:0 auto 22px;background:#fff;border-color:var(--line)}
.reply-form{border-top:1px solid var(--line);padding:16px 24px;background:#fff}.reply-form textarea{display:block;min-height:74px}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:12px}.reply-actions span{font-size:11px}.reply-form .error{margin:8px 0}
@media(hover:hover){.quiet:hover{background:var(--soft)}.primary:hover{background:#064bb9}.chat-row:hover{background:#f1f5fd}.chat-row[aria-pressed=true]:hover{background:var(--selected)}.channels button:hover{background:var(--soft)}}
@media(max-width:800px){.topbar{height:66px;padding:0 18px;gap:6px}.brand{gap:8px}.brand strong{font-size:17px}.button{padding:10px 12px}.inbox-screen{padding:20px 16px 16px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:16px}.workspace-heading h1{font-size:25px}.workspace{display:block;height:calc(100svh - 172px);min-height:390px;border-radius:12px}.sidebar{height:100%;border-right:0}.conversation{display:none;height:100%}.workspace.chat-open .sidebar{display:none}.workspace.chat-open .conversation{display:block}.sidebar-controls{padding:16px 16px 4px}.chat-list{flex:1}.chat-row{min-height:108px}.back{display:inline-flex;align-self:flex-start;margin-left:-8px}.thread-heading{padding:12px 14px;gap:8px;flex-wrap:wrap;min-height:108px}.thread-person{flex-basis:calc(100% - 100px)}.thread-heading .back{flex-basis:100%;justify-content:flex-start;padding-top:0;min-height:44px;margin-top:-4px;margin-bottom:-6px}.thread-person h2{font-size:15px}.thread-heading #mark-read{font-size:11px;padding:8px}.messages-scroll{padding:18px 12px}.message{max-width:92%;padding:11px 13px}.message-text{font-size:13px}.reply-form{padding:12px}.reply-form textarea{min-height:66px;max-height:140px}.reply-actions{margin-top:8px}.reply-actions .button{min-width:124px}.login-screen{margin:54px auto;padding:0 24px}.login-screen h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:800px){.workspace{height:auto;flex:1}}
.thread-status{margin:0;font-size:13px;line-height:1.7}
#mark-read{white-space:normal;max-width:164px}
@media(max-width:800px){.thread-heading .thread-person{flex:1;flex-basis:0;min-width:110px}.thread-heading #mark-read{max-width:142px}}