:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.45 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent-bg:#c084fc26;--accent-border:#c084fc80}}*,:before,:after{box-sizing:border-box}body{margin:0}h1{font-family:var(--sans);color:var(--text-h);margin:0;font-size:20px;font-weight:500}p{margin:0}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;width:100%;height:100svh;display:flex}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}input,select,button{font:inherit;color:var(--text-h)}input,select{border:1px solid var(--border);background:0 0;border-radius:6px;padding:8px 10px}button{border:1px solid var(--accent-border);background:var(--accent-bg);cursor:pointer;border-radius:6px;padding:8px 12px}.icon-button{border-color:var(--border);background:0 0;padding:8px 10px}header{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.status-switcher{position:relative}.status-dot-btn{border:2px solid var(--border);background:#8b8d98;border-radius:50%;width:20px;height:20px;padding:0}.status-dot-btn.online{background:#30a46c}.status-dot-btn.away{background:#f5a524}.status-dot-btn.dnd{background:#e5484d}.status-menu{z-index:5;background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;margin-top:6px;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #0003}.status-menu-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.chats-menu-wrapper{position:relative}.chats-menu-btn{font-size:16px}.chats-menu{z-index:5;background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:160px;margin-top:6px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0003}.chats-menu-uid{font-family:var(--mono);opacity:.7;border-bottom:1px solid var(--border);padding:10px 16px;font-size:13px}.chats-menu-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:10px 16px}.chat-title{font-family:var(--mono);font-size:16px}.chat-header-center{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.chat-menu-wrapper{position:relative}.chat-menu-btn{font-size:16px}.chat-menu{z-index:5;background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;min-width:160px;margin-top:6px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0003}.chat-menu-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:10px 16px}.tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.tabs button{border-color:var(--border);background:0 0;flex-shrink:0;padding:6px 12px;font-size:13px}.tabs button.active{background:var(--accent-bg);border-color:var(--accent-border)}.unread-badge{min-width:18px;height:18px;color:var(--bg);background:#8b8d98;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0 5px;font-size:11px;font-weight:600;display:inline-flex}.contact-unread-badge{margin-left:auto}.modal-overlay{z-index:10;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;width:280px;max-width:calc(100% - 32px);padding:16px;display:flex}.modal h3{margin:0}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.login-box{flex-direction:column;flex:1;gap:8px;width:100%;max-width:360px;min-height:0;margin:0 auto;padding:16px;display:flex;overflow-y:auto}.login-center{flex-direction:column;flex:1 0 auto;justify-content:center;display:flex}.login-main{flex-direction:column;gap:10px;display:flex}.spinner{opacity:.7;border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-advanced-link{opacity:.7;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.login-advanced-link .chevron{font-size:14px;transition:transform .15s;display:inline-block;transform:rotate(90deg)}.login-advanced-link .chevron.open{transform:rotate(-90deg)}.login-protocol-list{border:1px solid var(--border);border-radius:6px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.login-protocol-row{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.login-protocol-row:last-child{border-bottom:none}.login-protocol-row-head{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.login-protocol-row-head .checkmark{color:var(--accent-border)}.login-protocol-desc{opacity:.6;margin:0;font-size:12px;line-height:1.4}.error{color:#e5484d;text-align:center;font-size:14px}.login-register-hint{opacity:.7;text-align:center;margin:0;font-size:13px;line-height:1.4}.login-register-hint a{color:var(--accent-border)}.contacts-view,.search-view,.settings-view{flex-direction:column;flex:1;min-height:0;display:flex}.search-block{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px}.search-block-title{text-transform:uppercase;opacity:.55;letter-spacing:.02em;margin:0 0 8px;font-size:12px;font-weight:600}.add-contact{gap:6px;display:flex}.add-contact input{flex:1;min-width:0}.search-panel{border-bottom:none;flex-direction:column;gap:6px;display:flex}.search-type-row{gap:12px;font-size:13px;display:flex}.search-type-row label{cursor:pointer;align-items:center;gap:4px;display:flex}.search-input-row{gap:6px;display:flex}.search-input-row input{flex:1;min-width:0}.search-results-list{flex-direction:column;gap:6px;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-found-row{background:var(--code-bg);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.hint.small{opacity:.6;margin:0;font-size:13px}.no-contacts{text-align:center;padding:16px}.search-found{background:var(--code-bg);border-radius:6px;flex-direction:column;gap:6px;padding:8px;font-size:14px;display:flex}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.settings-row-link{cursor:pointer}.settings-row-link .chevron{opacity:.5;font-size:18px}.groups-view{flex:1;min-height:0;overflow-y:auto}.groups-manage-list{margin:0;padding:0;list-style:none}.groups-manage-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative}.groups-manage-row.pinned{opacity:.6}.group-handle-spacer{flex-shrink:0;width:18px}.group-drag-handle{text-align:center;cursor:grab;opacity:.5;touch-action:none;flex-shrink:0;width:18px}.group-name{font-family:var(--mono);flex:1}.group-menu-btn{background:0 0;border:none;padding:4px 8px;font-size:16px}.group-menu{z-index:5;background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 12px #0003}.group-menu-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;padding:10px 16px}.group-menu-item.danger{color:#e5484d}.groups-manage-add{cursor:pointer;color:var(--accent-border)}.groups-manage-add .plus-icon{text-align:center;flex-shrink:0;width:18px}.edit-group-view{flex:1;min-height:0;overflow-y:auto}.edit-group-list{margin:0;padding:0;list-style:none}.edit-group-row{border-bottom:1px solid var(--border);cursor:pointer;font-family:var(--mono);align-items:center;gap:10px;padding:12px 16px;display:flex}.language-view{flex:1;min-height:0;overflow-y:auto}.language-list{margin:0;padding:0;list-style:none}.language-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.language-row .checkmark{color:var(--accent-border)}.about-view{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.about-title{text-align:center;margin:0;font-size:18px}.about-text{opacity:.8;text-align:justify;margin:0;font-size:14px;line-height:1.5}.about-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.about-row-label{opacity:.6}.about-spacer{flex:1}.about-version{text-align:center;opacity:.5;margin:0;font-size:13px}.export-view{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.export-text{opacity:.8;text-align:justify;margin:0;font-size:14px;line-height:1.5}.export-download-link{text-align:center;opacity:.7;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.auth-panel{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;padding:8px 10px;display:flex}.auth-request{background:var(--code-bg);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.auth-request-actions{gap:6px;display:flex}.auth-notice{opacity:.75;cursor:pointer;padding:6px 8px;font-size:13px}ul{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.contacts-view li{cursor:pointer;font-family:var(--mono);align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}@media (hover:hover){#app:not(.touch-input) .contacts-view li:hover{background:var(--accent-bg)}#app:not(.touch-input) .contacts-view li.no-contacts:hover{background:0 0}}.contacts-view li.no-contacts{cursor:default}.group-label{font-family:var(--sans);opacity:.5;font-size:12px}.pending-label{margin-left:auto}.dot{background:#8b8d98;border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.online{background:#30a46c}.dot.away{background:#f5a524}.dot.dnd{background:#e5484d}.dot.pending{background:0 0;border:2px solid #8b8d98}.chat-view{flex-direction:column;flex:1;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.bubble{border-radius:10px;flex-direction:column;gap:2px;max-width:70%;padding:8px 12px;display:flex}.bubble.mine{background:var(--accent-bg);align-self:flex-end}.bubble.theirs{background:var(--code-bg);align-self:flex-start}.bubble .time{opacity:.5;font-size:11px}.delivery-check{letter-spacing:-2px;margin-left:4px}.delivery-check.single{letter-spacing:normal}.composer{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px;display:flex}.composer input{flex:1;min-width:0}.bottom-nav{border-top:1px solid var(--border);flex-shrink:0;display:flex}.bottom-nav button{background:0 0;border:none;border-radius:0;flex:1;padding:14px 8px;font-size:13px}.bottom-nav button.active{color:var(--accent-border)}