/* Zhakaw V7.12 Ground Zero 7
   Rebuilt application UI system. Backend/API contracts remain unchanged. */
:root{
  color-scheme:light;
  --bg:#f3f5f2;
  --bg-deep:#0b1511;
  --surface:#ffffff;
  --surface-2:#f7f9f7;
  --surface-3:#edf1ee;
  --surface-4:#e4eae6;
  --ink:#121a16;
  --ink-2:#34443c;
  --muted:#6d7d75;
  --muted-2:#91a098;
  --line:#dfe5e1;
  --line-strong:#cad5ce;
  --accent:#0a8f63;
  --accent-strong:#067653;
  --accent-soft:#e7f6f0;
  --accent-faint:#f1faf6;
  --sidebar-bg:#11231c;
  --sidebar-surface:#183128;
  --sidebar-line:#274238;
  --sidebar-ink:#eef7f3;
  --sidebar-muted:#9eb4aa;
  --danger:#b83a47;
  --danger-strong:#942936;
  --danger-soft:#fff0f2;
  --warning:#9b6513;
  --warning-soft:#fff6e5;
  --success:#15795a;
  --info:#2768b7;
  --shadow-xs:0 1px 1px rgba(16,30,23,.04);
  --shadow-sm:0 8px 24px rgba(16,30,23,.07);
  --shadow-md:0 18px 48px rgba(12,29,21,.12);
  --shadow-lg:0 28px 80px rgba(8,24,17,.20);
  --radius-xs:8px;
  --radius-sm:12px;
  --radius:16px;
  --radius-lg:22px;
  --radius-xl:30px;
  --sidebar:280px;
  --members:320px;
  --header-h:76px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html{min-width:300px;min-height:100%;background:var(--bg);scrollbar-color:#a8b6af transparent}
body{margin:0;min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans Arabic","Noto Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hidden{display:none!important}
::selection{background:#bee9d8;color:#0c2e22}
:focus-visible{outline:3px solid rgba(10,143,99,.25);outline-offset:2px}

/* Shared primitives */
.brand-lockup{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.025em}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--accent);color:#fff;box-shadow:0 9px 22px rgba(10,143,99,.2);flex:0 0 auto}
.brand-mark svg{width:24px;height:24px;stroke-width:1.9}
.brand-word{font-size:20px;letter-spacing:-.04em}
.eyebrow,.panel-kicker,.modal-kicker,.auth-kicker,.room-overline{display:block;color:var(--accent);font-size:12px;line-height:1.2;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.section-hint{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:1px solid #bfe4d5;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;letter-spacing:.08em}
.count{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:var(--surface-3);color:var(--ink-2);font-size:12px;font-weight:900}
.empty{padding:32px 18px;color:var(--muted);font-size:12px;text-align:center}.empty.compact{padding:14px}

/* Authentication */
.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:var(--surface)}
.auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;padding:34px clamp(34px,5vw,76px);overflow:hidden;background:var(--sidebar-bg);color:#f6fbf8}
.auth-story:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 72% 22%,rgba(42,190,136,.22),transparent 28%),radial-gradient(circle at 18% 76%,rgba(52,136,108,.16),transparent 30%),linear-gradient(145deg,#10251d 0,#0b1712 70%)}
.auth-story:after{content:"";position:absolute;z-index:-1;width:410px;height:410px;right:-170px;bottom:-160px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 62px rgba(255,255,255,.018),0 0 0 124px rgba(255,255,255,.014)}
.auth-story .brand-mark{background:#ebfff7;color:#0c7956;box-shadow:none}
.auth-story .brand-word{font-size:22px}
.auth-story-copy{margin:auto 0;max-width:720px;padding:70px 0 52px}
.auth-story-copy .eyebrow{margin-bottom:18px;color:#74d9b5}
.auth-story-copy h1{max-width:760px;margin:0;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.065em;font-weight:790;text-wrap:balance}
.auth-story-copy>p{max-width:620px;margin:24px 0 34px;color:#bdcec6;font-size:clamp(16px,1.5vw,19px);line-height:1.72}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:680px}
.feature-card{display:flex;gap:12px;min-height:86px;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035)}
.feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(90,209,165,.12);color:#8ee4c4;font-size:16px;font-weight:900;flex:0 0 auto}
.feature-card b{display:block;margin-bottom:3px;color:#f6fbf8;font-size:12px}
.feature-card small{display:block;color:#95ada2;font-size:12px;line-height:1.5}
.auth-story-footer{display:flex;justify-content:space-between;gap:18px;color:#81988e;font-size:12px}
.auth-entry{min-height:100dvh;display:grid;place-items:center;padding:30px clamp(24px,5vw,72px);background:linear-gradient(180deg,#f7f9f7,var(--bg))}
.auth-entry-wrap{width:min(510px,100%)}
.auth-topbar{min-height:46px;display:flex;align-items:center;justify-content:flex-end;margin-bottom:18px}
.auth-mobile-brand{display:none}
.language-inline{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:var(--shadow-xs)}
.language-inline button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800;border-radius:8px;padding:7px 9px;white-space:nowrap}
.language-inline button:hover{background:var(--surface-3);color:var(--ink)}
.language-inline button.active{background:var(--ink);color:#fff}
.auth-card{position:relative;padding:clamp(28px,4vw,42px);border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 1px 1px rgba(12,29,21,.03),0 20px 52px rgba(12,29,21,.08)}
.auth-brand{margin-bottom:29px}
.auth-brand .auth-kicker{margin-bottom:9px}
.auth-brand h2{margin:0 0 8px;font-size:34px;line-height:1.05;letter-spacing:-.05em}
.auth-brand p{margin:0;color:var(--muted);font-size:13px}
.auth-menu{display:grid;gap:9px}
.auth-panel form{display:grid;gap:15px}
.auth-panel .primary,.auth-panel .secondary,.auth-menu .create-link{width:100%;min-height:50px;border-radius:13px;font-weight:900;border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.auth-panel .primary{background:var(--ink);color:#fff}.auth-panel .primary:hover{background:#243129;transform:translateY(-1px)}
.auth-panel .secondary{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.auth-panel .secondary:hover{background:var(--surface-3)}
.auth-menu .create-link{background:transparent;border-color:var(--line);color:var(--accent-strong)}.auth-menu .create-link:hover{background:var(--accent-faint);border-color:#b8dfd0}
.auth-separator{display:flex;align-items:center;gap:11px;color:var(--muted-2);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;margin:3px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:var(--line);flex:1}
.back-head{display:flex;align-items:center;gap:12px;margin-bottom:23px}.back-head h2{margin:2px 0 0;font-size:25px;line-height:1.1;letter-spacing:-.035em}
.back-btn,.eye{display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}
.back-btn{width:39px;height:39px;border-radius:11px;flex:0 0 auto}.back-btn:hover,.eye:hover{background:var(--surface-2);color:var(--ink)}
.field{display:grid;gap:6px}.field label,.profile-form>label>span{font-size:12px;font-weight:850;color:var(--ink-2)}
.field input,.field select,.profile-form input,.profile-form textarea,.announcement-box input,.pm-composer input{width:100%;min-height:47px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.field input:hover,.field select:hover,.profile-form input:hover,.profile-form textarea:hover{border-color:#aebeb5}
.field input:focus,.field select:focus,.profile-form input:focus,.profile-form textarea:focus,.announcement-box input:focus,.pm-composer input:focus{border-color:#64b696;box-shadow:0 0 0 4px rgba(10,143,99,.09);background:#fff}
.password-wrap{position:relative}.password-wrap input{padding-inline-end:48px}.password-wrap .eye{position:absolute;inset-inline-end:6px;top:6px;width:35px;height:35px;border:0;border-radius:9px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.remember input{width:16px;height:16px;accent-color:var(--accent)}
.v6-auth-error{margin:0 0 13px;padding:11px 12px;border:1px solid #efc8ce;border-radius:11px;background:var(--danger-soft);color:#8f2b36;font-size:12px;font-weight:750}
.auth-footer{padding:19px 6px 0;text-align:center;color:var(--muted)}.auth-links{display:flex;justify-content:center;gap:6px 13px;flex-wrap:wrap;font-size:12px}.auth-links a:hover{color:var(--accent)}.auth-footer small{display:block;margin-top:9px;font-size:12px}

/* Workspace shell */
.app-shell{width:100%;height:100dvh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--members);grid-template-areas:"sidebar workspace members";overflow:hidden;background:var(--bg)}
.app-sidebar{grid-area:sidebar;background:var(--sidebar-bg);color:var(--sidebar-ink);border-inline-end:1px solid #17362b;min-width:0}
.chat-workspace{grid-area:workspace;display:grid;grid-template-rows:var(--header-h) minmax(0,1fr);min-width:0;min-height:0;background:var(--surface)}
.members-panel{grid-area:members;background:var(--surface);border-inline-start:1px solid var(--line);min-width:0}
.slide-panel{position:relative;display:flex;flex-direction:column;min-height:0;transform:none;z-index:20}
.sidebar-brand{height:var(--header-h);padding:0 20px;border-bottom:1px solid var(--sidebar-line)}
.sidebar-brand .brand-mark{width:36px;height:36px;border-radius:11px;background:#dff8ee;color:#0a7554;box-shadow:none}.sidebar-brand .brand-word{font-size:18px}
.menu-profile{display:flex;align-items:center;gap:11px;width:calc(100% - 24px);margin:14px 12px 4px;padding:11px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.055);color:inherit;text-align:start}
.menu-profile:hover{border-color:var(--sidebar-line);background:rgba(255,255,255,.085)}
.menu-avatar,.user-avatar,.profile-preview-avatar{display:grid;place-items:center;border-radius:50%;background:#ddecf1;color:#345c65;font-weight:900;overflow:hidden;flex:0 0 auto}
.menu-avatar{width:38px;height:38px;background:#265343;color:#dff8ee}.menu-profile-copy{min-width:0;display:grid;gap:2px;flex:1}.menu-profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.menu-profile-copy span{color:var(--sidebar-muted);font-size:12px}.menu-chevron{color:#658277;font-size:18px}
.panel-scroll{min-height:0;overflow:auto;overscroll-behavior:contain}.sidebar-scroll{padding:14px 10px 16px}.sidebar-scroll>.section-label{padding:0 10px 7px;color:#718e82}.sidebar-scroll .section-hint{border-color:#2b5b49;background:#183d30;color:#8de0bd}
.rooms-list{display:grid;gap:3px;margin-bottom:15px}.room-item{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:8px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#b9ccc3;text-align:start;font-size:12px;font-weight:750}.room-item:before{content:"#";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.05);color:#6f9384;font-size:12px;font-weight:900;flex:0 0 auto}.room-item:hover{background:rgba(255,255,255,.055);color:#fff}.room-item.active{background:#def7ed;color:#0b503a}.room-item.active:before{background:#bcebd9;color:#087354}.room-count,.menu-count{margin-inline-start:auto;display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.07);color:#8fac9f;font-size:12px}.room-item.active .room-count{background:#bcebd9;color:#087354}
.menu-section{display:grid;gap:2px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#acc2b8;text-align:start;font-size:12px;font-weight:760}.menu-item:hover{background:rgba(255,255,255,.055);color:#fff}.menu-icon{display:grid;place-items:center;width:24px;height:24px;color:#719589;flex:0 0 auto}.menu-icon svg{width:18px;height:18px}.admin-badge{margin-inline-start:auto;padding:2px 5px;border-radius:6px;background:#3e3320;color:#e7bf72;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.sidebar-language{margin-top:15px;padding-top:13px;border-top:1px solid var(--sidebar-line)}.sidebar-language .section-label{color:#718e82;margin-bottom:7px}.nav-language{border-color:var(--sidebar-line);background:rgba(255,255,255,.03);box-shadow:none}.nav-language button{color:#7e9a8f}.nav-language button.active{background:#dff8ee;color:#0a6649}.logout-item{width:calc(100% - 20px);margin:0 10px 10px;color:#d8aeb3;border-top:1px solid var(--sidebar-line);border-radius:11px}.logout-item:hover{background:rgba(184,58,71,.11);color:#ffc2c8}

/* Header */
.main-header{position:relative;z-index:18;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}
.header-side{display:flex;align-items:center;gap:4px}.header-side.end{justify-content:flex-end}.header-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted)}.header-icon:hover{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.header-icon svg{width:19px;height:19px}.hamburger,.people-toggle{display:none}.room-context{min-width:0}.room-overline{margin-bottom:3px;color:var(--muted-2)}.room-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:900;letter-spacing:-.03em}.badge{position:absolute;top:2px;right:1px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--surface);border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:900}

/* Chat */
.chat-body{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;background:var(--surface)}
.messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px clamp(16px,3vw,38px) 20px;background:linear-gradient(180deg,#fbfcfb 0,#fff 170px)}
.day-label{display:flex;align-items:center;gap:12px;margin:2px 0 22px;color:var(--muted-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.day-label:before,.day-label:after{content:"";height:1px;background:var(--line);flex:1}
.msg{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;max-width:880px;margin:0 auto 16px}.msg.me{grid-template-columns:minmax(0,1fr) 38px}.msg.me .msg-avatar{grid-column:2}.msg.me .msg-main{grid-column:1;grid-row:1;align-items:flex-end}.msg-avatar{width:37px;height:37px;border:0;border-radius:12px;background:#e7eef2;color:#476068;font-size:12px;font-weight:900}.msg-avatar.f{background:#f4e8ee;color:#86526a}.msg-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.msg-meta{display:flex;align-items:center;gap:7px;min-height:17px;margin:0 2px 4px}.msg.me .msg-meta{justify-content:flex-end}.msg-name{border:0;background:transparent;padding:0;color:var(--ink-2);font-size:12px;font-weight:900}.msg-name:hover{color:var(--accent)}.msg-time{color:var(--muted-2);font-size:12px}.msg-content-wrap{min-width:0;max-width:min(78%,680px)}.msg.me .msg-content-wrap{display:flex;flex-direction:column;align-items:flex-end}.msg-text{width:fit-content;max-width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:5px 15px 15px 15px;background:#fff;color:var(--ink);font-size:13px;line-height:1.55;overflow-wrap:anywhere;box-shadow:var(--shadow-xs)}.msg.me .msg-text{border-color:#bfe5d6;border-radius:15px 5px 15px 15px;background:var(--accent-soft)}.msg-reply{max-width:100%;margin-bottom:4px;padding:6px 8px;border-inline-start:3px solid #80bca4;border-radius:8px;background:var(--surface-3);color:var(--muted);font-size:12px;line-height:1.45}.msg-reply b{display:block;color:var(--ink-2)}.msg-image{max-width:min(460px,100%);max-height:460px;margin-top:7px;border-radius:11px;object-fit:cover}.msg-tools{display:flex;gap:3px;margin-top:4px;opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease}.msg:hover .msg-tools,.msg:focus-within .msg-tools{opacity:1;transform:none}.msg-tool{min-height:26px;padding:3px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:760}.msg-tool:hover{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.reaction-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.reaction-chip{min-height:24px;padding:2px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:12px}.reaction-chip.mine{border-color:#a8d5c4;background:var(--accent-soft)}
.typing{position:absolute;left:50%;bottom:83px;z-index:5;display:flex;align-items:center;gap:7px;max-width:calc(100% - 30px);padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);box-shadow:var(--shadow-sm);font-size:12px;transform:translateX(-50%)}.typing-dots{display:flex;gap:2px}.typing-dots i{width:3px;height:3px;border-radius:50%;background:var(--muted-2);animation:typing 1.05s infinite alternate}.typing-dots i:nth-child(2){animation-delay:.18s}.typing-dots i:nth-child(3){animation-delay:.36s}@keyframes typing{to{opacity:.2;transform:translateY(-2px)}}
.status-pill{position:absolute;z-index:9;left:50%;top:10px;max-width:calc(100% - 28px);padding:6px 10px;border-radius:999px;background:#16372b;color:#fff;box-shadow:var(--shadow-sm);font-size:12px;font-weight:850;opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:.16s ease}.status-pill.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.status-pill.offline{background:#7e2933}

/* Composer */
.composer-area{position:relative;padding:10px clamp(10px,2vw,22px) calc(12px + var(--safe-bottom));border-top:1px solid var(--line);background:#fff}.composer-row{max-width:920px;margin:auto;display:grid;grid-template-columns:40px minmax(0,1fr) 40px 44px;align-items:center;gap:3px;padding:5px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-2);box-shadow:0 2px 6px rgba(15,30,23,.04)}.composer-row:focus-within{border-color:#89bda8;box-shadow:0 0 0 4px rgba(10,143,99,.07)}.composer-tool,.send-btn{display:grid;place-items:center;border:0;flex:0 0 auto}.composer-tool{width:40px;height:40px;border-radius:11px;background:transparent;color:var(--muted)}.composer-tool:hover{background:var(--surface-3);color:var(--ink)}.composer-tool.attach{color:var(--accent)}.composer-input-wrap{min-width:0}.composer-input-wrap input{width:100%;height:42px;padding:0 8px;border:0;outline:0;background:transparent;font-size:13px}.composer-input-wrap input::placeholder{color:#95a39c}.send-btn{width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff}.send-btn:hover{background:var(--accent-strong)}.send-btn svg{width:18px;height:18px}.reply-bar,.image-preview-bar{max-width:920px;margin:0 auto 7px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.reply-copy{min-width:0;display:grid;gap:1px;flex:1}.reply-copy b{color:var(--accent-strong);font-size:12px}.reply-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.reply-close,.preview-remove{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted)}.reply-close:hover,.preview-remove:hover{background:var(--surface-3);color:var(--ink)}.reply-close svg,.preview-remove svg{width:15px;height:15px}.image-preview-thumb{width:38px;height:38px;border-radius:9px;object-fit:cover}.emoji-menu{position:absolute;z-index:30;bottom:72px;inset-inline-end:18px;display:grid;grid-template-columns:repeat(6,38px);gap:3px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(5px)}.emoji-menu.open{opacity:1;visibility:visible;transform:none}.emoji-menu button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;font-size:20px}.emoji-menu button:hover{background:var(--surface-3)}

/* Members */
.members-head{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.members-head .section-label{display:block;color:var(--ink-2)}.members-head small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.members-panel>.panel-scroll{padding:10px}.user-row{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:7px 8px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:start}.user-row:hover{border-color:var(--line);background:var(--surface-2)}.avatar-wrap{position:relative;flex:0 0 auto}.user-avatar{width:36px;height:36px;font-size:12px}.user-avatar.f{background:#f4e7ee;color:#89546d}.user-avatar img,.menu-avatar img,.profile-preview-avatar img{width:100%;height:100%;object-fit:cover}.presence-dot,.online-dot{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#17a36f}.online-dot{position:absolute;right:-1px;bottom:0}.user-row>div:not(.avatar-wrap):not(.user-avatar){min-width:0;flex:1}.user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px;font-weight:900}.user-row small{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.user-more{color:#a7b2ad;font-size:12px;letter-spacing:.05em}.v66-rank-inline{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.v66-rank-icon{width:15px!important;height:15px!important;object-fit:contain!important;margin:0 0 0 2px!important}.v66-status-icon{width:14px!important;height:14px!important}

/* Overlay / popovers */
.overlay{position:fixed;inset:0;z-index:40;background:rgba(8,19,14,.46);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.overlay.open{opacity:1;visibility:visible}
.small-popover{position:fixed;z-index:70;top:68px;inset-inline-end:calc(var(--members) + 14px);width:min(360px,calc(100vw - 24px));max-height:min(540px,calc(100dvh - 90px));overflow:auto;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.99);transition:.16s ease}.small-popover.open{opacity:1;visibility:visible;transform:none}.notification-actions,.popover-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);font-size:12px}.mini-action{border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:850}.popover-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:start}.popover-item:hover{background:var(--surface-2)}.popover-item>div:not(.user-avatar){min-width:0;flex:1}.popover-item strong{font-size:12px}.popover-item p{margin:2px 0;color:var(--muted);font-size:12px;line-height:1.45}.notif-time{display:block;color:var(--muted-2);font-size:12px}.notif-unread{background:var(--accent-faint)}.notif-kind{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface-3);font-size:14px;flex:0 0 auto}.notif-kind.message{background:#eaf2ff}.notif-kind.friend{background:#eaf7f1}.notif-kind.mention{background:#fff4df}.private-row .user-avatar{width:34px;height:34px}.private-meta{min-width:0;flex:1}.private-meta strong{display:flex;align-items:center;gap:5px}.private-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{margin-inline-start:auto;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px}

/* Modals */
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:rgba(7,19,13,.52);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.modal-backdrop.open{opacity:1;visibility:visible}.modal-card{display:flex;flex-direction:column;width:min(650px,100%);max-height:min(87dvh,880px);overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg);transform:translateY(10px) scale(.988);transition:transform .17s ease}.modal-backdrop.open .modal-card{transform:none}.modal-card.private-card{width:min(740px,100%);height:min(80dvh,740px)}.modal-card.moderation-card{width:min(920px,100%)}.modal-card.compact-modal{width:min(490px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}.modal-head>div:first-child{min-width:0}.modal-head strong{display:block;font-size:15px;letter-spacing:-.025em}.modal-kicker{margin-bottom:3px;color:var(--muted-2);font-size:12px}.modal-close,.private-head-action{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);flex:0 0 auto}.modal-close:hover{background:var(--surface-2);color:var(--ink)}.modal-close svg,.private-head-action svg{width:16px;height:16px}.private-head-action.danger{color:var(--danger);background:#fff9fa}.modal-body{min-height:0;overflow:auto;padding:18px}.toast{position:fixed;z-index:200;left:50%;bottom:calc(20px + var(--safe-bottom));max-width:min(440px,calc(100vw - 30px));padding:10px 13px;border-radius:12px;background:#14271f;color:#fff;box-shadow:var(--shadow-md);font-size:12px;font-weight:800;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.18s ease}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}

/* Profile and user sheets */
.profile-cover{height:126px;margin:-18px -18px 60px;background:linear-gradient(140deg,#dff1ea,#f4f8f5);border-bottom:1px solid var(--line);position:relative}.profile-avatar-lg{position:absolute;left:50%;bottom:-46px;transform:translateX(-50%);display:grid;place-items:center;width:92px;height:92px;border-radius:28px;background:#e1edf1;border:5px solid #fff;font-size:24px;font-weight:900;color:#45616a;overflow:hidden;box-shadow:var(--shadow-sm)}.profile-center{text-align:center}.profile-center h3{margin:0;font-size:21px;letter-spacing:-.03em}.profile-center p{margin:6px auto 10px;color:var(--muted);font-size:12px;max-width:460px}.profile-detail-line{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--success);font-size:12px;font-weight:850}.profile-detail-line svg{width:13px;height:13px}.friend-state,.blocked-note{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:850}.blocked-note{background:var(--danger-soft);color:var(--danger)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.profile-stat{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);text-align:center}.profile-stat b{display:block;font-size:17px}.profile-stat span{color:var(--muted);font-size:12px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.action-btn{min-height:41px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:12px;font-weight:850}.action-btn:hover{background:var(--surface-2)}.action-btn.primary-action{background:var(--ink);border-color:var(--ink);color:#fff}.action-btn.warn{color:var(--warning);background:var(--warning-soft)}.action-btn.danger{color:var(--danger);background:var(--danger-soft)}.profile-form{display:grid;gap:14px}.profile-form>label{display:grid;gap:6px}.profile-form textarea{min-height:96px;resize:vertical}.profile-preview{display:grid;place-items:center;padding:6px 0}.profile-preview-avatar{width:88px;height:88px;border-radius:26px;font-size:22px;border:5px solid #f1f4f2;box-shadow:0 0 0 1px var(--line)}.profile-upload-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.upload-btn{display:grid;place-items:center;min-height:40px;border:1px dashed var(--line-strong);border-radius:11px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:800;cursor:pointer}.upload-btn:hover{border-color:#81bda5;background:var(--accent-faint)}.upload-btn input{display:none}.save-btn{min-height:45px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-size:12px;font-weight:900}.save-btn:hover{background:var(--accent-strong)}

/* Private chat */
.private-header-user{display:flex;align-items:center;gap:9px}.private-header-user .user-avatar{width:38px;height:38px}.private-online{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;margin-top:2px}.private-online .presence-dot{width:7px;height:7px;border:0}.private-head-actions{display:flex;gap:6px}.private-messages{flex:1;min-height:0;overflow:auto;padding:20px;background:#f6f8f6!important}.pm{display:flex;margin-bottom:8px}.pm.me{justify-content:flex-end}.pm-bubble{max-width:78%;padding:9px 11px;border:1px solid var(--line);border-radius:5px 14px 14px 14px;background:#fff!important;font-size:12px;line-height:1.5;box-shadow:var(--shadow-xs)}.pm.me .pm-bubble{background:var(--accent-soft)!important;border-color:#bfe3d5;border-radius:14px 5px 14px 14px}.pm-time,.pm-status{display:block;margin-top:4px;color:var(--muted-2);font-size:12px}.pm-status{text-align:end}.pm-reply{margin-bottom:5px;padding:5px 7px;border-inline-start:2px solid #85bfa8;background:#f0f4f2;color:var(--muted);font-size:12px}.pm-image{max-width:100%;border-radius:10px;margin-bottom:5px}.pm-composer{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;padding:10px;border-top:1px solid var(--line);background:#fff}.pm-composer input{min-height:42px;background:var(--surface-2)}.pm-composer button{display:grid;place-items:center;border:0;border-radius:11px;background:var(--ink);color:#fff}.pm-composer button:hover{background:var(--accent-strong)}.pm-composer button svg{width:18px}

/* Settings / friends / moderation */
.setting-group{padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line)}.setting-group .section-label{margin-bottom:8px}.settings-language{width:fit-content}.settings-list{display:grid}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-copy{display:grid;gap:3px}.setting-copy b{font-size:12px}.setting-copy span{color:var(--muted);font-size:12px;line-height:1.45}.switch{position:relative;width:39px;height:22px;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch span{display:block;width:100%;height:100%;border-radius:999px;background:#d9e1dc;transition:.15s ease}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);transition:.15s ease}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translateX(17px)}[dir="rtl"] .switch input:checked+span:after{transform:translateX(-17px)}
.friends-section{display:grid;gap:8px;margin-bottom:18px}.friends-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:12px}.friend-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.friend-copy{min-width:0;flex:1}.friend-copy b{display:block;font-size:12px}.friend-copy span{display:block;color:var(--muted);font-size:12px}.friend-actions{display:flex;gap:5px}.tiny-btn{min-height:31px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink-2);font-size:12px;font-weight:850}.tiny-btn:hover{background:var(--surface-3)}.tiny-btn.danger{border-color:#efcbd0;background:var(--danger-soft);color:var(--danger)}
.mod-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.mod-stat{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.mod-stat b{display:block;font-size:20px;letter-spacing:-.03em}.mod-stat span{color:var(--muted);font-size:12px}.mod-section{margin-top:16px}.mod-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px}.mod-list{display:grid;gap:8px}.mod-card{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.mod-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mod-card-head b{font-size:12px}.mod-card-head span{color:var(--muted);font-size:12px}.mod-card p{margin:7px 0;color:var(--muted);font-size:12px}.mod-actions{display:flex;gap:5px;flex-wrap:wrap}.mod-actions button{min-height:30px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:12px;font-weight:850}.mod-actions .warn{color:var(--warning);background:var(--warning-soft)}.mod-actions .ban,.mod-actions .kick{color:var(--danger);background:var(--danger-soft)}.mod-actions .resolve{color:var(--success);background:var(--accent-faint)}.mod-user-state{display:inline-flex;margin-inline-start:4px;padding:2px 5px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:12px}.announcement-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.announcement-box button{min-height:43px;border:0;border-radius:11px;background:var(--ink);color:#fff;padding:8px 12px;font-size:12px;font-weight:850}.mod-log{display:grid}.mod-log-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.mod-log-row time{color:var(--muted)}.report-options{display:grid;gap:6px}.report-option{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);font-size:12px}.report-option input{margin-top:2px;accent-color:var(--danger)}.report-target{margin-bottom:12px;padding:9px 11px;border-radius:10px;background:var(--surface-3);color:var(--muted);font-size:12px}

/* UI dialog */
.ui-dialog-backdrop,.zhakaw-dialog-backdrop{background:rgba(7,19,13,.52)!important}.ui-dialog-card,.zhakaw-dialog{border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;color:var(--ink)!important;box-shadow:var(--shadow-lg)!important}.ui-dialog-head,.zhakaw-dialog-head{border-color:var(--line)!important}.ui-dialog-primary,.zhakaw-dialog-button.primary{background:var(--ink)!important;color:#fff!important;border-radius:10px!important}.ui-dialog-secondary,.zhakaw-dialog-button{border-color:var(--line)!important;border-radius:10px!important;background:var(--surface-2)!important;color:var(--ink)!important}.ui-dialog-field,.zhakaw-dialog-input{border:1px solid var(--line-strong)!important;border-radius:11px!important;background:var(--surface-2)!important;color:var(--ink)!important}.zhakaw-dialog-copy{color:var(--muted)!important}

/* Compatibility modules: normalize every injected view into the same product. */
[id^="v6"],[id^="v7"]{font-family:inherit}
.v67-story-rail,#v68Pins,.v71-private-tools,.v71-typing,.v71-private-panel{background:var(--surface)!important;border-color:var(--line)!important}.v67-story-rail{padding-inline:14px!important}
.v67-tabs,.v72-tabs,.v712-tabs{background:var(--surface)!important;border-color:var(--line)!important;gap:4px!important}.v67-tab,.v72-tab,.v712-tab{background:var(--surface-2)!important;color:var(--ink-2)!important;border:1px solid transparent!important;border-radius:9px!important;font-size:12px!important;font-weight:850!important}.v67-tab.active,.v72-tab.active,.v712-tab.active{background:var(--ink)!important;color:#fff!important}
.v67-card,.v72-card,.v712-card,.v73-card,.v74-card,.v76-card{border-color:var(--line)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;color:var(--ink)!important}.v67-stat,.v712-stat{border-color:var(--line)!important;background:var(--surface-2)!important;border-radius:11px!important}
.v67-btn,.v72-btn,.v712-btn,.v73-btn,.v74-btn{border-radius:9px!important;background:var(--ink)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;box-shadow:none!important}.v67-btn.secondary,.v72-btn.secondary,.v712-btn.secondary,.v73-btn.secondary,.v74-btn.secondary{background:var(--surface-2)!important;color:var(--ink-2)!important;border:1px solid var(--line)!important}.v67-btn.danger,.v72-btn.danger,.v712-btn.danger,.v74-btn.danger{background:var(--danger-soft)!important;color:var(--danger)!important;border:1px solid #efccd1!important}
.v67-field,.v67-row input,.v67-row select,.v72-field,.v712-field,.v73-field,.v74-field,.v74-body input,.v74-body textarea,.v74-body select,.v65-admin-grid input,.v66-rank-select,.v66-status-row select,.v68-online-tools input,.v68-online-tools select{border:1px solid var(--line-strong)!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;font-size:12px!important}
#v67StoryModal .modal-card,#v712AddonModal .modal-card,#v74Modal .modal-card{border-color:var(--line)!important;background:#fff!important}.v712-notice{border-color:var(--line)!important;border-radius:11px!important}.v712-notice-more{padding:3px 6px!important}.v712-snow-layer{pointer-events:none!important;opacity:.42!important}.v74-dock{border-radius:999px!important;background:var(--ink)!important;box-shadow:var(--shadow-md)!important}.v74-min-btn{border-radius:9px!important}.v73-sticker-pop{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--shadow-md)!important}
.v71-private-tools button{border-color:var(--line)!important;border-radius:8px!important;background:var(--surface-2)!important;color:var(--ink-2)!important}.v71-private-panel{background:var(--surface-2)!important}.v79-privacy,.v76-security,.v78-security-center{border-color:var(--line)!important;background:var(--surface-2)!important;border-radius:13px!important;color:var(--ink)!important}.v79-privacy-save{background:var(--ink)!important;border-radius:9px!important}.v77-update-banner,.v78-pwa,.v79-pwa{border-color:#2a4c3f!important;background:#10261f!important;color:#fff!important;box-shadow:var(--shadow-md)!important}.v64-admin,.v65-room-row,.v68-rank-settings{border-color:var(--line)!important;background:var(--surface-2)!important;border-radius:12px!important;color:var(--ink)!important}.v64-user{border-color:var(--line)!important}.v64-user-actions button{border-color:var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:8px!important}.v68-online-tools{background:#fff!important;border-color:var(--line)!important}.v68-pins{background:#fffbf1!important;border-color:#eadfca!important}.v68-filter.active{background:var(--ink)!important;border-color:var(--ink)!important}.v712-code{background:#10221b!important;color:#e8f3ee!important;border-radius:10px!important;padding:10px!important;overflow:auto;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}
.v64-metrics{gap:7px!important}.v64-metric{border-color:var(--line)!important;border-radius:11px!important;background:#fff!important}.v64-search{border-color:var(--line-strong)!important;background:#fff!important;color:var(--ink)!important}.v65-pm-bar{border-color:var(--line)!important;background:var(--surface-2)!important}.v65-pm-tools button,.v65-pm-react{border-color:var(--line)!important;background:#fff!important;color:var(--ink-2)!important}.v65-pm-react.mine{border-color:#abd8c7!important;background:var(--accent-soft)!important}.v66-rank-title,.v76-note{color:var(--muted)!important}.v74-input,.v74-select,.v74-textarea{border-color:var(--line-strong)!important;background:#fff!important;color:var(--ink)!important}.v712-search{border-color:var(--line-strong)!important;background:#fff!important;color:var(--ink)!important}

/* Dark profile theme */
html.v67-dark{
  color-scheme:dark;
  --bg:#0d1411;--surface:#131b17;--surface-2:#18221d;--surface-3:#202c26;--surface-4:#26352d;--ink:#eef4f1;--ink-2:#c6d1cc;--muted:#8c9d95;--muted-2:#6f8279;--line:#26352e;--line-strong:#34483e;--accent:#51c99a;--accent-strong:#78deb8;--accent-soft:#173a2c;--accent-faint:#132b22;--danger:#ef7a84;--danger-soft:#351e22;--warning:#e0ad61;--warning-soft:#32291e;--shadow-xs:0 1px 1px rgba(0,0,0,.15);--shadow-sm:0 8px 24px rgba(0,0,0,.2);--shadow-md:0 18px 48px rgba(0,0,0,.3);--shadow-lg:0 28px 80px rgba(0,0,0,.4)
}
html.v67-dark body,html.v67-dark .messages{background:var(--bg);color:var(--ink)}html.v67-dark .messages{background:linear-gradient(180deg,#111915 0,var(--surface) 180px)}html.v67-dark .main-header,html.v67-dark .modal-head,html.v67-dark .composer-area,html.v67-dark .small-popover,html.v67-dark .popover-item,html.v67-dark .notification-actions,html.v67-dark .popover-head{background:var(--surface)}html.v67-dark .badge,html.v67-dark .online-dot{border-color:var(--surface)}html.v67-dark .msg-text,html.v67-dark .pm-bubble{background:var(--surface)!important}.v67-dark .pm.me .pm-bubble{background:var(--accent-soft)!important}html.v67-dark input,html.v67-dark select,html.v67-dark textarea{color-scheme:dark}

/* RTL */
[dir="rtl"] .ltr-icon{transform:scaleX(-1)}[dir="rtl"] .msg:not(.me) .msg-text{border-radius:15px 5px 15px 15px}[dir="rtl"] .msg.me .msg-text{border-radius:5px 15px 15px 15px}[dir="rtl"] .online-dot{right:auto;left:-1px}[dir="rtl"] .msg-name,[dir="rtl"] .user-name,[dir="rtl"] .menu-item,[dir="rtl"] .room-item{text-align:right}
@media(min-width:1180px){[dir="rtl"] .app-shell{grid-template-columns:var(--members) minmax(0,1fr) var(--sidebar);grid-template-areas:"members workspace sidebar"}}

/* Tablet */
@media(max-width:1179px){
  :root{--sidebar:266px;--members:310px}
  .app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-areas:"sidebar workspace"}
  .members-panel{position:fixed;z-index:55;top:0;bottom:0;inset-inline-end:0;width:min(var(--members),88vw);border:0;border-inline-start:1px solid var(--line);box-shadow:var(--shadow-lg);transform:translateX(105%);transition:transform .2s ease}
  [dir="rtl"] .members-panel{transform:translateX(-105%)}.members-panel.open{transform:translateX(0)}.people-toggle{display:grid}.small-popover{inset-inline-end:14px}
}

/* Mobile */
@media(max-width:799px){
  :root{--header-h:62px}
  .app-shell{display:block;height:100dvh}.chat-workspace{height:100dvh;grid-template-rows:var(--header-h) minmax(0,1fr)}
  .app-sidebar{position:fixed;z-index:55;top:0;bottom:0;inset-inline-start:0;width:min(292px,89vw);border:0;border-inline-end:1px solid var(--sidebar-line);box-shadow:var(--shadow-lg);transform:translateX(-105%);transition:transform .2s ease}[dir="rtl"] .app-sidebar{transform:translateX(105%)}.app-sidebar.open{transform:translateX(0)}.hamburger{display:grid}
  .main-header{padding:0 9px;grid-template-columns:40px minmax(0,1fr) auto;gap:6px}.header-icon{width:36px;height:36px;border-radius:10px}.header-side.end{gap:0}.room-overline{display:none}.room-title{font-size:14px}
  .messages{padding:16px 10px 12px}.day-label{margin-bottom:17px}.msg{grid-template-columns:32px minmax(0,1fr);gap:8px;margin-bottom:13px}.msg.me{grid-template-columns:minmax(0,1fr) 32px}.msg-avatar{width:32px;height:32px;border-radius:10px}.msg-content-wrap{max-width:88%}.msg-text{font-size:12px;padding:8px 10px}.msg-meta{margin-bottom:3px}.msg-tools{opacity:1;transform:none}.msg-tool{padding:3px 5px}
  .composer-area{padding:8px 8px calc(9px + var(--safe-bottom))}.composer-row{grid-template-columns:36px minmax(0,1fr) 36px 40px;border-radius:14px;padding:4px}.composer-tool{width:36px;height:36px}.send-btn{width:40px;height:40px}.composer-input-wrap input{height:40px;padding-inline:5px}.emoji-menu{bottom:67px;inset-inline-end:8px;grid-template-columns:repeat(6,36px)}.emoji-menu button{width:36px;height:36px}
  .small-popover{top:57px;inset-inline:8px;width:auto;max-height:67dvh}.modal-backdrop{padding:7px;align-items:end}.modal-card{width:100%;max-height:92dvh;border-radius:20px 20px 12px 12px}.modal-card.private-card{width:100%;height:89dvh}.modal-head{min-height:58px;padding:10px 12px}.modal-body{padding:14px}
}

/* Auth tablet/mobile */
@media(max-width:899px){
  .auth-shell{display:block;background:var(--bg)}.auth-story{display:none}.auth-entry{padding:18px 16px;place-items:start center}.auth-entry-wrap{width:min(560px,100%)}.auth-topbar{justify-content:space-between;margin:0 0 18px}.auth-mobile-brand{display:flex}.auth-mobile-brand .brand-mark{width:34px;height:34px;border-radius:10px}.auth-mobile-brand .brand-word{font-size:17px}.auth-card{border-radius:22px;padding:27px;box-shadow:var(--shadow-sm)}.auth-footer{padding-bottom:20px}
}
@media(max-width:520px){
  html,body{font-size:14px}.auth-entry{padding:12px 10px}.auth-topbar{margin-bottom:10px}.language-inline button{padding:6px 7px;font-size:12px}.auth-card{padding:22px 18px;border-radius:18px}.auth-brand{margin-bottom:22px}.auth-brand h2{font-size:29px}.grid2{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.auth-links{gap:6px 10px}.profile-upload-actions{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr 1fr}.mod-summary{gap:5px}.mod-stat{padding:10px 6px}.announcement-box{grid-template-columns:1fr}.announcement-box button{min-height:38px}.friend-row{align-items:flex-start}.friend-actions{flex-direction:column}.profile-cover{margin-inline:-14px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.v712-snow-layer{display:none!important}}

/* Ground Zero 7 final compatibility harmonization */
.user-row:hover{background:var(--surface-2)!important;box-shadow:0 0 0 1px var(--line) inset}
.v64-users,.v65-room-actions,.v65-pm-reactions,.v68-online-filters,.v68-rank-actions,.v74-row,.v74-stack,.v76-row,.v712-row{gap:7px!important}
.v64-avatar,.v72-link-logo{border-radius:10px!important;background:var(--surface-3)!important;color:var(--ink-2)!important}
.v67-catalog,.v73-grid,.v73-sticker-grid,.v74-emo-grid,.v74-gifts,.v712-grid,.v712-tools{gap:8px!important}
.v67-pane,.v712-pane,.v72-card-body,.v74-body{color:var(--ink)!important}
.v67-story-caption,.v67-story-name,.v72-info,.v72-perm,.v72-whisper-line,.v73-lastseen,.v73-online-sub,.v74-meta,.v712-meta,.v712-note,.v712-gender,.v78-pwa-text,.v79-pwa-text{color:var(--muted)!important;font-size:12px!important}
.v72-link-card,.v72-shop-card,.v73-sticker-card,.v74-post,.v74-news,.v74-gift,.v74-comment,.v74-blockrow,.v76-device-row,.v78-device,.v712-addon,.v712-track{border-color:var(--line)!important;background:var(--surface)!important;border-radius:12px!important;color:var(--ink)!important}
.v72-action,.v73-save,.v74-inline-delete,.v74-emo-del,.v79-action,.v79-dismiss,.v712-toggle{border-radius:8px!important;font-weight:850!important}
.v72-action,.v73-save,.v79-action{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.v721-drawer-btn{border-color:var(--line)!important;background:var(--surface)!important;color:var(--ink-2)!important;border-radius:11px!important}.v721-drawer-btn:hover{background:var(--surface-2)!important}.v721-drawer-icon{background:var(--accent-soft)!important;color:var(--accent-strong)!important;border-radius:9px!important}
.v72-whisper-control,.v72-whisper-feed{border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--ink-2)!important}.v68-mention{color:var(--accent-strong)!important}.v68-pin{border-color:#ded4b8!important;background:#fffaf0!important;color:var(--ink-2)!important}.v68-pin b{color:#8c641c!important}
.v67-wallet,.v67-feature-status,.v73-badges,.v73-periods,.v73-settings,.v76-security,.v79-privacy{border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--ink)!important}
.v67-avatar-frame,.v67-pet,.v67-asset,.v67-char,.v67-ttt,.v712-gif,.v712-gem{border-color:var(--line)!important;background:var(--surface)!important;border-radius:10px!important}.v712-gem.sel{outline-color:var(--accent)!important}
.v712-hero{border-color:#bfe4d5!important;background:var(--accent-faint)!important}.v712-hero p{color:var(--muted)!important}.v712-health{border-color:#b9dfd0!important;background:#fff!important;color:var(--accent-strong)!important}.v712-pill{background:var(--surface-3)!important;color:var(--ink-2)!important}.v712-pill.ok{background:var(--accent-soft)!important;color:var(--accent-strong)!important}.v712-pill.local{background:#edf4fb!important;color:#315f91!important}
.v712-notice-banner,.v712-notice{border-color:#e9dab7!important;background:#fff9eb!important;color:#7a571a!important}.v712-notice.ad{border-color:#cadaeb!important;background:#f2f7fb!important}.v712-notice.event{border-color:#dcd3ec!important;background:#f8f6fb!important}
.v74-dock,.v712-backtop{background:var(--ink)!important;color:#fff!important}.v74-pm-emo,.v65-pm-attach{color:var(--muted)!important;border-radius:9px!important}.v74-pm-emo:hover,.v65-pm-attach:hover{background:var(--surface-3)!important;color:var(--ink)!important}
.v76-qr{border-color:var(--line)!important;border-radius:11px!important}.v76-recovery{border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--ink)!important}
.v79-privacy-error{border-color:#efc9cf!important;background:var(--danger-soft)!important;color:var(--danger)!important}.v79-privacy-select{border-color:var(--line-strong)!important;background:#fff!important;color:var(--ink)!important}

/* Ground Zero 7: theme, accessibility and interaction polish */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:2000;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-180%);padding:10px 14px;border-radius:10px;background:var(--ink);color:var(--surface);font-weight:900;box-shadow:var(--shadow-md);transition:transform .15s ease}.skip-link:focus{transform:none;outline:3px solid var(--accent);outline-offset:2px}
.auth-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-2)}.theme-toggle:hover{background:var(--surface-2);color:var(--ink)}.theme-toggle svg{width:18px;height:18px}.theme-header{border-color:transparent;background:transparent}.theme-header:hover{border-color:var(--line);background:var(--surface-2)}
.composer-row:focus-within{border-color:#82bea6;box-shadow:0 0 0 4px rgba(10,143,99,.08)}
.msg-text{overflow-wrap:anywhere}.messages{scroll-padding-block:28px 120px}.room-item,.menu-item{min-height:44px}.header-icon{min-width:40px;min-height:40px}

/* Make the existing profile theme a complete application theme rather than a partial one. */
html.v67-dark .auth-entry{background:linear-gradient(180deg,#101813,var(--bg))}
html.v67-dark .auth-card{background:var(--surface);border-color:var(--line);box-shadow:0 22px 58px rgba(0,0,0,.28)}
html.v67-dark .language-inline{background:var(--surface);border-color:var(--line)}
html.v67-dark .language-inline button.active{background:var(--accent-soft);color:var(--accent-strong)}
html.v67-dark .auth-panel .primary,html.v67-dark .auth-menu .create-link,html.v67-dark .send-btn,html.v67-dark .save-btn{background:var(--accent);color:#071711}
html.v67-dark .auth-panel .primary:hover,html.v67-dark .send-btn:hover,html.v67-dark .save-btn:hover{background:var(--accent-strong)}
html.v67-dark .field input,html.v67-dark .field select,html.v67-dark .profile-form input,html.v67-dark .profile-form textarea,html.v67-dark .announcement-box input,html.v67-dark .pm-composer input{background:var(--surface-2);border-color:var(--line-strong)}
html.v67-dark .field input:focus,html.v67-dark .field select:focus,html.v67-dark .profile-form input:focus,html.v67-dark .profile-form textarea:focus,html.v67-dark .announcement-box input:focus,html.v67-dark .pm-composer input:focus{background:var(--surface)}
html.v67-dark .members-panel,html.v67-dark .chat-workspace,html.v67-dark .chat-body{background:var(--surface)}
html.v67-dark .main-header{border-color:var(--line)}
html.v67-dark .composer-row,html.v67-dark .reply-bar,html.v67-dark .image-preview-bar{background:var(--surface-2);border-color:var(--line)}
html.v67-dark .theme-toggle{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}
html.v67-dark .v67-card,html.v67-dark .v72-card,html.v67-dark .v712-card,html.v67-dark .v73-card,html.v67-dark .v74-card,html.v67-dark .v76-card,
html.v67-dark .v64-metric,html.v67-dark .v72-link-card,html.v67-dark .v72-shop-card,html.v67-dark .v73-sticker-card,html.v67-dark .v74-post,html.v67-dark .v74-news,html.v67-dark .v74-gift,html.v67-dark .v74-comment,html.v67-dark .v74-blockrow,html.v67-dark .v76-device-row,html.v67-dark .v78-device,html.v67-dark .v712-addon,html.v67-dark .v712-track,
html.v67-dark #v67StoryModal .modal-card,html.v67-dark #v712AddonModal .modal-card,html.v67-dark #v74Modal .modal-card{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
html.v67-dark .v67-field,html.v67-dark .v67-row input,html.v67-dark .v67-row select,html.v67-dark .v72-field,html.v67-dark .v712-field,html.v67-dark .v73-field,html.v67-dark .v74-field,html.v67-dark .v74-body input,html.v67-dark .v74-body textarea,html.v67-dark .v74-body select,html.v67-dark .v64-search,html.v67-dark .v65-admin-grid input,html.v67-dark .v66-rank-select,html.v67-dark .v66-status-row select,html.v67-dark .v68-online-tools input,html.v67-dark .v68-online-tools select,html.v67-dark .v712-search{background:var(--surface-2)!important;border-color:var(--line-strong)!important;color:var(--ink)!important}
html.v67-dark .v64-user-actions button,html.v67-dark .v65-pm-tools button,html.v67-dark .v65-pm-react,html.v67-dark .v68-online-tools,html.v67-dark .v721-drawer-btn,html.v67-dark .v79-privacy-select{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--ink-2)!important}
html.v67-dark .v68-pin{background:#2a2418!important;border-color:#5f4d2d!important;color:#d9c79e!important}
html.v67-dark .v712-health{background:var(--surface-2)!important}
html.v67-dark .v712-pill.local{background:#172638!important;color:#9fc3ed!important}
html.v67-dark .v712-notice-banner,html.v67-dark .v712-notice{background:#2d271c!important;border-color:#5d4d2f!important;color:#e2c98f!important}
html.v67-dark .v712-notice.ad{background:#172638!important;border-color:#314b66!important;color:#a9c8e8!important}
html.v67-dark .v712-notice.event{background:#251f31!important;border-color:#4a3b61!important;color:#cdb8e9!important}
html.v67-dark .v76-recovery,html.v67-dark .v67-wallet,html.v67-dark .v67-feature-status,html.v67-dark .v73-badges,html.v67-dark .v73-periods,html.v67-dark .v73-settings,html.v67-dark .v76-security,html.v67-dark .v79-privacy{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--ink)!important}

@media(max-width:799px){
  .main-header{grid-template-columns:44px minmax(0,1fr) auto}.header-icon{width:42px;height:42px}.theme-header{display:grid}.composer-row{grid-template-columns:40px minmax(0,1fr) 40px 44px}.composer-tool{width:40px;height:40px}.send-btn{width:44px;height:44px}.composer-input-wrap input{height:44px}
}
@media(max-width:460px){.theme-header{display:none}.auth-actions{gap:5px}.theme-toggle{width:38px;height:38px}.language-inline button{padding-inline:6px}}