:root{--text:#eef8ff;--muted:#bdc8d2;--accent-color:#6ce6c1;--bg-glass-color:#121212;--bg-glass-opacity:.68;--bg-glass-blur:18px;--glass-line:rgba(220,235,245,.2);--glass:color-mix(in srgb,var(--bg-glass-color) calc(var(--bg-glass-opacity)*100%),transparent)}
html .brand-pill{display:inline-block;width:auto;height:auto;margin-right:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:30px;line-height:1.2;vertical-align:middle}
html body .top,html body .layout>aside,html body .card,html body .composer,html body .media-item,html body .setting,html body .hint,html body .drop,html body .chat-row,html body .recent-row,html body .history-row,html body .storage-row,html body .glass-action,html body input,html body textarea,html body select,html body button{background:var(--glass)!important;backdrop-filter:blur(var(--bg-glass-blur))!important;border-color:var(--glass-line)!important;color:var(--text)}
html body button.primary{background:var(--accent-color)!important;color:#07131f!important}
html body :is(input,textarea,select,button):focus-visible,summary:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
.theme-panel [hidden]{display:none!important}.theme-panel{max-width:760px}.theme-panel details{margin:16px 0}.theme-panel summary{cursor:pointer;padding:10px 0;color:var(--muted)}.theme-panel .theme-grid{margin:12px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.theme-panel label{min-width:0}.theme-panel input,.theme-panel select{max-width:100%;width:100%}.theme-panel .theme-presets{display:flex;flex-wrap:wrap;gap:6px}.theme-panel p{color:var(--muted);font-size:12px}.theme-panel .background-gallery{max-width:100%}
@media(max-width:600px){.theme-panel .theme-grid{grid-template-columns:minmax(0,1fr)}}
.notification-event .avatar{position:relative;isolation:isolate;border-radius:50%;overflow:hidden;aspect-ratio:1}
.notification-event .avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.incoming-notices .notification-event.notice-leave{animation:notice-out .3s ease-in forwards;pointer-events:none}
@keyframes notice-out{to{opacity:0;transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.incoming-notices .notification-event.notice-leave{animation:none;display:none}}
.voice-draft audio{width:100%}.voice-draft .modal-box{max-width:520px}
 .layout{min-height:100vh}.layout>aside{position:sticky;top:0;align-self:start;height:calc(100vh - 70px);height:calc(100dvh - 70px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.layout>aside .nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:initial}#panel-logout{position:static;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;height:44px;padding:8px;margin:8px 0 0;flex:none}
 #notification-settings{max-width:760px;margin:16px 0}#notification-settings h2{font-size:18px}#notification-settings .notification-tools{align-items:center}#notification-settings label{font-size:12px;min-width:0;max-width:100%}#notification-settings input{max-width:240px;padding:6px}#notification-settings p{font-size:12px;color:var(--muted)}#notification-settings textarea{max-width:100%}.notification-footer{justify-content:center;margin-top:12px}.notification-event [data-kind=error]{color:var(--red)}.notification-event [data-kind=warning]{color:#ffc76d}
 .layout>aside{grid-template-rows:minmax(0,1fr) auto}
html body .composer{gap:6px;align-items:center}.composer>button,.composer-footer button{padding:6px;width:34px;min-height:34px;flex:none}.composer #message{flex:1;min-width:60px;width:auto}.composer-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-basis:100%;min-width:0}.composer-footer .muted{margin:0 auto 0 0!important;font-size:11px}.composer-footer button svg{width:18px;height:18px}
#groups{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:440px;overflow:auto;overscroll-behavior:contain;padding:5px;gap:10px;margin:14px 0;scrollbar-gutter:stable}html body #groups .broadcast-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:150px;padding:0;border-radius:14px;text-align:left;opacity:.65}#groups .broadcast-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);z-index:-2}#groups .broadcast-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000d);z-index:-1}#groups .broadcast-card .file{position:absolute;bottom:10px;left:10px;right:10px;color:#fff;overflow-wrap:anywhere;white-space:normal}#groups .broadcast-card .file small{display:block;color:#ddd}html body #groups .broadcast-card[aria-pressed=true]{opacity:1;outline:2px solid var(--accent-color);outline-offset:-2px}#groups .broadcast-card[aria-pressed=true] img{filter:none}
@media(max-width:440px){#groups{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}#groups .broadcast-card{height:130px}.composer-footer .muted{max-width:65%}}
.reply-editor textarea{min-height:88px;resize:vertical}
html body .top,html body .composer,html body .contact-note{position:static}
@media(max-width:700px){html body .settings-grid{grid-template-columns:minmax(0,1fr)}.settings-grid>.card{min-width:0}.settings-grid .note-title{flex-wrap:wrap}}
@media(max-width:900px){html body .layout{display:block;min-width:0}html body .layout>aside{position:static;height:auto;min-height:0;display:block;width:100%;min-width:0}.layout>aside .nav{display:flex;width:100%;flex-wrap:wrap}.layout>aside .nav button{max-width:100%;flex:1 1 auto}}
.message-album{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:85%;margin:8px 0}.message-album.me{margin-left:auto}.message-album .message{max-width:100%;width:100%;margin:0}.message-album .archive-media{width:100%;max-height:260px;object-fit:contain}.archive-media.sticker{display:block;width:min(220px,100%);height:auto;max-height:220px;object-fit:contain;background:transparent;border:0}
