/* Shared web and Android shell. Named tracks must not depend on hidden siblings. */
:root{--accent:#7e4af4;--accent-hover:#986bfa;--accent-soft:rgba(126,74,244,.16);--bubble-out:#493575;--bubble-in:#20212c;--sidebar:#191a23;--panel:#191a23;--bg:#11121a;--border:rgba(255,255,255,.075);--sidebar-width:340px}
html,body{max-width:100%;overscroll-behavior:none}
.messenger{position:fixed;inset:0;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:var(--app-height,100dvh);width:100%;max-width:100%;min-height:0;overflow:hidden}
.sidebar{display:grid;grid-template-areas:'header' 'search' 'filters' 'list' 'account';grid-template-rows:58px 48px 43px minmax(0,1fr) 62px;min-width:0;min-height:0;height:100%;padding:0;background:var(--sidebar);border-right:1px solid var(--border);overflow:hidden}
.sidebar-header{grid-area:header;gap:10px;padding:8px 12px;background:transparent}
.sidebar-header .brand-small{flex:1}.brand-small>img{width:27px;height:27px}.brand-small span{display:none}.brand-small strong{font-size:18px;letter-spacing:.02em}
.search-wrap{grid-area:search;display:flex;margin:2px 12px 6px;background:#252631;border-radius:20px;min-height:38px}
.search-wrap input{min-width:0;width:100%;height:38px;background:transparent}
.mobile-chat-filters{grid-area:filters;display:flex!important;padding:2px 10px 6px;background:transparent;gap:2px;border-bottom:1px solid var(--border)}
.mobile-chat-filter{padding:6px 10px;font-size:12px;border-radius:14px;font-weight:600}.mobile-chat-filter.active{background:var(--accent-soft);color:#bd9cff}
.chat-list{grid-area:list;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:5px 6px;scrollbar-width:thin}
.chat-row{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;width:100%;min-height:68px;padding:9px 10px;border-radius:10px;background:transparent}
.chat-row .avatar{width:46px;height:46px;font-size:16px}.avatar{background:#655094}.chat-row::after{display:none}.chat-row:hover{background:#242530}.chat-row.active{background:#5a3b91}
.chat-row-top{gap:5px;margin:0}.chat-row-name{font-size:14px;font-weight:650}.chat-time{font-size:10px;white-space:nowrap}.chat-row-bottom{margin-top:5px;gap:5px}.chat-preview{font-size:13px;line-height:18px}.unread-badge{min-width:20px;height:20px;font-size:11px;background:var(--accent)}
.chat-muted,.chat-pinned{flex:none;color:var(--muted);font-size:14px}.chat-row.active .chat-muted,.chat-row.active .chat-pinned{color:#ded1f3}
.account-footer{grid-area:account;padding:9px 14px;gap:10px}.account-footer .avatar{width:36px;height:36px}.account-meta span{font-size:11px}
.chat-pane{min-width:0;min-height:0;height:100%;background:#12131c}.chat-pane::before{opacity:.025;background-size:95px 90px}
.active-chat{display:grid;grid-template-areas:'header' 'pin' 'messages' 'composer';grid-template-rows:62px auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;overflow:hidden}
.chat-header{grid-area:header;padding:8px 20px;gap:10px;background:var(--panel);border-bottom:1px solid var(--border);backdrop-filter:none;min-width:0}.chat-title-wrap{min-width:0;flex:1}.chat-title-wrap strong{font-size:15px}.chat-title-wrap span{font-size:12px}.chat-header .avatar{width:40px;height:40px}.round-icon{width:36px;height:36px;flex-shrink:0}.round-icon.accent{background:var(--accent)}
.pinned-message-bar{grid-area:pin;display:block;border:0;border-left:3px solid var(--accent);background:#20202e;padding:9px 20px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#d2bcff;cursor:pointer}
.message-list{grid-area:messages;min-height:0;min-width:0;overflow:auto;padding:14px max(22px,calc((100% - 800px)/2));scroll-behavior:auto}
.message-row{position:relative;display:flex;width:100%;min-width:0;margin:4px 0;align-items:flex-end}.message-row[data-date-label]{padding-top:40px}.message-row[data-date-label]::before{content:attr(data-date-label);position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:4px 11px;border-radius:12px;background:#282535;color:#c2baca;font-size:11px;white-space:nowrap}
.message-bubble{width:fit-content;min-width:68px;max-width:min(82%,560px);border-radius:12px;padding:8px 11px;box-shadow:none;background:var(--bubble-in)}.message-row.out .message-bubble{background:var(--bubble-out)}.message-text{font-size:14px;line-height:1.4}.message-author{color:#bb99fb}.message-meta{display:flex;float:none;justify-content:flex-end;gap:4px;margin:3px 0 0;font-size:10px}.channel-post .message-bubble{width:min(100%,560px);padding:12px 14px}.comments-button{color:#bf9dff;font-size:12px;padding-top:8px}
.message-bubble:has(.message-attachment){width:min(82%,400px)}.message-attachment{width:100%;min-width:0}.file-card{min-width:0;gap:8px;padding:9px 0}.file-meta strong{font-size:13px}.file-download{font-size:12px}.media-load{background:#30273f}.call-message .message-bubble{min-width:0;width:fit-content;padding:13px 16px;border-color:#665280}
.composer{grid-area:composer;display:flex;align-items:flex-end;gap:7px;width:100%;min-width:0;padding:12px max(18px,calc((100% - 810px)/2)) max(14px,env(safe-area-inset-bottom));background:transparent;border:0}.composer-box{flex:1;min-width:0;background:#242530;border-radius:18px;border:1px solid var(--border)}.composer textarea{min-width:0;width:100%;padding:11px 14px;background:transparent;font-size:14px;max-height:140px}.composer-icon,.send-button{flex:0 0 40px;width:40px;height:40px;border-radius:50%;padding:8px}.composer-icon{background:#242530;color:#bdb8c8}.send-button{background:var(--accent)}
.composer-icon svg,.send-button svg,.round-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#voiceMessageButton.recording{background:#b23859;color:white}.emoji-picker{position:absolute;z-index:30;right:20px;bottom:80px;display:grid;grid-template-columns:repeat(6,36px);gap:4px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.emoji-picker button{border:0;background:none;font-size:22px;padding:4px;cursor:pointer}
.settings-drawer{background:var(--panel);padding:20px;width:340px}.drawer-section{padding:18px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:none}.settings-action{border:0;border-radius:8px;padding:13px 10px;background:#242530}.drawer-note{background:none;padding:16px 0;color:var(--muted);font-size:13px}.settings-version{margin:18px 0;color:var(--muted)}
.profile-card{display:block;overflow:auto;min-height:0}.profile-card>header{display:flex;justify-content:space-between}.profile-card .profile-save{position:static}.profile-photo-row{gap:12px}.profile-hint{line-height:1.5}.mobile-bottom-nav,.native-page-title,#mobileSearchButton{display:none!important}
@media(max-width:760px){
  .messenger{grid-template-columns:minmax(0,1fr)}
  .sidebar{grid-template-areas:'header' 'search' 'filters' 'list';grid-template-rows:calc(54px + env(safe-area-inset-top)) 46px 42px minmax(0,1fr);padding-bottom:calc(64px + env(safe-area-inset-bottom));width:100%;height:100%;border:0}
  .sidebar-header{padding:calc(7px + env(safe-area-inset-top)) 12px 7px}.brand-small>div>span{display:none}.search-wrap{display:flex!important}.account-footer{display:none}.chat-row{min-height:70px;padding:10px}.chat-row-name{font-size:15px}
  .chat-pane{position:absolute;inset:0;width:100%;height:100%;transform:translateX(100%);transition:none;overflow:hidden}.messenger.chat-open .chat-pane{transform:translateX(0)}
  .active-chat{grid-template-rows:calc(58px + env(safe-area-inset-top)) auto minmax(0,1fr) auto}.chat-header{padding:calc(7px + env(safe-area-inset-top)) 8px 7px;gap:6px}.chat-header .round-icon{width:34px;height:38px}.chat-header .avatar{width:36px;height:36px}.chat-title-wrap strong{font-size:14px}.chat-title-wrap span{font-size:11px}.mobile-only{display:grid!important}
  .message-list{padding:8px 10px 12px}.message-bubble{max-width:87%;min-width:62px}.message-text{font-size:14px}.message-bubble:has(.message-attachment){width:87%}.channel-post .message-bubble{width:100%;max-width:100%}.message-actions{position:static;display:flex;margin-top:5px;padding:0;gap:2px;background:none;border:0;box-shadow:none}.message-actions button{width:29px;height:26px}
  .composer{gap:4px;padding:8px 7px max(8px,env(safe-area-inset-bottom));background:#191a23}.composer-icon,.send-button{width:34px;height:38px;flex-basis:34px;padding:7px}.composer textarea{padding:10px 11px;font-size:16px}.composer-box{border-radius:17px}.pinned-message-bar{padding:8px 12px;font-size:12px}
  .mobile-bottom-nav{display:flex!important;height:calc(64px + env(safe-area-inset-bottom));padding:3px 8px env(safe-area-inset-bottom);background:#191a23;backdrop-filter:none}.mobile-nav-item{height:56px;font-size:10px}.mobile-nav-item.active{color:#ba97ff}.mobile-nav-item.active .mobile-nav-icon{filter:none}.messenger.chat-open .mobile-bottom-nav{display:none!important}
  .mobile-sheet:not(.hidden){display:flex!important;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--bg)}.mobile-sheet.hidden{display:none!important}.mobile-sheet-header{padding-top:calc(14px + env(safe-area-inset-top));background:var(--panel)}
  .profile-modal{position:fixed;inset:0;display:flex;align-items:stretch;padding:0;height:var(--app-height,100dvh);background:var(--panel)}.profile-card{width:100%;max-width:none;height:100%;max-height:none!important;border:0;border-radius:0;box-shadow:none;padding:calc(16px + env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:var(--panel)}.profile-card .field input{font-size:16px}.profile-card>header{margin-bottom:24px}.profile-photo-row .avatar.large{width:72px;height:72px}
  .settings-drawer{position:fixed;inset:0 0 calc(64px + env(safe-area-inset-bottom));width:100%;padding:calc(16px + env(safe-area-inset-top)) 20px 20px;overflow:auto;box-shadow:none}.drawer-backdrop{display:none!important}.settings-drawer .drawer-head{padding:0 0 16px}
  .modal:not(.profile-modal){max-height:var(--app-height,100dvh);padding:12px}.modal:not(.profile-modal)>.modal-card{max-height:calc(var(--app-height,100dvh) - 24px);min-width:0;overflow:auto}.thread-modal{padding:0!important}.thread-card{height:var(--app-height,100dvh);max-height:none!important}
}
@media(max-width:760px){
  .messenger:not(.chat-open) .chat-pane{display:none;transform:none}
  .messenger.chat-open .chat-pane{display:block;transform:none}
}

@media(max-width:760px){.message-actions{display:none}.message-row.actions-open .message-actions{display:flex}.message-bubble:focus-visible .message-actions{display:flex}}

.settings-help{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 10px}.drawer-section>span{display:block;font-size:12px;color:var(--muted);margin:0 0 8px 10px}.drawer-section{padding:16px 0}.settings-drawer .drawer-head{padding-bottom:12px}.drawer-languages{gap:6px}.drawer-languages button{flex:1;padding:8px}.settings-danger{margin-top:16px}@media(max-width:760px){.messenger.chat-open .settings-drawer{bottom:0}}

/* === M0D visual overhaul: dense, calm messenger UI === */
:root{
  --m0d-bg:#0b0d12;
  --m0d-surface:#12151c;
  --m0d-surface-2:#181c24;
  --m0d-surface-3:#20252f;
  --m0d-line:rgba(255,255,255,.065);
  --m0d-text:#f5f7fb;
  --m0d-muted:#8c95a3;
  --m0d-purple:#8b63f6;
  --m0d-purple-2:#6f55dc;
  --m0d-green:#61d89a;
  --m0d-in:#171b22;
  --m0d-out-1:#4f5fbf;
  --m0d-out-2:#7655d8;
}
html,body{background:var(--m0d-bg);color:var(--m0d-text)}
.messenger{background:var(--m0d-bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.sidebar{
  background:linear-gradient(180deg,#11141a 0%,#0f1218 100%);
  border-right:1px solid var(--m0d-line);
  box-shadow:none;
}
.sidebar-header{
  min-height:64px;padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.025);
  background:rgba(17,20,26,.94);backdrop-filter:blur(18px);
}
.brand-small>img{width:30px;height:30px}
.brand-small strong{font-size:19px;font-weight:780;letter-spacing:-.025em}
.round-icon,.composer-icon,.send-button{
  border:0;outline:0;transition:background .15s ease,color .15s ease,transform .12s ease;
}
.round-icon{
  display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:transparent;color:#b7bfca;
}
.round-icon:hover{background:rgba(255,255,255,.07);color:#fff}
.round-icon:active,.composer-icon:active,.send-button:active{transform:scale(.94)}
.round-icon.accent{background:var(--m0d-purple);color:#fff;box-shadow:0 6px 18px rgba(139,99,246,.22)}
.vector-icon svg,.round-icon svg,.composer-icon svg,.send-button svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round
}
.search-wrap{
  min-height:40px;margin:8px 12px 7px;padding:0 12px;
  border:1px solid transparent;border-radius:20px;
  background:#1c2028;transition:border-color .15s ease,background .15s ease
}
.search-wrap:focus-within{background:#20252e;border-color:rgba(139,99,246,.42)}
.search-icon{color:#7f8895;font-size:17px}
.search-wrap input{height:40px;font-size:14px;color:#eef1f5}
.search-wrap input::placeholder{color:#7f8895}

.mobile-chat-filters{
  padding:0 10px 5px;gap:0;border-bottom:1px solid var(--m0d-line);
  background:rgba(15,18,24,.96)
}
.mobile-chat-filter{
  position:relative;min-height:40px;padding:0 13px;border-radius:0;background:transparent!important;
  color:#858e9a;font-size:13px;font-weight:650
}
.mobile-chat-filter.active{color:#b99dfb}
.mobile-chat-filter.active::after{
  content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--m0d-purple)
}

.chat-list{padding:3px 6px 10px}
.chat-row{
  min-height:72px;padding:9px 10px;border-radius:12px;gap:11px;
  transition:background .12s ease
}
.chat-row:hover{background:rgba(255,255,255,.045)}
.chat-row.active{background:rgba(139,99,246,.18)}
.chat-row .avatar{width:52px;height:52px;font-size:18px;box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.chat-row-name{font-size:15px;font-weight:700;letter-spacing:-.012em;color:#f3f5f8}
.chat-time{font-size:11px;color:#737d8b}
.chat-preview{font-size:13.5px;line-height:18px;color:#9099a6}
.chat-row.active .chat-preview,.chat-row.active .chat-time{color:#b8b2c7}
.unread-badge{min-width:22px;height:22px;padding:0 7px;background:var(--m0d-purple);font-size:11px;font-weight:750}
.account-footer{border-top:1px solid var(--m0d-line);background:#11141a}

.chat-pane{
  position:relative;background:
    radial-gradient(circle at 22% 8%,rgba(76,65,130,.16),transparent 33%),
    radial-gradient(circle at 78% 86%,rgba(66,97,133,.12),transparent 34%),
    linear-gradient(180deg,#0d1016,#0b0d12);
}
.chat-pane::before{opacity:.065!important;filter:contrast(1.05);background-size:92px 88px!important}
.active-chat{position:relative}
.chat-header{
  min-height:64px;padding:8px 14px;
  border-bottom:1px solid var(--m0d-line);
  background:rgba(16,19,25,.90);backdrop-filter:blur(20px) saturate(120%);
  box-shadow:0 4px 18px rgba(0,0,0,.12)
}
.chat-header .avatar{width:42px;height:42px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.chat-title-wrap strong{font-size:16px;font-weight:760;letter-spacing:-.015em;color:#f7f8fb}
.chat-title-wrap span{font-size:12px;color:#8b95a3}
.chat-title-wrap span:not(:empty){margin-top:1px}

.pinned-message-bar{
  position:relative;margin:7px 12px 0;padding:8px 15px 8px 18px;
  border:1px solid rgba(255,255,255,.055)!important;border-left:0!important;border-radius:15px;
  background:rgba(24,27,35,.88);backdrop-filter:blur(16px);
  color:#c3aefb;font-size:12.5px;box-shadow:0 5px 16px rgba(0,0,0,.15)
}
.pinned-message-bar::before{
  content:"";position:absolute;left:7px;top:8px;bottom:8px;width:3px;border-radius:4px;background:var(--m0d-purple)
}

.message-list{
  padding:16px max(18px,calc((100% - 780px)/2)) 18px;
  scroll-padding-bottom:90px
}
.message-row{margin:2px 0}
.message-row[data-date-label]{padding-top:42px}
.message-row[data-date-label]::before{
  top:11px;padding:4px 10px;border:1px solid rgba(255,255,255,.055);
  background:rgba(21,24,31,.78);backdrop-filter:blur(12px);
  color:#c0c6cf;font-size:11px;font-weight:650;box-shadow:0 3px 10px rgba(0,0,0,.14)
}
.message-bubble{
  position:relative;min-width:54px;max-width:min(76%,560px);padding:8px 11px 7px;
  border:1px solid rgba(255,255,255,.035);border-radius:17px 17px 17px 6px;
  background:rgba(23,27,34,.96);box-shadow:0 2px 8px rgba(0,0,0,.12);
  color:#f1f3f6
}
.message-row.out .message-bubble{
  border-color:rgba(255,255,255,.045);border-radius:17px 17px 6px 17px;
  background:linear-gradient(145deg,var(--m0d-out-1),var(--m0d-out-2));
  box-shadow:0 3px 10px rgba(38,31,82,.20)
}
.message-text{font-size:15px;line-height:1.34;letter-spacing:-.006em;white-space:pre-wrap}
.message-author{margin:0 0 4px;color:#c6a7ff;font-size:12.5px;font-weight:760}
.message-meta{
  align-items:center;justify-content:flex-end;margin:3px 0 -1px;
  color:rgba(219,224,232,.62);font-size:10.5px;line-height:14px
}
.message-row.out .message-meta{color:rgba(244,242,255,.69)}
.message-receipt{color:#c5e4ff;font-weight:700}
.reply-preview{
  margin:0 0 7px;padding:5px 8px;border-left:3px solid #b79af9;
  border-radius:7px;background:rgba(0,0,0,.13);color:#d6ccf2;font-size:12px
}
.message-bubble:has(.message-attachment){padding:4px;width:min(76%,430px);overflow:hidden}
.message-bubble:has(.message-attachment) .message-meta{padding:0 7px 4px}
.message-media,.message-image{border-radius:14px!important;background:#090b0f!important}
.file-card{padding:9px 10px!important}
.comments-button{
  margin-top:7px;padding:8px 10px 2px;border-top:1px solid rgba(255,255,255,.08);
  color:#c8b1ff;font-size:12px;font-weight:650
}
.call-message .message-bubble{border-color:rgba(139,99,246,.24);background:#191d26}

.composer{
  gap:7px;padding:9px max(14px,calc((100% - 800px)/2)) max(10px,env(safe-area-inset-bottom));
  border:0;background:linear-gradient(to top,rgba(9,11,15,.94),rgba(9,11,15,.20),transparent);
  backdrop-filter:none
}
.composer-box{
  min-height:44px;border:1px solid rgba(255,255,255,.055);border-radius:22px;
  background:rgba(25,29,37,.94);box-shadow:0 4px 14px rgba(0,0,0,.16)
}
.composer textarea{
  min-height:44px;padding:11px 14px;font-size:15px;line-height:22px;color:#f5f6f8
}
.composer textarea::placeholder{color:#7f8894}
.composer-icon,.send-button{
  width:44px;height:44px;flex:0 0 44px;padding:0;border-radius:50%;
  background:rgba(25,29,37,.94);color:#9ea8b5;box-shadow:0 4px 14px rgba(0,0,0,.12)
}
.composer-icon:hover{background:#222731;color:#fff}
.send-button{background:linear-gradient(145deg,#926bf8,#7652dc);color:#fff}
#voiceMessageButton.recording{background:#d94b65;color:#fff}
.emoji-picker{
  bottom:72px;right:18px;border:1px solid var(--m0d-line);border-radius:18px;
  background:rgba(20,23,30,.97);backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(0,0,0,.38)
}

.settings-drawer,.modal-card,.profile-card,.thread-card{
  border:1px solid var(--m0d-line);background:#151820;color:var(--m0d-text);
  box-shadow:0 24px 70px rgba(0,0,0,.42)
}
.settings-drawer{background:rgba(18,21,28,.98);backdrop-filter:blur(20px)}
.drawer-section{border-bottom:1px solid var(--m0d-line)}
.settings-action,.language-button{
  border:1px solid rgba(255,255,255,.055);background:#1d222b;color:#edf0f4
}
.settings-action:hover,.language-button:hover{background:#242a35}
.field input,.field textarea,.field select{
  border:1px solid rgba(255,255,255,.075);background:#1d222b;color:#f3f5f8;border-radius:12px
}
.primary-button{background:linear-gradient(145deg,#926bf8,#7550d8);box-shadow:none}
.secondary-button{background:#222731;border-color:rgba(255,255,255,.07)}

@media(max-width:760px){
  .sidebar{
    grid-template-rows:calc(60px + env(safe-area-inset-top)) 48px 42px minmax(0,1fr)!important;
    background:#0f1218
  }
  .sidebar-header{
    padding:calc(8px + env(safe-area-inset-top)) 10px 7px;
    background:rgba(15,18,24,.96);backdrop-filter:blur(18px)
  }
  .native-page-title{font-size:26px!important;font-weight:800!important;letter-spacing:-.04em!important}
  .brand-small>img{width:27px;height:27px}
  .search-wrap{margin:4px 10px 5px}
  .mobile-chat-filters{padding:0 7px 3px}
  .mobile-chat-filter{flex:0 0 auto;min-height:39px;padding:0 12px;font-size:13px}
  .chat-list{padding:2px 0 8px}
  .chat-row{
    min-height:76px;padding:10px 12px;border-radius:0;grid-template-columns:54px minmax(0,1fr);gap:11px
  }
  .chat-row::after{
    display:block;content:"";position:absolute;left:77px;right:0;bottom:0;height:1px;background:rgba(255,255,255,.042)
  }
  .chat-row.active{background:rgba(139,99,246,.13)}
  .chat-row .avatar{width:54px;height:54px}
  .chat-row-name{font-size:16px}
  .chat-preview{font-size:14px;line-height:19px}
  .chat-time{font-size:11px}
  .active-chat{grid-template-rows:calc(62px + env(safe-area-inset-top)) auto minmax(0,1fr) auto}
  .chat-header{
    min-height:62px;padding:calc(8px + env(safe-area-inset-top)) 7px 7px 5px;
    gap:6px;background:rgba(15,18,24,.92);backdrop-filter:blur(20px)
  }
  .chat-header .round-icon{width:38px;height:40px}
  .chat-header .avatar{width:40px;height:40px}
  .chat-title-wrap strong{font-size:17px;line-height:20px}
  .chat-title-wrap span{font-size:12px}
  .pinned-message-bar{
    margin:6px 8px 0;padding:8px 12px 8px 17px;border-radius:14px;font-size:12px
  }
  .message-list{padding:10px 9px 12px}
  .message-row{margin:2px 0}
  .message-bubble{
    max-width:84%;padding:8px 11px 7px;border-radius:17px 17px 17px 5px
  }
  .message-row.out .message-bubble{border-radius:17px 17px 5px 17px}
  .message-text{font-size:16px;line-height:1.28}
  .message-meta{font-size:10.5px}
  .message-bubble:has(.message-attachment){width:min(84%,380px);max-width:84%}
  .composer{
    gap:6px;padding:7px 7px max(7px,env(safe-area-inset-bottom));
    background:rgba(12,15,20,.94);backdrop-filter:blur(18px)
  }
  .composer-box{border-radius:23px;background:#1c2028}
  .composer textarea{min-height:46px;padding:12px 13px;font-size:16px}
  .composer-icon,.send-button{width:46px;height:46px;flex-basis:46px;background:#1c2028}
  .send-button{background:linear-gradient(145deg,#926bf8,#7550d8)}
  .mobile-bottom-nav{
    height:calc(66px + env(safe-area-inset-bottom));padding:3px 8px env(safe-area-inset-bottom);
    border-top:1px solid var(--m0d-line);background:rgba(14,17,23,.96);backdrop-filter:blur(18px)
  }
  .mobile-nav-item{border-radius:13px;color:#7f8996}
  .mobile-nav-item.active{color:#b99dfb;background:rgba(139,99,246,.09)}
  .settings-drawer,.profile-card{background:#11151c}
  .settings-drawer .drawer-section,.settings-drawer .drawer-note{background:transparent!important;border:0;border-bottom:1px solid var(--m0d-line)}
}

@media(min-width:761px){
  :root{--sidebar-width:360px}
  .message-list::-webkit-scrollbar,.chat-list::-webkit-scrollbar{width:7px}
  .message-list::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb{background:#2c323d;border-radius:10px}
}

@media(max-width:760px){
  html.native-app .desktop-brand-title{display:none!important}
  html.native-app .native-page-title{display:block!important}
  html.native-app #mobileSearchButton{display:grid!important}
  html.native-app .brand-small{gap:8px}
}