/* v2.4: compact anchored glass menus, device settings and a separate address book. */
:root{--message-font:16px;--glass-menu:rgba(246,250,252,.72);--glass-border:rgba(255,255,255,.8);--surface:#f9fcfc;--ink:#284653;--secondary:#718c99;--settings-card:rgba(255,255,255,.8)}.header-profile-hidden,.sidebar-tools{display:none!important}#app>aside>header{height:66px;padding:8px 12px;gap:9px;justify-content:flex-start;flex-shrink:0}#account-menu{width:38px;height:38px;flex-shrink:0;padding:7px;background:#7d9ca50b;border-radius:50%}#account-menu .line-icon{width:23px;height:23px;margin:0;color:var(--ink)}#app>aside>header .sidebar-search{margin:0;border:0;flex:1;min-width:0;border-radius:24px;background:#b3c2c51a;padding:0 12px;height:43px}.sidebar-search #search{width:0;padding:10px 0;font-size:14px}.sidebar-search:focus-within{outline:2px solid #6d9cac48}.section-label{padding:14px 20px 8px;font-size:11px}#contacts{padding-top:0}.list-stamp{display:flex;align-items:center;gap:4px;white-space:nowrap}.list-delivery{font-size:11px;color:#6bb49e}.online-dot{position:absolute;right:0;bottom:0;width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:#30bd68;box-shadow:0 0 0 1px #ffffff44}.burn-badge{top:-4px;bottom:auto;right:-6px;background:#72949e;border-color:var(--surface);min-width:24px;height:19px;font-size:9px;box-shadow:0 1px 3px #27475112}.contact .burn-badge{right:-5px}.contact .online-dot{right:0;bottom:0}.glass-menu,#chat-menu,.chat-list-popup,.message-popup,.composer-popup,#dialog{background:var(--glass-menu);border:1px solid var(--glass-border);box-shadow:0 10px 40px #2e4f6330,inset 0 1px 0 #ffffff80;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25)}.glass-menu,#chat-menu,.chat-list-popup{position:fixed;bottom:auto;right:auto;width:220px;max-width:calc(100vw - 24px);border-radius:16px;padding:6px;z-index:45;overflow:auto;transform-origin:top right;animation:glass-menu-in .13s ease-out;scrollbar-width:thin}.glass-menu button,#chat-menu button,.chat-list-popup button{width:100%;display:flex;align-items:center;min-height:39px;padding:9px 11px;font-size:13px;color:var(--ink);border-radius:9px}.glass-menu button .line-icon,#chat-menu button .line-icon,.chat-list-popup button .line-icon{width:18px;height:18px;margin-right:12px;color:var(--secondary)}.glass-menu button:hover,#chat-menu button:hover,.chat-list-popup button:hover{background:#6796a31a}.account-card{display:flex;align-items:center;gap:10px;padding:9px 9px 13px;border-bottom:1px solid #91aab426;margin-bottom:4px}.account-card .avatar{width:35px;height:35px;font-size:16px}.account-card>div{min-width:0}.account-card strong,.account-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card strong{font-size:13px;color:var(--ink)}.account-card small{font-size:10px;margin-top:4px;color:var(--secondary)}#account-popup button:last-child{border-top:1px solid #91aab426;border-radius:0}.address-book{position:absolute;inset:0;z-index:20;background:var(--surface);color:var(--ink)}#app{position:relative}.address-shell{width:min(700px,100%);height:100%;margin:auto;display:flex;flex-direction:column;background:var(--surface)}.address-shell>header{display:flex;gap:12px;height:68px;padding:10px 14px;background:var(--surface);border:0;flex-shrink:0}.address-shell>header>button{padding:8px;width:36px;height:40px}.address-shell>header>button .line-icon{margin:0;width:23px;height:23px}.address-search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:#819aa512;border-radius:24px;padding:0 14px}.address-search .line-icon{color:#9baeb8}.address-search input{width:0;flex:1;background:transparent;border:0;padding:12px 0;font-size:15px}.address-list{flex:1;overflow:auto;padding:8px 12px;overscroll-behavior:contain}.address-contact{display:flex;width:100%;align-items:center;gap:13px;text-align:left;padding:12px 10px;border-radius:11px;min-height:74px}.address-contact .avatar{width:49px;height:49px;font-size:22px}.address-contact>div{min-width:0}.address-contact strong,.address-contact small{display:block}.address-contact strong{font-size:15px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address-contact small{font-size:12px;margin-top:6px;color:var(--secondary)}.address-contact small.is-online{color:#398c95}.address-group-title{font-size:11px;padding:20px 12px 7px;color:var(--secondary)}.settings-categories{display:grid;gap:7px}.settings-categories>button,.friend-notification-entry{display:flex;width:100%;align-items:center;min-height:49px;background:var(--settings-card);border:1px solid #b4cbd32c;text-align:left;font-size:14px;padding:12px 14px}.settings-categories>button .line-icon{margin-right:14px;color:var(--secondary)}#dialog-body.general-settings{background:#7c96a609;padding:16px 20px 22px}.preference-card{background:var(--settings-card);border:1px solid #c4d4dc20;box-shadow:0 2px 6px #38536207;border-radius:17px;padding:9px 16px}.font-setting-title{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:9px 0 5px;color:var(--ink)}.font-setting-title output{font-size:13px;color:var(--secondary)}.preference-card input[type=range]{width:100%;padding:0;margin:12px 0;accent-color:#3390ec;cursor:pointer}.message-size-preview{font-size:var(--message-font);line-height:1.6;padding:11px 13px;border-radius:11px;background:#dcece7;color:var(--ink);margin:2px 0 10px;overflow-wrap:anywhere}.wallpaper-settings{border-top:1px solid #8da4af20;padding:8px 0 2px}.wallpaper-settings summary{display:flex;align-items:center;gap:13px;min-height:37px;cursor:pointer;list-style:none;font-size:14px;color:var(--ink)}.wallpaper-settings summary .line-icon{color:#74a2a9}.wallpaper-settings summary::after{content:'›';margin-left:auto;color:var(--secondary);font-size:22px}.wallpaper-settings[open] summary::after{content:'⌄'}.wallpaper-settings summary::-webkit-details-marker{display:none}#dialog-body .preference-heading{font-size:12px;font-weight:400;color:var(--secondary);margin:19px 13px 9px}.preference-radio{display:flex;gap:14px;align-items:center;margin:0;min-height:49px;padding:10px 3px;color:var(--ink);font-size:14px;cursor:pointer}.preference-radio input{width:18px;height:18px;accent-color:#3390ec;flex-shrink:0}.preference-radio>span{display:block;line-height:1.5}.preference-radio small{display:block;font-size:11px;margin-top:3px;color:var(--secondary)}#dialog-body .settings-save-note{font-size:11px;line-height:1.7;color:var(--secondary)}#messages .message-text{font-size:var(--message-font);line-height:1.6}#messages .emoji-bubble .message-text{font-size:clamp(36px,calc(var(--message-font)*2.5),54px)}.message-row .quoted-message span{font-size:clamp(11px,calc(var(--message-font) - 3px),17px)}.message-input-box{flex:1;min-width:0;display:flex;align-items:flex-end;background:#ffffffae;border:1px solid #c6dce180;border-radius:21px;box-shadow:inset 0 1px 0 #ffffff99;padding:0 4px;overflow:hidden}.message-input-box #message{flex:1;width:0;min-width:0;margin:0;border:0;background:transparent;min-height:44px;border-radius:0;padding:10px 9px;scrollbar-width:none;font-size:16px;line-height:1.5}.message-input-box #message::-webkit-scrollbar{display:none}.message-input-box #message:focus-visible{outline:none}.message-input-box:focus-within{border-color:#89b2c480;box-shadow:0 0 0 2px #69a5c010}.message-input-box #emoji-button{width:40px;height:44px;padding:8px;flex-shrink:0;border-radius:50%;color:#7296a5}.message-input-box #emoji-button>.line-icon{width:25px;height:25px;stroke-width:1.65;margin:0}.message-input-box #emoji-button:hover{color:#368eab;background:#71a5b410}#send-form{align-items:flex-end;gap:7px}#attach{width:35px;height:44px;padding:7px}.composer-wrap{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.background-choice[data-background=default]{background:#e6eeec}.background-choice[data-background=default]{font-size:11px}#peer-avatar>.burn-badge{top:-4px;bottom:auto}
:root[data-theme=night]{color-scheme:dark;color:#dfebef;background:#18242c;--glass-menu:rgba(38,52,64,.74);--glass-border:rgba(181,211,226,.2);--surface:#1a2832;--ink:#deeaef;--secondary:#93abb8;--settings-card:rgba(39,54,66,.78);--muted:#94aab7;--line:#3a4b57}html[data-theme=night] body{background:radial-gradient(ellipse at 0 0,#233b43,transparent 70%),#1b2732;color:var(--ink)}[data-theme=night] #app>aside,[data-theme=night] #app aside>header,[data-theme=night] #chat>header,[data-theme=night] .composer-wrap{background:#20313cdb;border-color:#4d68703c}[data-theme=night] .contact,[data-theme=night] #self-name,[data-theme=night] .chat-title strong{color:var(--ink)}[data-theme=night] .contact:hover{background:#91b9c012}[data-theme=night] .contact.selected{background:#385863;color:#e6f2f5;box-shadow:inset 0 0 0 1px #7aa6b326}[data-theme=night] .contact.selected small,[data-theme=night] .contact.selected time,[data-theme=night] small,[data-theme=night] .contact-top time{color:var(--secondary)}[data-theme=night] .conversation-more,[data-theme=night] .contact.selected .conversation-more{background:#2c4853}[data-theme=night] #messages,[data-theme=night] #messages[data-background=mist]{background-color:#20313a;background-image:radial-gradient(ellipse at 0 0,#244047,transparent 70%),radial-gradient(ellipse at 100% 100%,#28364a,transparent 65%)}[data-theme=night] #messages[data-background=sea]{background:#203746}[data-theme=night] #messages[data-background=sage]{background:#253b35}[data-theme=night] #messages[data-background=sand]{background:#3a3530}[data-theme=night] #messages[data-background=plain]{background:#22303a}[data-theme=night] #empty{background:transparent}[data-theme=night] #empty h2{color:#b4cdd5}[data-theme=night] #messages .bubble{background:#2e414e;border-color:#93b5bd0c;box-shadow:0 2px 4px #0001}[data-theme=night] #messages .mine .bubble{background:#315851;border-color:#9bc0ba08}[data-theme=night] #messages .message-text{color:#e1ecef}[data-theme=night] #messages .message-meta{color:#a4bcc0}[data-theme=night] #messages .delivery-state{color:#95c9b4}[data-theme=night] #messages .emoji-bubble,[data-theme=night] #messages .mine .emoji-bubble{background:transparent;border:0;box-shadow:none}[data-theme=night] .quoted-message{background:#85aabb12;border-left-color:#88bac5}[data-theme=night] .quoted-message strong{color:#a9ced9}[data-theme=night] .quoted-message span{color:#a4bdc8}[data-theme=night] .message-input-box{background:#314652a8;border-color:#8caab930;box-shadow:inset 0 1px 0 #b6ccd015}[data-theme=night] .message-input-box #message{color:var(--ink)}[data-theme=night] input,[data-theme=night] textarea,[data-theme=night] select,[data-theme=night] #dialog-body input,[data-theme=night] #dialog-body select,[data-theme=night] #dialog-body textarea{color:var(--ink);background:#293e4e;border-color:#7996a738}[data-theme=night] .sidebar-search #search,[data-theme=night] .address-search input{background:transparent}[data-theme=night] #dialog>header{background:#263c4ac2;border-color:#9db3bc24}[data-theme=night] #dialog-title,[data-theme=night] #dialog-body h3{color:var(--ink)}[data-theme=night] #dialog-body p{color:var(--secondary)}[data-theme=night] .message-size-preview{background:#35584f;color:var(--ink)}[data-theme=night] .message-popup button,[data-theme=night] .dropdown button{color:var(--ink)}[data-theme=night] button:hover{background-color:#8eb6c516}[data-theme=night] #chat-menu #clear-button,[data-theme=night] #chat-menu #chat-help{border-color:#a6c3cd24}[data-theme=night] .reply-compose,[data-theme=night] .voice-panel,[data-theme=night] .attachment-tray{background:#304854;border-color:#91b3c234}[data-theme=night] .pending-file{border-color:#8faab426}[data-theme=night] .message-notification{background:#29424fe8;border-color:#8ca9b731;color:var(--ink)}[data-theme=night] .history-result{background:#2d4553;border-color:#9bb0bd21}[data-theme=night] .security-card{background:#2b424f}[data-theme=night] #admin,[data-theme=night] #lock-screen{background:#1b2c36;color:var(--ink)}[data-theme=night] .panel,[data-theme=night] #unlock-form{background:#2b404e;border-color:#7997a337}[data-theme=night] .help-section,[data-theme=night] .account-card{border-color:#9ebbc72a}[data-theme=night] .help-section summary{color:#c4dbe5}.glass-menu button.red .line-icon{color:inherit}
@media(max-width:700px){#app>aside>header{height:63px;padding:8px 10px}.sidebar-search #search{font-size:16px}#chat-menu,.chat-list-popup{position:fixed;bottom:auto;right:auto;left:auto;top:auto;width:220px;max-height:calc(var(--view-height,100dvh) - 16px);border-radius:15px;background:var(--glass-menu);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);padding:5px}#chat-menu button,.chat-list-popup button,.glass-menu button{min-height:41px;font-size:13px;padding:10px 11px}#dialog{background:var(--glass-menu);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#dialog::backdrop{background:#213e4e3d}.address-shell>header{height:63px;padding:8px 10px;gap:8px}.address-list{padding:6px}.address-contact{padding:12px 9px;min-height:75px}.address-contact .avatar{width:50px;height:50px}.address-search input{font-size:16px}.section-label{padding-top:12px}.contact{min-height:75px}.contact .avatar{width:47px;height:47px}.message-input-box{border-radius:22px}.message-input-box #message{font-size:16px;min-height:44px;padding:10px 8px}.message-input-box #emoji-button{width:39px;padding:7px}#attach{width:32px;height:44px}#record-button{width:42px;height:42px}#send-form{gap:5px}.composer-wrap{padding:9px 8px max(9px,env(safe-area-inset-bottom))}#dialog-body.general-settings{padding:14px 13px 20px}.preference-card{padding:8px 14px}.settings-categories>button{min-height:49px}.online-dot{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.glass-menu{animation:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-menu,#chat-menu,.chat-list-popup,.message-popup,.composer-popup,#dialog{background:var(--surface)}}

#dialog-body .preference-radio>input[type=radio]{display:block;width:18px;min-width:18px;height:18px;margin:0;padding:0;flex:0 0 18px}#dialog-body .preference-radio>span{flex:1;min-width:0}#dialog-body .preference-card input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;height:20px;border-radius:0}#dialog-body input[type=range]::-webkit-slider-runnable-track{height:2px;background:#cedde3;border-radius:2px}#dialog-body input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:50%;background:#3390ec;border:0}#dialog-body input[type=range]::-moz-range-track{height:2px;background:#cedde3}#dialog-body input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#3390ec;border:0}

#dialog:has(.general-settings)[open]{display:flex;flex-direction:column}#dialog:has(.general-settings)>header{flex-shrink:0}#dialog-body.general-settings{display:flex;flex-direction:column;overflow:hidden;min-height:0;flex:1 1 auto}.general-content{min-height:0;overflow:auto;flex:1 1 auto;padding:0 2px 4px;scrollbar-width:thin}.general-settings>.dialog-actions{flex-shrink:0;padding-top:12px;margin-top:0;border-top:1px solid #b2c8d32c}.general-settings>.dialog-actions button{min-height:42px}
#space-actions{display:flex;gap:6px;padding:8px 12px;flex-wrap:wrap}#space-actions.hidden{display:none}#space-actions button{font-size:12px;padding:7px 10px;background:var(--glass-card,#eef7f8);border:1px solid var(--line,#dbe9ec);border-radius:12px}#space-actions[aria-label]{border-bottom:1px solid #87aab9}
.auth-help{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.media-admin-help{font-size:12px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}.upload-status{overflow-wrap:anywhere}