/* MChat 0.11: restrained green, quieter chrome, persistent navigation. */
.moments-body .reply button{flex-shrink:0;white-space:nowrap}.moments-body .reply input{flex:1;width:0}#realEmojis{max-height:280px;overflow-y:auto}
.moments-body{background:#f3f6f4}.moments-body main{max-width:820px;padding-bottom:60px}.moments-body>main>header{padding:24px 4px;color:#486656;font-size:14px}.moments-body .cover{border-radius:18px;background:linear-gradient(115deg,#0e5a47,#187f5f);padding:32px}.moments-body .cover small,.moments-body .cover p{color:#c5e4d3;font-size:14px}.moments-body h1{font-size:29px;letter-spacing:0;margin:12px 0}.moments-body form#composer,.moments-body article{border-radius:14px;box-shadow:0 3px 12px #173a2903}.moments-body small,.moments-body time,.moments-body .foot{font-size:13px}.moments-body .body{font-size:16px}.moments-body #status:empty{display:none}.moments-body .tools{flex-wrap:wrap}.moments-body button{font-size:14px}.moments-body textarea:focus,.moments-body input:focus{border-color:#8cbaa1;outline:2px solid #dfefe5}
.sidebar-scroll>*{flex-shrink:0}.sidebar-scroll .conversation-list{overflow:visible}.sidebar-scroll #realFriendList a small:last-child{display:none}#realVoiceStart{border:1px solid #e0eae4;background:#f0f7f2;color:#49735d;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;margin-left:6px}#realHistoryOpen{border:1px solid #e1eae5;background:#f5f9f6;color:#3b7060;padding:6px 10px;border-radius:8px;font-size:12px;cursor:pointer}#realChatView>.call-actions{justify-content:space-between}
:root{--bg:#f5f7f8;--line:#e7ece9;--text:#20342e;--muted:#71817b;--green:#087e60;--mine:#d5f3e4;--red:#d45642}
body{background:#edf1f0;color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{transition:background-color .15s,color .15s}button:disabled{opacity:.5;cursor:not-allowed}
.app{max-width:1480px;box-shadow:0 12px 60px #243c3410}.sidebar{width:300px;padding:24px 18px 0;gap:16px;background:#f8faf9;overflow:hidden!important}.brand{font-size:29px;letter-spacing:-1.3px;display:flex;align-items:center}.brand>span{color:var(--green)}.version-tag{font-size:12px;font-weight:500;letter-spacing:0;border:1px solid #d9e6df;color:#647b70;border-radius:6px;margin-left:12px;padding:2px 7px}
.account-entry{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;color:var(--text)}.account-entry>span:nth-child(2){flex:1}.account-entry b,.account-entry small{display:block}.account-entry small{font-size:12px;color:var(--muted)}.account-entry .avatar{width:38px;height:38px}
.sidebar-scroll{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-bottom:16px;scrollbar-width:thin}.sidebar-scroll>section{flex-shrink:0}.real-friends{max-height:none;overflow:visible}.sidebar-scroll>section>b{font-size:13px;color:#657b70}.sidebar-scroll .ghost{font-size:12px;padding:4px}.sidebar-scroll .local-tip{font-size:12px;color:#71817b}.demo-section-label{font-size:12px;color:#788d82}#realGroupList{max-height:none!important}
.sidebar .sidebar-nav{position:static!important;margin:0 -18px;padding:6px 8px 10px;background:#f8faf9!important;height:72px;flex-shrink:0}.nav-item{font-size:12px;gap:4px;border-radius:10px;min-width:58px;color:#72857b}.nav-item span{height:24px}.nav-item svg{width:23px;height:23px}.nav-item.active{color:var(--green);background:#e6f3eb}.nav-item:hover{background:#eaf1ed}.nav-item:focus-visible{outline-offset:-2px}
.search{border:1px solid var(--line);background:#eff3f1;padding:10px 12px;border-radius:10px}.search:focus-within{border-color:#8fbaa7;box-shadow:0 0 0 3px #dceee4}.search input{font-size:14px;color:var(--text)}
.avatar{width:43px;height:43px;border-radius:13px;flex-shrink:0}.green{background:#128363}.avatar.group{background:#5e78b3}.conversation{padding:12px 9px;border-radius:11px;gap:12px}.conversation:hover,.conversation.active{background:#e4f0e9}.conversation small{font-size:12px;color:#7b8d84;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-group{border:1px solid #dbe7df;border-radius:10px;color:#39715a;padding:10px;background:#fff;text-decoration:none}.new-group:hover{background:#edf6f0}
.chat{background:#f3f6f4;position:relative}.chat>header{height:80px;min-height:72px;padding:14px 26px;gap:12px;flex-shrink:0}.chat>header>div:first-of-type{margin-right:auto;min-width:0}.chat>header .header-actions{margin:0}.chat header b{font-size:17px}.chat header small{font-size:12px;color:#7b8c84}.ghost{color:#688076;padding:7px 9px;border-radius:8px}.ghost:hover{background:#edf4ef}.chat-return{border:0;background:#edf5f0;color:#39725a;border-radius:8px;padding:7px 10px;white-space:nowrap;font-size:13px}.header-actions .ghost{font-size:13px}
.demo-chat-label{padding:7px 26px;color:#8a7040;background:#fcf8ed;font-size:12px}.call-actions{padding:9px 26px;gap:8px;background:#fff;border-color:var(--line)}.call-actions a,.call-actions button{border:1px solid #e1eae5;background:#f5f9f6;border-radius:8px;padding:7px 11px;color:#3b7060;font-size:13px;cursor:pointer}.call-actions small{font-size:12px;color:#7b8d83}.messages{gap:22px;padding:28px 34px;scrollbar-width:thin;scrollbar-color:#ceded5 transparent}.message{max-width:82%;gap:8px}.bubble{border-radius:3px 15px 15px;padding:12px 16px;box-shadow:0 2px 3px #20352a05;border:1px solid #e7eee9;line-height:1.65;font-size:15px}.mine .bubble{border-color:#c8e8d8;border-radius:15px 3px 15px 15px;background:var(--mine);color:#164d39}.time{font-size:11px;color:#82948a;max-width:120px;white-space:normal;line-height:1.4}.sender-name{color:#638774;font-size:12px}.message img{border-radius:10px}.bubble:has(.red-packet){padding:0;border:0;background:transparent;box-shadow:none}.red-packet{width:258px;border-radius:12px;padding:20px;background:linear-gradient(125deg,#e17447,#c9483d);box-shadow:0 5px 12px #cf5f3920}.red-packet strong{font-size:16px}.red-packet footer{font-size:12px;margin-top:8px;padding-top:10px}
.composer{padding:14px 25px 17px;min-height:140px;flex-shrink:0;background:#fff}.composer textarea{font-family:inherit;font-size:15px;min-height:56px;color:#243e31;line-height:1.6;padding:10px 2px}.tools{gap:6px}.tool{width:36px;min-height:36px;display:inline-grid;place-items:center;border-radius:8px;color:#607a6b;font-size:22px}.tool:hover,.emoji-toggle:hover{background:#eaf4ee}.send{background:var(--green);border-radius:9px;min-height:40px;min-width:76px;padding:8px 20px;font-weight:600;box-shadow:0 2px 4px #0b785215}.send:hover{background:#086b51}.composer-hint{display:block;font-size:12px;color:#829389;padding-top:10px}.emoji-toggle{background:#f0f7f2;border:1px solid #e0eae4;border-radius:8px;padding:6px 12px;color:#49735d;font-size:13px;cursor:pointer}#realEmojis{position:absolute;bottom:100%;left:24px;max-width:360px;padding:12px;background:white;border:1px solid var(--line);box-shadow:0 8px 30px #183c2820;border-radius:14px;z-index:5}#realComposer>label{font-size:13px;padding-left:12px!important;color:#49735d}#realImageDraft{padding:9px;border-radius:9px;background:#f0f6f2}.latest-messages{position:absolute;bottom:220px;left:50%;transform:translateX(-50%);background:#fff;color:#087958;border:1px solid #c6dfd2;border-radius:24px;padding:8px 16px;box-shadow:0 5px 20px #174e3420;z-index:2}
.page-header{height:94px;padding:22px 34px;border-color:var(--line)}.page-header h1{font-size:25px;font-weight:700;letter-spacing:-.5px}.page-header>div{display:block}.page-header small{font-size:13px;color:#87968e;margin-top:5px}.round-add{width:40px;height:40px;padding:0;border-radius:12px;background:#e8f4ed;color:#087e60;font-size:27px}.app-view{background:#f7f9f8}.inbox-body{padding:26px 34px;max-width:920px;margin:auto}.inbox-search{padding:12px 15px;background:#fff}.inbox-filters{display:flex;gap:8px;margin:18px 0}.inbox-filters button{background:transparent;border:0;color:#76877d;padding:7px 16px;border-radius:20px;font-size:14px;cursor:pointer}.inbox-filters [aria-pressed=true]{background:#dfeee5;color:#096647;font-weight:600}.inbox-shortcuts{display:flex;gap:10px;margin:6px 0 18px;flex-wrap:wrap}.inbox-shortcuts button,.inbox-shortcuts a{font-size:13px;padding:9px 13px;background:#fff;border:1px solid #e0e9e4;color:#476a59;text-decoration:none;border-radius:9px;cursor:pointer}.inbox-sync{font-size:12px;color:#84968b;margin:8px 0 18px}.inbox-section{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:20px}.inbox-section h2{font-size:12px;font-weight:500;color:#82948a;padding:12px 18px 8px;margin:0}.inbox-row{padding:17px 20px!important;border-bottom:1px solid #f0f4f1;border-radius:0;gap:14px;font-size:15px}.inbox-row:last-child{border-bottom:0}.inbox-row:hover{background:#f3f8f5}.inbox-row small{max-width:100%!important;font-size:13px;color:#809286}.inbox-row .real-friend-avatar{border:0}.inbox-row a{flex:1}.inbox-row a small:last-child{display:none}.inbox-empty{text-align:center;padding:50px 16px;color:#84958a}.inbox-empty h2{font-size:20px;color:#476857}.inbox-empty .send{float:none;margin:20px auto}.contact-moments{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:15px 0;font-size:16px}
.quick-actions{margin:20px 28px;padding:0 20px;border:1px solid var(--line);border-radius:14px}.quick-actions button{padding:15px 0}.quick-actions span,.contact-moments span{background:#e6f3eb!important;color:#207253;border-radius:10px;display:grid;place-items:center;width:34px;height:34px}.page-search{margin:22px 28px}.section-label{font-size:13px;color:#758b7d;padding:16px 28px 8px}.list-panel{margin:0 28px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.contact-row{padding:15px 18px;gap:12px}.contact-row small{font-size:12px;color:#809588}.real-friend{padding:12px;gap:12px}.real-friend-avatar{border:0;cursor:pointer}.real-friend small{font-size:12px;color:#7a9182}.profile-card{margin:24px 28px 16px;padding:28px;border:1px solid var(--line);border-radius:16px}.profile-card b{font-size:20px}.profile-avatar{width:66px;height:66px;border-radius:20px;background:#118464}.profile-card small{font-size:13px}#profileView>.call-actions{margin:0 28px;background:transparent;border:0;padding:7px 0}.settings-panel{margin:22px 28px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings-panel button{font-size:15px;padding:18px 22px;color:#31543e}.settings-panel button:hover{background:#f7faf8}.settings-panel button span{color:#3c8b67}.profile-note{font-size:12px;padding:0 20px;color:#7c8f83}
dialog{border:1px solid #dce7df;border-radius:18px;box-shadow:0 24px 100px #0b2c3438;padding:30px;max-height:85dvh;color:#264332}dialog::backdrop{background:#152c2866;backdrop-filter:blur(3px)}dialog h2{font-size:21px;padding-right:20px}dialog h3{font-size:16px}dialog input:not([type=checkbox]):not([type=radio]),dialog select{min-height:44px;border:1px solid #d9e5dd;border-radius:9px;padding:10px 12px;background:#fbfdfc;color:#2e513e;font-size:15px}dialog label{font-size:14px}dialog p,dialog small{line-height:1.7}dialog p{font-size:14px}dialog button:not(.close):not(.open-packet):not(.details-link):not(.switch){min-height:38px;border:1px solid #dce8e0;border-radius:8px;padding:8px 13px;color:#2a7151;background:#eff7f2;cursor:pointer}dialog button.send{background:#087e60!important;color:white!important}.close{min-width:40px;min-height:40px;color:#809084}.packet-dialog{padding:0;border:0}.packet-card{width:330px;padding:48px 30px 30px}.packet-dialog .close{color:#ffe1c1}.packet-card p{font-size:14px}.setting-row{padding:17px 0}.setting-row small,.settings-intro{font-size:13px;color:#788e7f}.switch:checked{background:var(--green)}.claim{gap:16px;line-height:1.7}.claim small{font-size:12px;color:#7e9183;display:block}.toast{z-index:50;font-size:14px;background:#214d3eea;max-width:90vw;text-align:center}.unread-badge{font-size:11px!important;padding:1px 6px}.large-text .bubble{font-size:19px}
@media(min-width:651px) and (max-width:1000px){.sidebar{width:260px;padding-left:12px;padding-right:12px}.sidebar .sidebar-nav{margin:0 -12px}.inbox-body{padding:22px}.page-header{padding:22px}.chat>header{padding:12px 18px}.messages{padding:24px 20px}.message{max-width:94%}.composer{padding:12px 18px}}
@media(max-width:650px){body{font-size:15px}.sidebar{display:none}.app{height:var(--mchat-viewport-height,100dvh);padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}body>.bottom-nav{height:calc(68px + env(safe-area-inset-bottom,0px));padding:5px 12px calc(5px + env(safe-area-inset-bottom,0px));background:#fffffff5;box-shadow:0 -4px 20px #163e2706}.nav-item{font-size:12px;flex:1;gap:3px;margin:0 3px;padding:5px}.page-header{height:86px;padding:18px 20px}.page-header h1{font-size:25px}.inbox-body{padding:16px}.inbox-filters{gap:4px;margin:14px 0}.inbox-filters button{padding:7px 12px}.inbox-shortcuts{gap:6px}.inbox-shortcuts button,.inbox-shortcuts a{padding:8px 10px;font-size:12px}.inbox-row{padding:15px!important}.inbox-section{margin-bottom:16px}.chat>header{padding:10px 12px;height:70px;min-height:70px;gap:8px}.chat header b{font-size:16px;max-width:37vw}.chat-return{font-size:12px;padding:7px}.chat header .avatar{width:35px;height:35px;border-radius:10px}.chat>header>div:first-of-type{grid-template-columns:40px auto}.header-actions{gap:1px!important}.header-actions .ghost{font-size:12px;padding:5px}.mobile-conversations{padding:8px 12px;font-size:12px}.demo-chat-label{padding:6px 12px;font-size:11px}.chat .call-actions{padding:7px 12px}.chat .call-actions a,.chat .call-actions button{font-size:12px;padding:6px 9px}.messages{padding:18px 14px;gap:18px}.message{max-width:95%;gap:5px}.bubble{font-size:15px;padding:10px 12px}.time{max-width:68px;font-size:10px}.red-packet{width:min(245px,62vw);padding:17px}.composer{padding:10px 14px;min-height:116px;max-height:45%;overflow:visible}.composer textarea{font-size:16px;min-height:44px;max-height:90px}.composer-hint{display:none}.send{min-height:38px;min-width:68px;padding:7px 16px}.tool{min-width:36px}#realEmojis{flex-wrap:wrap!important;left:12px;max-width:calc(100vw - 24px);max-height:200px;overflow-y:auto!important}#realEmojis button{flex:0 0 36px}.latest-messages{bottom:180px;font-size:13px}.quick-actions,.page-search,.list-panel{margin-left:16px;margin-right:16px}.section-label{padding:16px 18px 8px}.profile-card{margin:18px 16px;padding:22px 18px}#profileView>.call-actions{margin:0 16px}.settings-panel{margin:18px 16px}.profile-note{font-size:12px}.packet-card{width:100%}dialog{padding:26px 20px}dialog input:not([type=checkbox]):not([type=radio]),dialog select{font-size:16px}.friend-notice{z-index:30}.app-view{padding-bottom:20px}}
/* 0.13: familiar, quieter navigation and readable settings. Keep business layouts intact. */
:root { --bg:#f2f2f2; --line:#e8e8e8; --text:#202326; --muted:#85888b; --green:#08a56b; }
body { background:#ededed; color:var(--text); }
button, input, textarea, select { font-family:inherit; }
.app { box-shadow:none; }
.app-view, .chat { background:#f3f3f3; min-width:0; }
.sidebar { --side-gutter:18px; background:#f7f7f7; }
.brand { letter-spacing:-1px; white-space:nowrap; font-size:24px; flex-wrap:wrap; row-gap:6px; }
.brand>img { flex-shrink:0; }
.brand>.version-tag { margin-left:8px; font-size:11px; }
.version-tag { border:0; background:#ededed; color:#888; }
.account-entry { border:0; border-radius:8px; padding:12px 8px; background:transparent; }
.account-entry>span:nth-child(2) { min-width:0; }
.account-entry b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.avatar { border-radius:8px; }
.sidebar-scroll { flex:1 1 0; min-width:0; overflow-x:hidden; }
.sidebar-scroll>*, .conversation>span:last-child { min-width:0; }
.conversation>span:last-child { flex:1; overflow:hidden; }
.conversation b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conversation small { max-width:100%; color:#888; }
.conversation { border-radius:5px; }
.conversation:hover, .conversation.active { background:#e9e9e9; }
.search { border:0; border-radius:6px; background:#ebebeb; }
.search input { min-width:0; }
.new-group { border-color:#e4e4e4; border-radius:6px; color:#5b6762; }
.sidebar .sidebar-nav {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  position:static!important; margin:0 calc(0px - var(--side-gutter));
  height:76px; min-height:76px; flex:0 0 76px; padding:4px 6px 8px;
  border-top:1px solid #e4e4e4; background:#f7f7f7!important;
}
.nav-item {
  min-width:0; margin:0; padding:7px 2px; justify-content:center;
  gap:5px; font-size:12px; line-height:1.2; color:#414648; border-radius:0;
}
.nav-item>span { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; }
.nav-item svg { display:block; width:26px; height:26px; }
.nav-item.active { color:var(--green); background:transparent; }
.nav-item.active .icon-surface { fill:currentColor; }
.nav-item.active .icon-detail { color:white; stroke:white; }
.nav-item:hover { background:#00000004; }
.nav-item:focus-visible { outline:2px solid var(--green); outline-offset:-3px; border-radius:5px; }
.page-header { height:72px; padding-top:16px; padding-bottom:16px; background:#fafafa; }
.page-header h1 { font-size:22px; color:#222; }
.page-header small { color:#999; }
.profile-card { border:0; border-radius:6px; gap:18px; padding:28px; margin:20px 28px 12px; }
.profile-card b { color:#202326; font-size:22px; }
.profile-card small { color:#888; font-size:13px; }
.profile-avatar { border-radius:12px; background:#0bab73; }
#profileView>.call-actions { gap:8px; padding:5px 0; }
#profileView>.call-actions a, #profileView>.call-actions button {
  color:#525a56; background:white; border:1px solid #e6e6e6;
  border-radius:5px; padding:9px 12px; font-size:13px;
}
#profileView>.call-actions button#accountLogin { color:var(--green); }
.settings-panel { border:0; border-radius:6px; margin:18px 28px; }
.settings-panel button {
  position:relative; gap:18px; padding:16px 20px; min-height:64px;
  border:0; color:#202326; font-family:inherit; font-size:16px; line-height:1.4;
}
.settings-panel button:not(:last-child)::after {
  content:""; position:absolute; bottom:0; left:66px; right:0; height:1px; background:#ededed;
}
.settings-panel button:hover { background:#f9f9f9; }
.settings-panel button:active { background:#ececec; }
.settings-panel .settings-icon {
  display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px;
  border-radius:7px; color:white;
}
.settings-icon svg { display:block; width:21px; height:21px; }
.settings-icon.notification { background:#438deb; }
.settings-icon.chat { background:#08ad70; }
.settings-icon.privacy { background:#637fce; }
.settings-icon.security { background:#dfa344; }
.settings-icon.general { background:#7d919d; }
.settings-panel button i { display:grid; place-items:center; width:16px; height:20px; color:#b9bbbd; }
.settings-panel button i svg { width:15px; height:15px; }
.profile-note { color:#96999a; font-size:12px; }
.quick-actions { border:0; border-radius:6px; }
.quick-actions span, .contact-moments span { border-radius:7px; width:30px; height:30px; }
.quick-actions svg { display:block; width:23px; height:23px; }
.quick-actions button:first-child span { background:#eaa34a!important; color:white; }
.quick-actions [data-open-groups] span { background:#438deb!important; color:white; }
.quick-actions .contact-moments span { background:#08ad70!important; color:white; }
@media (min-width:651px) and (max-width:1000px) {
  .sidebar { --side-gutter:12px; }
}
@media (max-width:650px) {
  body>.bottom-nav {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
    background:#fafafa; box-shadow:none; padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));
    border-top:1px solid #dedede;
  }
  body>.bottom-nav .nav-item { padding:4px 0; margin:0; font-size:11px; gap:4px; }
  .page-header { height:62px; padding:14px 20px; }
  .page-header h1 { font-size:20px; }
  .page-header small { font-size:11px; }
  .profile-card { margin:0 0 12px; border-radius:0; padding:27px 22px; }
  .profile-card b { font-size:22px; }
  #profileView>.call-actions { margin:0 16px; }
  .settings-panel { margin:16px 0; border-radius:0; }
  .settings-panel button { min-height:60px; padding:15px 22px; font-size:16px; }
  .settings-panel button:not(:last-child)::after { left:68px; }
  .profile-note { padding:0 22px; text-align:left; margin:18px 0; }
}