:root{color-scheme:light;--panel:#fff;--bg:#fff;--text:#000;--muted:#707579;--line:#dfe1e5;--input:#f4f4f5;--hover:#f4f4f5;--accent:#3390ec;--active:#3390ec;--bubble:#fff;--outgoing:#eeffde;--outgoing-meta:#65a257;--wallpaper:#d5dfc7;--notice:#f5f9fd;--shadow:0 2px 5px #0002;--dialog-shadow:0 8px 40px #0003}
:root[data-theme=dark]{color-scheme:dark;--panel:#212121;--bg:#181818;--text:#fff;--muted:#aaa;--line:#303030;--input:#2c2c2c;--hover:#2b2b2b;--accent:#8774e1;--active:#766ac8;--bubble:#212121;--outgoing:#766ac8;--outgoing-meta:#d7cfff;--wallpaper:#0f0f0f;--notice:#282633;--shadow:0 2px 5px #0003;--dialog-shadow:0 8px 40px #0006}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}html[lang=fa] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{width:100%;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 15px;outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}input::placeholder,textarea::placeholder{color:var(--muted)}a{color:var(--accent)}h1,h2,p{margin:0}[hidden]{display:none!important}.muted{color:var(--muted);font-size:13px;line-height:1.8}.icon{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--muted);padding:10px}.icon-button:hover{background:var(--hover)}.primary{background:var(--accent);color:#fff;min-height:48px;border-radius:10px;padding:12px 24px;font-weight:600}.primary:hover{filter:brightness(.96)}.text-button{color:var(--accent);padding:12px;border-radius:8px;font-size:14px}.text-button:hover{background:var(--hover)}label{display:block;font-size:13px;color:var(--muted);margin:19px 0 10px}label input,label select,label textarea{display:block;margin-top:9px}textarea{resize:vertical}.error{color:#e64b4b;font-size:13px;line-height:1.7}
.auth-screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:60px 24px 35px;background:var(--panel)}.auth-card{width:360px;max-width:100%;text-align:center}.auth-logo{width:120px;height:120px;margin:0 auto 30px;background:#3390ec;border-radius:50%;color:#fff;display:grid;place-items:center}.auth-logo svg{width:102px;height:102px}.auth-card h1{font-size:32px;font-weight:500;margin-bottom:15px}.auth-description{font-size:16px;line-height:1.7;color:var(--muted);max-width:280px;margin:0 auto 26px}.auth-card h2{font-size:17px;font-weight:500;margin:0 0 25px}.auth-card label{text-align:start}.auth-card input{height:54px}.input-wrap{position:relative}.input-wrap>span{position:absolute;left:16px;top:17px;color:var(--muted);font-size:17px}.input-wrap input{padding-left:40px}.auth-submit{width:100%;margin:21px 0 12px;text-transform:uppercase}.auth-card small{display:block;font-size:12px;color:var(--muted);margin-top:22px}.auth-card .error:empty{display:none}.auth-card .error{margin:12px 0}.language-switch{position:absolute;inset-inline-end:24px;top:20px;color:var(--accent);padding:10px 14px;border-radius:8px}.language-switch:hover{background:var(--hover)}
.app{height:100vh;height:100dvh;display:grid;grid-template-columns:420px minmax(0,1fr);direction:ltr;overflow:hidden}.sidebar{direction:rtl;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;min-height:0;z-index:3}.chat{direction:rtl}html[dir=ltr] .sidebar,html[dir=ltr] .chat{direction:ltr}.sidebar-header{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px;min-height:64px;direction:ltr}.search{flex:1;display:flex;align-items:center;position:relative;background:var(--input);height:46px;border-radius:25px;color:var(--muted);padding:0 13px;direction:ltr}.search>.icon{width:21px;height:21px}.search input{background:none;border:0;border-radius:0;padding:0 10px;height:100%;box-shadow:none;min-width:0;font-size:15px;direction:rtl}.search input:focus{box-shadow:none}html[dir=ltr] .search input{direction:ltr}.search:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.search:focus-within>.icon{color:var(--accent)}.search .icon-button{width:28px;height:28px;padding:3px}.chat-tabs{min-height:44px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);gap:10px}.chat-tabs button{font-weight:600;font-size:14px;padding:12px 16px;position:relative;display:flex;align-items:center;gap:8px;color:var(--accent)}.chat-tabs .selected:after{content:"";position:absolute;bottom:0;left:9px;right:9px;height:3px;border-radius:3px 3px 0 0;background:var(--accent)}.tab-count{background:var(--accent);color:#fff;border-radius:11px;min-width:20px;height:20px;padding:1px 6px;display:grid;place-items:center;font-size:11px}.connection-dot{width:7px;height:7px;background:#aaa;border-radius:50%;margin-inline-start:auto}.connection-dot.online{background:#53b56b}.room-list{flex:1;overflow:auto;padding:7px;min-height:0;overscroll-behavior:contain}.room-item{display:flex;align-items:center;gap:12px;width:100%;height:77px;border-radius:10px;padding:10px;text-align:start;margin:1px 0}.room-item:hover{background:var(--hover)}.room-item.active{background:var(--active);color:#fff}.avatar{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:22px;font-weight:500;color:#fff;background:linear-gradient(140deg,#6ac4fa,#3883ca);text-transform:uppercase}.room-item:nth-child(4n+2) .avatar{background:linear-gradient(140deg,#ffcc75,#e69d4d)}.room-item:nth-child(4n+3) .avatar{background:linear-gradient(140deg,#b397f5,#8169cb)}.room-item:nth-child(4n) .avatar{background:linear-gradient(140deg,#83d89b,#46a769)}.avatar.small{width:42px;height:42px;font-size:17px}.room-text{flex:1;min-width:0}.room-title-line{display:flex;align-items:center;gap:7px;margin-bottom:7px}.room-title-line>.icon{width:17px;height:17px}.room-title-line strong{font-size:16px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.room-text p{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.room-item.active p,.room-item.active .room-time{color:#ffffffc9}.room-time{font-size:11px;color:var(--muted);font-weight:400;direction:ltr;white-space:nowrap}.room-count{min-width:22px;height:22px;border-radius:14px;background:var(--muted);color:#fff;font-size:11px;display:grid;place-items:center;padding:0 6px}.room-item.active .room-count{background:#fff;color:var(--active)}.sidebar-footer{display:flex;align-items:center;padding:12px 20px;gap:7px;color:var(--muted);font-size:11px}.sidebar-brand{margin-inline-start:auto}.live-dot{width:6px;height:6px;border-radius:50%;background:#53b56b}.new-chat-button{position:absolute;bottom:55px;inset-inline-end:20px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 3px 8px #0003}.new-chat-button .icon{width:25px;height:25px}.new-chat-button:hover{filter:brightness(.95)}
.main-menu{position:absolute;direction:inherit;top:58px;left:12px;min-width:280px;max-width:calc(100% - 24px);z-index:10;background:var(--panel);padding:8px;border-radius:12px;box-shadow:var(--dialog-shadow);border:1px solid var(--line);transform-origin:top left;animation:menu-in .13s ease-out}.main-menu>button{display:flex;align-items:center;gap:20px;padding:11px 14px;width:100%;font-size:14px;font-weight:500;text-align:start;border-radius:7px;min-height:45px}.main-menu>button>.icon{color:var(--muted);width:23px;height:23px}.main-menu>button:hover{background:var(--hover)}.menu-profile{display:flex;align-items:center;gap:14px;padding:12px 14px 17px;margin-bottom:5px;border-bottom:1px solid var(--line)}.menu-profile strong{display:block;font-size:15px;margin-bottom:6px}.menu-profile small{color:var(--muted);direction:ltr;display:block;font-size:12px}.main-menu footer{font-size:11px;color:var(--muted);text-align:center;padding:15px 10px 5px}.main-menu footer span{margin-left:5px}.menu-value{font-size:12px;color:var(--muted);margin-inline-start:auto}.switch{width:30px;height:14px;background:#aaa;border-radius:9px;position:relative;margin-inline-start:auto}.switch:after{content:"";width:18px;height:18px;border-radius:50%;background:var(--panel);border:2px solid #aaa;position:absolute;top:-2px;left:-2px}.switch.on{background:var(--accent)}.switch.on:after{border-color:var(--accent);left:14px}
.chat{min-width:0;display:flex;flex-direction:column;position:relative;background:var(--wallpaper);background-image:url('/static/wallpaper.svg');background-size:380px 380px}.chat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;pointer-events:none;background:linear-gradient(135deg,#bddbbd30,#e4d4a81a 55%,#8fbcaa20);z-index:0}:root[data-theme=dark] .chat:before{background:#0002}.chat>*{z-index:1}.chat-header{height:64px;min-height:64px;background:var(--panel);box-shadow:0 1px 2px #0001;display:flex;align-items:center;gap:12px;padding:7px 22px}.chat-header .avatar{width:42px;height:42px;font-size:19px}.room-info{text-align:start;min-width:0;padding:2px 0}.room-info h2{font-size:16px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-info span{font-size:13px;color:var(--muted)}.header-end{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.messages{flex:1;min-height:0;overflow:auto;padding:22px max(30px,calc((100% - 740px)/2)) 12px;display:flex;flex-direction:column;gap:5px;overscroll-behavior:contain;scrollbar-color:#0002 transparent}.messages> :first-child{margin-top:auto}.day{align-self:center;background:#64825870;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:5px 10px;margin:12px 0;box-shadow:0 1px 2px #0001;flex-shrink:0}:root[data-theme=dark] .day{background:#ffffff1a}.message-row{display:flex;align-items:flex-end;gap:8px;align-self:flex-start;max-width:85%;direction:ltr;margin-top:2px}.message-row.mine{align-self:flex-end}.message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(140deg,#72c5f5,#468ecb);color:#fff;display:grid;place-items:center;font-size:14px;flex-shrink:0;margin-bottom:2px}.bubble{position:relative;background:var(--bubble);padding:7px 10px 6px;min-width:90px;border-radius:12px 12px 12px 4px;box-shadow:0 1px 1px #0002;direction:rtl;text-align:start;max-width:100%}html[dir=ltr] .bubble{direction:ltr}.mine .bubble{background:var(--outgoing);border-radius:12px 12px 4px 12px}.bubble:after{content:"";position:absolute;bottom:0;left:-5px;width:9px;height:12px;background:var(--bubble);clip-path:polygon(100% 0,100% 100%,0 100%)}.mine .bubble:after{left:auto;right:-5px;background:var(--outgoing);transform:scaleX(-1)}.sender{display:block;color:#3a93d4;font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.4}.mine .sender{display:none}.message-body{font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;min-width:70px}.message-time{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:var(--muted);font-size:10px;direction:ltr;margin:2px 0 0 25px;line-height:1.1}.mine .message-time{color:var(--outgoing-meta)}.message-time .icon{width:15px;height:15px;stroke-width:2}.media-preview{display:block;max-width:100%;width:330px;max-height:360px;object-fit:contain;border-radius:7px;margin:3px 0;background:#0001}.attachment{display:flex;align-items:center;gap:10px;color:var(--accent);text-decoration:none;min-width:190px;padding:10px 4px;margin:4px 0;overflow-wrap:anywhere}.attachment>.icon{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;padding:9px}.attachment strong{display:block;font-size:13px;font-weight:500;line-height:1.6}.attachment small{font-size:11px;color:var(--muted)}.mine .attachment{color:inherit}.mine .attachment>.icon{background:var(--outgoing-meta);color:var(--outgoing)}.mine .attachment small{color:var(--outgoing-meta)}.media-expired{color:var(--muted);font-size:13px;padding:14px 8px;display:flex;gap:8px;align-items:center;font-style:italic}.media-expiry{color:var(--muted);font-size:10px;margin-top:5px}.mine .media-expiry,.mine .media-expired{color:var(--outgoing-meta)}.welcome{margin:auto!important;align-self:center;text-align:center;border-radius:16px;background:#63815490;color:#fff;padding:20px 26px;max-width:300px}.welcome>.icon{width:45px;height:45px;opacity:.8;margin-bottom:15px}.welcome h2{font-size:17px;font-weight:500;margin-bottom:9px}.welcome p{font-size:13px;line-height:1.8}:root[data-theme=dark] .welcome{background:#ffffff18}.load-older{align-self:center;border-radius:20px;background:#64825888;color:#fff;padding:7px 14px;font-size:12px;margin-bottom:12px}.composer-area{width:100%;max-width:800px;align-self:center;padding:6px 30px 9px;position:relative}.composer{display:flex;align-items:flex-end;position:relative;background:var(--panel);border-radius:12px;min-height:56px;padding:6px 9px;gap:7px;margin-right:66px;direction:ltr;box-shadow:0 1px 2px #0002}.composer:after{content:"";position:absolute;bottom:0;right:-7px;width:12px;height:16px;background:var(--panel);clip-path:polygon(0 0,0 100%,100% 100%)}.composer .icon-button{width:40px;height:44px;padding:9px}.composer textarea{border:0;box-shadow:none;background:none;resize:none;padding:10px 0 8px;min-height:44px;max-height:160px;border-radius:0;line-height:1.7;font-size:15px;direction:rtl;text-align:start}html[dir=ltr] .composer textarea{direction:ltr}.composer textarea:focus{box-shadow:none}.send{position:absolute;right:-66px;bottom:0;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 1px 3px #0002}.send .icon{width:25px;height:25px}.send:hover{filter:brightness(.96)}.composer-hint{display:flex;justify-content:space-between;margin:6px 66px 0 3px;font-size:9px;color:#43613c;opacity:.85;gap:10px}:root[data-theme=dark] .composer-hint{color:#aaa}.file-preview{display:flex;align-items:center;justify-content:space-between;margin:0 66px 8px 0;padding:8px 15px;border-radius:10px;background:var(--panel);font-size:13px;overflow-wrap:anywhere}.file-preview>.icon{color:var(--accent);margin-inline-end:10px}.file-preview>span{flex:1}.emoji-picker{position:absolute;bottom:85px;left:30px;width:300px;max-width:calc(100% - 60px);padding:12px;border-radius:12px;background:var(--panel);box-shadow:var(--dialog-shadow);display:grid;grid-template-columns:repeat(7,1fr);gap:3px;z-index:4}.emoji-picker button{font-size:25px;padding:6px;border-radius:8px}.emoji-picker button:hover{background:var(--hover)}
.notices{background:var(--panel);max-height:23vh;overflow:auto;flex-shrink:0}.notice{display:flex;align-items:center;gap:12px;background:var(--notice);padding:9px 24px;border-top:1px solid var(--line)}.notice>.icon{color:var(--accent);width:21px;height:21px}.notice p{flex:1;font-size:13px;line-height:1.5;border-inline-start:2px solid var(--accent);padding-inline-start:10px;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.notice strong{display:block;color:var(--accent);font-size:12px;margin-bottom:3px}.notice small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.notice button{color:var(--accent);padding:9px;border-radius:7px;font-size:12px;white-space:nowrap}.notice button:hover{background:var(--hover)}
dialog{background:var(--panel);color:var(--text);border:0;border-radius:14px;padding:20px 24px 25px;width:calc(100% - 30px);max-width:660px;max-height:88dvh;box-shadow:var(--dialog-shadow)}dialog::backdrop{background:#0005}.modal-heading{display:flex;align-items:center;gap:16px;margin-bottom:15px}.modal-heading h2{font-size:20px;font-weight:500}.modal-heading>.icon-button{margin-inline-start:-10px}.modal-form .primary{margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.check{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.7;color:var(--text);padding:10px 0}.check input{width:19px;height:19px;margin:0;accent-color:var(--accent);flex-shrink:0}.tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.tabs button{white-space:nowrap;padding:14px 11px;color:var(--muted);font-size:13px;border-bottom:3px solid transparent}.tabs button.selected{color:var(--accent);border-color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stats>div{padding:13px;text-align:center;border-radius:10px;background:var(--input)}.stats strong{display:block;color:var(--accent);font-size:25px;font-weight:500;margin-bottom:5px}.stats span{font-size:12px;color:var(--muted)}.person{display:flex;align-items:center;gap:14px;min-height:76px;padding:10px 0;border-bottom:1px solid var(--line)}.person .details{flex:1;min-width:0}.person strong{display:block;font-size:15px;font-weight:500;margin-bottom:5px;overflow-wrap:anywhere}.person small{color:var(--muted);font-size:12px;display:block;overflow-wrap:anywhere}.person .text-button{padding:9px;font-size:12px}.badge{color:var(--accent);font-size:11px;white-space:nowrap}.person>.muted{font-size:11px}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);max-width:90%;background:#303030ed;color:white;padding:13px 22px;border-radius:10px;box-shadow:var(--shadow);font-size:14px;z-index:30;line-height:1.6}.empty{text-align:center;padding:30px 20px;color:var(--muted);font-size:14px;line-height:1.8}.mobile-only{display:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#8885;border-radius:4px}::-webkit-scrollbar-track{background:transparent}@keyframes menu-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(min-width:1800px){.app{grid-template-columns:450px minmax(0,1fr)}}@media(max-width:1200px){.app{grid-template-columns:340px minmax(0,1fr)}.messages{padding-right:25px;padding-left:25px}.composer-area{padding-right:25px;padding-left:25px}.room-item{height:76px}}@media(max-width:900px){.app{grid-template-columns:300px minmax(0,1fr)}.sidebar-header{gap:5px;padding-left:5px;padding-right:10px}.message-row{max-width:93%}.messages{padding-left:15px;padding-right:15px}.composer-area{padding-left:15px;padding-right:15px}.chat-header{padding-right:14px;padding-left:14px}.composer-hint span:last-child{display:none}.room-title-line strong{font-size:15px}.room-text p{font-size:13px}.avatar{width:50px;height:50px}}@media(max-width:700px){.app{grid-template-columns:1fr}.sidebar{border:0}.chat{display:none}.app.in-chat .sidebar{display:none}.app.in-chat .chat{display:flex;height:100vh;height:100dvh}.mobile-only{display:grid}.sidebar-header{height:64px;padding:8px 12px;gap:12px}.room-item{height:78px}.room-item .avatar{width:54px;height:54px}.room-title-line strong{font-size:16px}.room-text p{font-size:14px}.room-list{padding:4px 7px}.chat-header{height:58px;min-height:58px;padding:4px 8px;gap:9px}.chat-header .avatar{width:38px;height:38px;font-size:17px}.chat-header .room-info h2{font-size:15px}.chat-header .room-info span{font-size:12px}.header-end{gap:0}.header-end #members-button{display:none}.chat-header .icon-button{width:38px;height:42px}.messages{padding:14px 12px 10px;gap:5px}.message-row{max-width:91%}.message-avatar{width:28px;height:28px;font-size:12px}.message-body{font-size:14px}.composer-area{padding:5px 9px max(8px,env(safe-area-inset-bottom));max-width:100%}.composer{margin-right:58px;padding:3px 5px;gap:3px;min-height:52px}.composer textarea{font-size:14px;min-height:46px}.composer .icon-button{width:36px;height:44px;padding:7px}.send{right:-58px;width:50px;height:50px}.composer-hint{display:none}.file-preview{margin-right:58px}.notice{padding:8px 12px;gap:8px}.notice p{font-size:12px}.notice small{font-size:9px}.notice button{font-size:11px}.form-grid{grid-template-columns:1fr}.auth-screen{padding-top:65px}.auth-logo{width:100px;height:100px;margin-bottom:25px}.auth-logo svg{width:85px;height:85px}.auth-card h1{font-size:28px}.auth-description{font-size:15px}.language-switch{top:12px;inset-inline-end:12px}dialog{padding:14px 18px 22px;border-radius:14px;max-height:92dvh}.modal-heading h2{font-size:18px}.person{gap:10px}.person .text-button{font-size:11px;padding:6px}.tabs button{font-size:12px;padding:12px 9px}.emoji-picker{bottom:68px;left:10px}.stats strong{font-size:22px}.main-menu{top:58px}.toast{bottom:80px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.messages{direction:ltr}.language-choice{width:100%;text-align:start}.language-choice>.icon{margin-inline-start:auto;color:var(--accent)}

.sidebar-brand{display:flex;flex-direction:column;align-items:center;gap:4px}.channel-link{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);text-decoration:none;white-space:nowrap}.channel-link:hover{color:var(--accent)}.channel-link svg{width:13px;height:13px;fill:var(--accent);stroke:none}.sidebar-footer{min-height:58px}.new-chat-button{bottom:76px}

.message-edit-button{display:inline-grid;place-items:center;width:25px;height:22px;color:var(--outgoing-meta);float:left;margin:2px 5px 0 -2px;border-radius:5px;opacity:0}.message-edit-button .icon{width:15px;height:15px}.bubble:hover .message-edit-button,.message-edit-button:focus-visible{opacity:1}.edit-preview{margin:0 66px 7px 0;background:var(--panel);border-radius:10px;padding:8px 12px;display:flex;gap:12px;align-items:center}.edit-preview>.icon{color:var(--accent)}.edit-preview>div{flex:1;min-width:0;border-inline-start:2px solid var(--accent);padding-inline-start:10px}.edit-preview strong{font-size:12px;color:var(--accent)}.edit-preview p{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.8}@media(hover:none){.message-edit-button{opacity:1}}@media(max-width:700px){.edit-preview{margin-right:58px}.message-edit-button{opacity:1}}

.audio-player{display:block;width:280px;max-width:100%;margin:8px 0}.reply-quote{display:flex;flex-direction:column;gap:3px;text-align:start;border:0;border-inline-start:3px solid var(--accent,#3390ec);border-radius:5px;background:#3390ec15;color:inherit;padding:7px 10px;width:100%;cursor:pointer;margin-bottom:7px;max-width:360px}.reply-quote strong{color:var(--accent,#3390ec)}.reply-quote span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.reply-action{border:0;background:none;color:var(--accent,#3390ec);font-size:11px;cursor:pointer;padding:5px 0;margin-inline-end:12px;opacity:.65}.reply-action:hover{opacity:1}.highlight-message .bubble{outline:3px solid #3390ec99}.people-results{padding:0 12px}.search-person{width:100%;border:0;background:none;text-align:start;color:inherit;cursor:pointer}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-card{padding:16px;border:1px solid #8883;border-radius:12px;display:flex;flex-direction:column;gap:10px}.resource-card strong{font-size:17px;overflow-wrap:anywhere}.tabs{flex-wrap:wrap}#reply-preview p{max-height:40px;overflow:hidden}@media(max-width:480px){.resource-grid{grid-template-columns:1fr}.audio-player{width:240px}}

.resource-grid.resource-dashboard{display:block}.resource-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px}.resource-live{display:flex;align-items:center;gap:8px;font-weight:600}.resource-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#42b883;box-shadow:0 0 0 4px #42b88315}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:9px;min-width:0;background:var(--panel)}.metric-card[data-kind=disk]{grid-column:1/-1}.metric-label{color:var(--muted);font-size:13px}.metric-value{font-size:30px;font-weight:600;color:var(--accent);line-height:1.4}.metric-card[data-kind=memory] .metric-value{color:#9870e7}.metric-card[data-kind=disk] .metric-value{color:#36a474}.metric-card[data-level=high]{border-color:#e7a24d}.metric-card[data-level=high] .metric-value{color:#d58a25}.metric-meter{width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;accent-color:var(--accent);background:var(--input)}.metric-meter::-webkit-progress-bar{background:var(--input);border-radius:10px}.metric-meter::-webkit-progress-value{background:var(--accent);border-radius:10px}.metric-card[data-kind=memory] .metric-meter::-webkit-progress-value{background:#9870e7}.metric-card[data-kind=disk] .metric-meter::-webkit-progress-value{background:#42b883}.metric-meter::-moz-progress-bar{background:var(--accent)}.resource-plot{width:100%;height:104px;display:block;direction:ltr}.metric-caption{font-size:10px;color:var(--muted)}.resource-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.resource-detail{padding:14px;border-radius:12px;background:var(--input);display:flex;flex-direction:column;gap:7px;min-width:0}.resource-detail strong{font-size:15px;overflow-wrap:anywhere}.resource-detail:last-child{grid-column:1/-1}.resource-free{font-size:13px;color:var(--muted);margin:2px 0}.resource-error{color:#d58a25}.chat-locked .composer{opacity:.65}.chat-locked #limit-hint{color:var(--text)}.chat-locked .send{cursor:not-allowed}.composer button:disabled{cursor:not-allowed}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.metric-card{padding:15px}.metric-value{font-size:26px}}

.metric-card>small.muted{direction:ltr;text-align:end}.chat-locked .composer-hint>span:last-child{display:none}

html[data-embedded="1"] .app{height:var(--embedded-height,100vh)}
html[data-embedded="1"] .auth-screen{min-height:var(--embedded-height,100vh)}
/* Android WebView can report dynamic viewport units as zero inside a native
   dialog. Use the measured viewport for every embedded height constraint. */
html[data-embedded="1"] .app{grid-template-rows:minmax(0,1fr)}
html[data-embedded="1"] .app.in-chat .chat{height:100%;min-height:0}
html[data-embedded="1"] dialog{max-height:calc(var(--embedded-height,100vh) - 32px);overflow:auto}
.limit-section{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--input)}.limit-section h3{font-size:16px;color:var(--accent);margin:0 0 10px}.limit-section .muted{margin-bottom:12px}

.avatar.support-avatar{background:linear-gradient(140deg,#72ccc1,#298c99)}.avatar.channel-avatar{background:linear-gradient(140deg,#eba95e,#b96536)}.avatar.support-avatar>.icon,.avatar.channel-avatar>.icon{width:28px;height:28px;stroke-width:1.7}.channel-readonly{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 18px;background:var(--panel);color:var(--muted);border-radius:14px;border:1px solid var(--line);font-size:13px;line-height:1.8}.channel-readonly>.icon{color:var(--accent)}

.photo-avatar{overflow:hidden;padding:0!important}.photo-avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-button{padding:0;flex-shrink:0;border-radius:50%}.person-name{font-weight:600;text-align:start;padding:0;color:var(--text)}.mention-link{padding:0;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.sender{padding:0;text-align:start}.profile-card>.primary{margin:16px 0}.profile-card .person{border:0}.search-person .details{min-width:0}.search-person small{direction:ltr;text-align:start}

.identity-label{direction:ltr;unicode-bidi:isolate;text-align:start}

.chat-access-banner{position:fixed;inset:0;z-index:1000;background:var(--bg);display:grid;place-items:center;padding:24px}.chat-access-card{width:420px;max-width:100%;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:24px;text-align:center;box-shadow:var(--dialog-shadow)}.chat-access-card img{border-radius:16px;margin-bottom:12px}.chat-access-card h2{font-size:20px;color:var(--accent)}.chat-access-card p{font-size:14px;line-height:2;color:var(--muted);margin:16px 0 24px}.chat-access-card button{display:block;margin:10px auto}