:root{--bg:#12151a;--bg-alt:#1a1e26;--bg-soft:#232833;--border:#2d3340;--text:#e6e9ef;--text-dim:#8b93a5;--text-strong:#fff;--accent:#4f8cff;--accent-soft:#2b4a80;--on-accent:#fff;--on-accent-soft:#e6e9ef;--danger:#ff6b6b;--danger-soft:#ff6b6b1f;--danger-btn:#6b2b2b;--online:#3ecf8e;--away:#f5b642;--dnd:#ff6b6b;--surface-hover:#ffffff0f;--overlay:#12151ad9;--overlay-modal:#0009;--shadow:0 12px 32px #00000073;--ok-soft:#3ecf8e2e;--warn-soft:#f5b6422e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root[data-theme=light],:root[data-theme=light] body{--bg:#e9edf3;--bg-alt:#fff;--bg-soft:#f0f3f7;--border:#c2cbd8;--text:#10141c;--text-dim:#556072;--text-strong:#000;--accent:#1d4ed8;--accent-soft:#dbe6ff;--on-accent:#fff;--on-accent-soft:#1a3a7a;--danger:#c62828;--danger-soft:#c628281a;--danger-btn:#c62828;--online:#16a34a;--away:#c2820a;--dnd:#c62828;--surface-hover:#0000000d;--overlay:#f5f6f8e0;--overlay-modal:#14182073;--shadow:0 12px 32px #1418202e;--ok-soft:#16a34a24;--warn-soft:#c2820a29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--bg:#e9edf3;--bg-alt:#fff;--bg-soft:#f0f3f7;--border:#c2cbd8;--text:#10141c;--text-dim:#556072;--text-strong:#000;--accent:#1d4ed8;--accent-soft:#dbe6ff;--on-accent:#fff;--on-accent-soft:#1a3a7a;--danger:#c62828;--danger-soft:#c628281a;--danger-btn:#c62828;--online:#16a34a;--away:#c2820a;--dnd:#c62828;--surface-hover:#0000000d;--overlay:#f5f6f8e0;--overlay-modal:#14182073;--shadow:0 12px 32px #1418202e;--ok-soft:#16a34a24;--warn-soft:#c2820a29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{grid-template-columns:280px 1fr;height:100vh;transition:grid-template-columns .18s;display:grid}.app--collapsed{grid-template-columns:0 1fr}.app--collapsed .sidebar{visibility:hidden;border-right:none;padding-left:0;padding-right:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.app{transition:none}}.fullscreen{height:100vh;color:var(--text-dim);place-content:center;display:grid}.fullscreen--error{color:var(--danger);text-align:center}.login{place-content:center;height:100vh;display:grid}.login__card{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;width:min(400px,100vw - 2rem);padding:2rem;display:flex}.login__card h1{text-align:center;margin:0;font-size:1.4rem}.login__card label{color:var(--text-dim);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.login__error{background:var(--danger-soft);color:var(--danger);border-radius:6px;margin:0;padding:.5rem .75rem;font-size:.85rem}input,textarea{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;padding:.6rem .75rem;font-size:.9rem}input:focus,textarea:focus{border-color:var(--accent);outline:none}button{background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:none;border-radius:6px;padding:.6rem .9rem;font-size:.85rem}button:disabled{opacity:.45;cursor:default}button:not(:disabled):hover{filter:brightness(1.1)}.sidebar{background:var(--bg-alt);border-right:1px solid var(--border);flex-direction:column;gap:1.25rem;min-width:0;padding:1rem;display:flex;overflow-y:auto}.sidebar__top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:-.5rem;display:flex}.sidebar__collapse{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:6px;padding:.25rem .5rem;font-size:.9rem;line-height:1}.sidebar__collapse:hover{background:var(--bg-soft);color:var(--text)}.sidebar__section{flex-direction:column;gap:.5rem;display:flex}.sidebar__heading{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.sidebar__title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.35rem;padding:0;font-size:.7rem;font-weight:600;display:flex}.sidebar__title:hover{color:var(--text)}.sidebar__caret{font-size:.6rem;transition:transform .15s;display:inline-block}.sidebar__caret--open{transform:rotate(90deg)}.sidebar__count{background:var(--bg-soft);letter-spacing:0;border-radius:8px;padding:0 .3rem;font-size:.65rem}.sidebar__add{border:1px solid var(--border);width:1.4rem;height:1.4rem;color:var(--text-dim);background:0 0;border-radius:5px;flex-shrink:0;padding:0;font-size:.85rem;line-height:1}.sidebar__add:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sidebar__filter{padding:.35rem .5rem;font-size:.78rem}.list__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__section--grow{flex:1}.sidebar h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0;font-size:.7rem}.list{margin:0;padding:0;list-style:none}.list__item{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.9rem;display:flex}.list__item:hover{background:var(--bg-soft)}.list__item--active{background:var(--accent-soft)}.list__item--unread{color:var(--text-strong);font-weight:600}.list__empty{color:var(--text-dim);padding:.4rem .6rem;font-size:.8rem}.badge{background:var(--accent);color:var(--on-accent);border-radius:10px;margin-left:auto;padding:0 .4rem;font-size:.7rem}.presence{border-radius:50%;flex-shrink:0;width:8px;height:8px}.presence--online{background:var(--online)}.presence--away{background:var(--away)}.presence--dnd{background:var(--dnd)}.presence--offline{background:var(--text-dim);opacity:.4}.inline-form{gap:.35rem;display:flex}.inline-form input{flex:1;min-width:0;padding:.4rem .5rem;font-size:.8rem}.inline-form button{padding:.4rem .6rem;font-size:.75rem}.sidebar__error{color:var(--danger);margin:0;font-size:.8rem}.sidebar__alerts{border-top:1px solid var(--border);flex-direction:column;gap:.4rem;padding-top:.6rem;display:flex}.sidebar__perm{border:1px solid var(--border);color:var(--text-dim);text-align:center;background:0 0;font-size:.75rem}.sidebar__perm--off{cursor:default;border-radius:6px;padding:.5rem}.sidebar__sound{color:var(--text-dim);cursor:pointer;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.sidebar__theme{gap:.25rem;display:flex}.theme-btn{border:1px solid var(--border);color:var(--text-dim);background:0 0;border-radius:5px;flex:1;padding:.3rem 0;font-size:.72rem;line-height:1.2}.theme-btn:hover{background:var(--bg-soft)}.theme-btn--active{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.sidebar__logout{border:1px solid var(--border);color:var(--text-dim);background:0 0}.chat{grid-template-rows:auto 1fr auto;min-width:0;height:100vh;display:grid}.chat--empty{text-align:center;color:var(--text-dim);grid-template-rows:1fr;place-items:center;padding:2rem;display:grid}.chat__welcome h2{color:var(--text);margin:0 0 .5rem;font-size:1.75rem;font-weight:600}.chat__welcome h3{color:var(--text-dim);margin:0;font-size:1rem;font-weight:400}.chat__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.chat__header h2{margin:0;font-size:1rem}.chat__toggle{border:1px solid var(--border);color:var(--text-dim);background:0 0;flex-shrink:0;padding:.35rem .6rem;font-size:.95rem;line-height:1}.chat__toggle:hover{background:var(--bg-soft);color:var(--text)}.chat__toggle-floating{z-index:5;position:absolute;top:.85rem;left:.85rem}.chat__jid{color:var(--text-dim);font-size:.75rem}.chat__actions{align-items:center;gap:.75rem;display:flex}.chat__actions button{border:1px solid var(--border);color:var(--text-dim);background:0 0}.toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.toggle input:disabled{cursor:default}.chat__history{flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.chat__loadmore{background:var(--bg-alt);border:1px solid var(--border);color:var(--text-dim);align-self:center;font-size:.75rem}.msg{flex-direction:column;max-width:70%;display:flex}.msg--mine{align-self:flex-end;align-items:flex-end}.msg__author{color:var(--text-dim);margin-bottom:.15rem;font-size:.72rem}.msg__bubble{background:var(--bg-soft);border-radius:10px;align-items:flex-end;gap:.5rem;padding:.5rem .7rem;display:flex}.msg--mine .msg__bubble{background:var(--accent-soft)}.msg__body{white-space:pre-wrap;word-break:break-word;font-size:.9rem}.msg__error{color:var(--danger);font-size:.85rem}.msg__undecryptable{color:var(--text-dim);flex-direction:column;align-items:flex-start;gap:.35rem;font-size:.82rem;font-style:italic;display:flex}.msg__fix{background:var(--accent-soft);color:var(--on-accent-soft);border:none;border-radius:5px;padding:.2rem .5rem;font-size:.72rem;font-style:normal}.msg__meta{color:var(--text-dim);flex-shrink:0;gap:.25rem;font-size:.68rem;display:flex}.composer{border-top:1px solid var(--border);align-items:flex-end;gap:.6rem;padding:.85rem 1.25rem;display:flex}.composer textarea{resize:none;flex:1}.chat{position:relative}.chat--dragging{outline:2px dashed var(--accent);outline-offset:-6px}.chat__dropzone{z-index:15;background:var(--overlay);color:var(--accent);pointer-events:none;place-content:center;font-size:.95rem;display:grid;position:absolute;inset:0}.composer__attach-btn{border:1px solid var(--border);background:0 0;padding:.45rem .55rem;font-size:1.05rem;line-height:1}.attach{max-width:100%;display:inline-block}.attach--media img,.attach--media{border-radius:8px;max-width:260px;max-height:260px;display:block}.attach--file{background:var(--surface-hover);color:var(--text);word-break:break-all;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.85rem;text-decoration:none;display:inline-flex}.attach--file:hover{background:var(--surface-hover)}.attach__badge{background:var(--accent-soft);border-radius:8px;padding:.05rem .35rem;font-size:.65rem}.attach--loading,.attach--error{color:var(--text-dim);font-size:.82rem;font-style:italic}.attach--error{color:var(--danger)}.msg__upload{color:var(--text-dim);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.msg__upload progress{width:180px;height:5px}.composer__emoji{position:relative}.composer__emoji-btn{border:1px solid var(--border);background:0 0;padding:.45rem .55rem;font-size:1.05rem;line-height:1}.emoji-picker{z-index:20;background:var(--bg-alt);border:1px solid var(--border);width:330px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:.5rem;padding:.7rem;display:flex;position:absolute;bottom:calc(100% + .5rem);left:0}.emoji-picker__search{padding:.4rem .6rem;font-size:.82rem}.emoji-picker__cats{border-bottom:1px solid var(--border);gap:.15rem;padding-bottom:.4rem;display:flex}.emoji-cat{color:var(--text);background:0 0;border-radius:5px;flex:1;padding:.3rem 0;font-size:.95rem;line-height:1}.emoji-cat:hover{background:var(--bg-soft)}.emoji-cat--active{background:var(--accent-soft)}.emoji-picker__grid{grid-template-columns:repeat(8,1fr);align-content:start;gap:.1rem;height:210px;display:grid;overflow-y:auto}.emoji-btn{color:var(--text);background:0 0;border-radius:5px;padding:.2rem 0;font-size:1.25rem;line-height:1.35}.emoji-btn:hover{background:var(--bg-soft)}.emoji-picker__hint{text-align:center;color:var(--text-dim);grid-column:1/-1;margin:1rem 0;font-size:.8rem}.emoji-picker__tones{border-top:1px solid var(--border);color:var(--text-dim);align-items:center;gap:.2rem;padding-top:.4rem;font-size:.72rem;display:flex}.emoji-tone{color:var(--text);background:0 0;border-radius:4px;padding:.15rem .25rem;font-size:.95rem;line-height:1}.emoji-tone:hover{background:var(--bg-soft)}.emoji-tone--active{background:var(--accent-soft)}.omemo-overlay{background:var(--overlay-modal);z-index:10;place-items:center;display:grid;position:fixed;inset:0}.omemo-panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;width:min(560px,92vw);max-height:85vh;padding:1.25rem;display:flex;overflow-y:auto}.omemo-panel__header{justify-content:space-between;align-items:center;display:flex}.omemo-panel h3{margin:0;font-size:1rem}.omemo-panel h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 .5rem;font-size:.72rem}.omemo-panel__header button{border:1px solid var(--border);color:var(--text-dim);background:0 0}.omemo-hint{color:var(--text-dim);margin:.35rem 0;font-size:.78rem;line-height:1.45}.omemo-error{color:var(--danger);font-size:.82rem}.omemo-device{background:var(--bg-soft);border-radius:8px;flex-direction:column;gap:.4rem;margin-bottom:.6rem;padding:.7rem;display:flex}.omemo-device__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.omemo-device__id{font-size:.8rem}.omemo-fp{color:var(--text-dim);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.6}.omemo-device__actions{gap:.4rem;display:flex}.omemo-device__actions button{background:var(--accent-soft);color:var(--on-accent-soft);padding:.3rem .55rem;font-size:.72rem}.omemo-device__actions button.danger{background:var(--danger-btn);color:var(--on-accent)}.trust{border-radius:10px;flex-shrink:0;padding:.1rem .45rem;font-size:.68rem}.trust--ok{background:var(--ok-soft);color:var(--online)}.trust--no{background:var(--danger-soft);color:var(--danger)}.trust--undecided{background:var(--warn-soft);color:var(--away)}.modal-overlay{z-index:30;background:var(--overlay-modal);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--bg-alt);border:1px solid var(--border);width:min(480px,100%);max-height:80vh;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.modal__header h3{margin:0;font-size:1rem}.modal__close{border:1px solid var(--border);color:var(--text-dim);background:0 0;padding:.25rem .5rem;font-size:.8rem}.modal__close:hover{background:var(--bg-soft);color:var(--text)}.modal__body{flex-direction:column;gap:.6rem;padding:1.1rem;display:flex;overflow-y:auto}.modal__footer{border-top:1px solid var(--border);padding:.8rem 1.1rem}.modal__hint{color:var(--text-dim);margin:0;font-size:.8rem;line-height:1.5}.modal__error{color:var(--danger);margin:0;font-size:.82rem}.rooms__search{gap:.4rem;display:flex}.rooms__search input{flex:1;min-width:0}.rooms__list{flex-direction:column;gap:.35rem;display:flex}.rooms__item{background:var(--bg-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.rooms__info{flex-direction:column;min-width:0;display:flex}.rooms__name{font-size:.88rem}.rooms__jid{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.rooms__item button{flex-shrink:0;padding:.3rem .6rem;font-size:.75rem}.modal__section{flex-direction:column;gap:.5rem;display:flex}.modal__section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0;font-size:.7rem}.modal__section+.modal__section{border-top:1px solid var(--border);padding-top:.9rem}.modal__form{flex-direction:column;gap:.6rem;display:flex}.modal__form label{color:var(--text-dim);flex-direction:column;gap:.3rem;font-size:.8rem;display:flex}.modal__actions{flex-shrink:0;gap:.35rem;display:flex}.modal__actions button{padding:.3rem .6rem;font-size:.75rem}.modal__actions button.danger{background:var(--danger-btn);color:var(--on-accent)}.modal__ok{color:var(--online);margin:0;font-size:.82rem}.sidebar__dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin:0 auto;display:block}.avatar{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;line-height:1;display:inline-grid}.avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.avatar-wrap .presence{border:2px solid var(--bg-alt);box-sizing:content-box;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.sidebar__me{align-items:center;gap:.5rem;min-width:0;display:flex}.sidebar__me-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar__me{color:var(--text);background:0 0;border:none;border-radius:6px;padding:.2rem}.sidebar__me:hover{background:var(--bg-soft)}.profile__photo{align-items:center;gap:.9rem;display:flex}.profile__photo img{object-fit:cover;border-radius:50%;width:84px;height:84px}.profile__placeholder{border:1px dashed var(--border);width:84px;height:84px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:.72rem;display:grid}.profile__photo-actions{flex-direction:column;gap:.35rem;display:flex}.profile__photo-actions button{padding:.35rem .6rem;font-size:.75rem}.profile__photo-actions button.danger{background:var(--danger-btn);color:var(--on-accent)}.modal__buttons{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.modal__buttons button{min-width:7rem}.modal__buttons button.secondary{border:1px solid var(--border);color:var(--text-dim);background:0 0}.modal__buttons button.secondary:hover{background:var(--bg-soft);color:var(--text)}.rooms__new{flex-direction:column;gap:.5rem;display:flex}.rooms__privacy{flex-direction:column;gap:.4rem;display:flex}.radio,.preset{background:var(--bg-soft);color:var(--text);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.55rem .65rem;display:flex}.preset{flex-direction:column;gap:.15rem}.radio--on,.preset--on{border-color:var(--accent);background:var(--accent-soft);color:var(--on-accent-soft)}.radio span{flex-direction:column;gap:.1rem;display:flex}.radio strong,.preset strong{font-size:.85rem;font-weight:600}.radio small,.preset small{opacity:.85;font-size:.74rem;line-height:1.35}.preset:disabled{cursor:default}.check{color:var(--text);cursor:pointer;align-items:center;gap:.45rem;font-size:.82rem;display:flex}.check input:disabled{cursor:default}.modal__section--danger{background:var(--danger-soft);border:1px solid var(--danger);border-radius:8px;padding:.8rem}.modal__section--danger h4{color:var(--danger)}.modal__warning{color:var(--danger);margin:0;font-size:.85rem;line-height:1.45}.danger-outline{border:1px solid var(--danger);color:var(--danger);background:0 0;align-self:flex-start;font-size:.78rem}.danger-outline:hover{background:var(--danger);color:var(--on-accent)}.modal__buttons button.danger{background:var(--danger-btn);color:var(--on-accent)}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin:-.3rem 0 .3rem;display:flex}.tab{color:var(--text-dim);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.45rem .8rem;font-size:.82rem}.tab:hover{color:var(--text)}.tab--on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}select{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:5px;padding:.3rem .4rem;font-size:.75rem}select:disabled{opacity:.5}.invite{flex-direction:column;gap:.5rem;display:flex}.invite__search{font-size:.85rem}.invite__chips{flex-wrap:wrap;gap:.3rem;display:flex}.chip{background:var(--accent-soft);color:var(--on-accent-soft);border:none;border-radius:12px;padding:.2rem .5rem;font-size:.73rem}.invite__list{flex-direction:column;gap:.2rem;max-height:190px;display:flex;overflow-y:auto}.invite__item{width:100%;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.invite__item:hover:not(:disabled){background:var(--bg-soft)}.invite__item--on{background:var(--accent-soft);border-color:var(--accent);color:var(--on-accent-soft)}.invite__item--manual{border-style:dashed;border-color:var(--border)}.invite__info{flex-direction:column;flex:1;min-width:0;display:flex}.invite__name{font-size:.84rem}.invite__jid{opacity:.75;text-overflow:ellipsis;white-space:nowrap;font-size:.71rem;overflow:hidden}.invite__check{color:var(--accent);flex-shrink:0;font-size:.85rem}.invite__item--on .invite__check{color:var(--on-accent-soft)}.chat-area{grid-template-columns:1fr auto;min-width:0;height:100vh;display:grid}.occupants{background:var(--bg-alt);border-left:1px solid var(--border);flex-direction:column;width:210px;display:flex;overflow:hidden}.occupants__head{border-bottom:1px solid var(--border);color:var(--text-dim);justify-content:space-between;align-items:center;gap:.4rem;padding:.85rem .7rem;font-size:.75rem;display:flex}.occupants__close{color:var(--text-dim);background:0 0;border:none;padding:.15rem .35rem;font-size:.75rem}.occupants__close:hover{color:var(--text)}.occupants__list{flex:1;padding:.5rem;overflow-y:auto}.occupants__group{margin-bottom:.9rem}.occupants__group h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);align-items:center;gap:.3rem;margin:0 0 .35rem;font-size:.68rem;display:flex}.occupants__item{border-radius:6px;align-items:center;gap:.45rem;padding:.25rem .3rem;display:flex}.occupants__item:hover{background:var(--bg-soft)}.occupants__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.83rem;overflow:hidden}.occupants__badge{background:var(--accent-soft);color:var(--on-accent-soft);border-radius:8px;flex-shrink:0;padding:0 .3rem;font-size:.62rem}.occupants__empty{color:var(--text-dim);padding:.5rem;font-size:.78rem}@media (width<=900px){.occupants{display:none}}.chat__disconnected{background:var(--warn-soft);border:1px solid var(--away);color:var(--text);border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:.7rem;padding:.5rem .85rem;font-size:.82rem;display:flex}.chat__disconnected button{padding:.25rem .6rem;font-size:.75rem}.chat__disconnected input{width:9rem;padding:.3rem .5rem;font-size:.8rem}.modal__section>button.secondary{border:1px solid var(--border);color:var(--text-dim);background:0 0;align-self:flex-start;font-size:.78rem}.modal__section>button.secondary:hover{background:var(--bg-soft);color:var(--text)}.badge--soft{background:var(--bg-soft);color:var(--text-dim);font-weight:600}.badge--mention{background:var(--danger);color:var(--on-accent)}.invitations{z-index:25;flex-direction:column;gap:.5rem;width:min(460px,92vw);display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.invitation{background:var(--bg-alt);border:1px solid var(--accent);box-shadow:var(--shadow);border-radius:10px;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.invitation__text{font-size:.85rem;line-height:1.4}.invitation__reason{color:var(--text-dim);font-size:.78rem;font-style:italic;display:block}.invitation__actions{flex-shrink:0;gap:.35rem;display:flex}.invitation__actions button{padding:.35rem .65rem;font-size:.78rem}.invitation__actions button.secondary{border:1px solid var(--border);color:var(--text-dim);background:0 0}.connbar{z-index:40;background:var(--danger);color:var(--on-accent);justify-content:center;align-items:center;gap:.8rem;padding:.45rem 1rem;font-size:.82rem;display:flex;position:fixed;top:0;left:0;right:0}.connbar--wait{background:var(--away);color:#1a1200}.connbar button{background:#ffffff38;padding:.2rem .6rem;font-size:.75rem}.msg__delivery{letter-spacing:-1px;font-size:.72rem}.msg__delivery--read{color:var(--accent);font-weight:700}.msg__delivery--error{color:var(--danger);letter-spacing:0;font-weight:700}.msg__delivery--sending{opacity:.6}.msg__retry{background:var(--danger);color:var(--on-accent);align-self:flex-end;margin-top:.2rem;padding:.2rem .5rem;font-size:.72rem}.msg__bubble--retracted{border:1px dashed var(--border);background:0 0}.msg__retracted{color:var(--text-dim);font-size:.8rem;font-style:italic}.msg__reactions{flex-wrap:wrap;gap:.2rem;margin-top:.2rem;display:flex}.reaction{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.1rem .4rem;font-size:.75rem}.reaction--on{background:var(--accent-soft);border-color:var(--accent);color:var(--on-accent-soft)}.msg{position:relative}.msg__actions{background:var(--bg-alt);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:6px;gap:.1rem;padding:.15rem;display:none;position:absolute;top:-.6rem;right:0}.msg:hover .msg__actions{display:flex}.msg--mine .msg__actions{left:0;right:auto}.msg__actions button{color:var(--text-dim);background:0 0;padding:.15rem .35rem;font-size:.8rem}.msg__actions button:hover{background:var(--bg-soft);color:var(--text)}.msg__reactions-picker{position:relative}.msg__quick{z-index:6;background:var(--bg-alt);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:.1rem;padding:.2rem;display:flex;position:absolute;bottom:calc(100% + .25rem);left:0}.quick{background:0 0;padding:.15rem .3rem;font-size:1rem}.quick:hover,.quick--on{background:var(--accent-soft);border-radius:5px}.chat__typing{color:var(--text-dim);padding:.25rem 1.25rem;font-size:.78rem;font-style:italic}.chat__editing,.chat__senderror{border-top:1px solid var(--border);align-items:center;gap:.6rem;padding:.4rem 1.25rem;font-size:.8rem;display:flex}.chat__editing{background:var(--warn-soft);color:var(--text)}.chat__editing button{padding:.2rem .5rem;font-size:.72rem}.chat__senderror{background:var(--danger-soft);color:var(--danger)}.chat__senderror-hint{color:var(--text-dim);font-size:.75rem}.search__results{flex-direction:column;gap:.3rem;display:flex}.search__item{background:var(--bg-soft);color:var(--text);text-align:left;border:none;border-radius:8px;flex-direction:column;gap:.15rem;padding:.5rem .65rem;display:flex}.search__item:hover{background:var(--accent-soft);color:var(--on-accent-soft)}.search__where{opacity:.8;font-size:.72rem}.search__body{font-size:.85rem}.search__time{opacity:.7;font-size:.68rem}.list__item--blocked{opacity:.5;text-decoration:line-through}.omemo-device--own{cursor:pointer;align-items:center;gap:.6rem;display:flex}.omemo-device--own input{accent-color:var(--accent);flex:none}.omemo-prune{border:1px solid var(--danger,#c0392b);color:var(--danger,#c0392b);cursor:pointer;background:0 0;border-radius:6px;margin-top:.7rem;padding:.45rem .9rem}.omemo-prune:disabled{opacity:.45;cursor:default}.login__jid{gap:.5rem;display:flex}.login__jid input{flex:1 1 0;min-width:0}.login__jid select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:none;padding:.6rem .5rem}.login__jid select:disabled{opacity:.6;cursor:default}.login__hint{color:var(--muted);margin:0;font-size:.85rem;line-height:1.35}.modal__hint--warn{border-left:3px solid var(--warning,#b7791f);background:color-mix(in srgb, var(--warning,#b7791f) 10%, transparent);color:var(--text);border-radius:4px;padding:.5rem .65rem}