*{box-sizing:border-box}:root{--bg:#08070c;--panel:#15111b;--panel2:#1e1723;--line:rgba(255,255,255,.11);--text:#fff;--muted:rgba(255,255,255,.62);--champ:#eadfcf;--violet:#8d76ff;--green:#315846}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Poppins,system-ui,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(141,118,255,.13),transparent 30rem),radial-gradient(circle at 100% 90%,rgba(234,223,207,.08),transparent 30rem),#08070c}.msgHeader{height:72px;padding:0 max(18px,4vw);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(8,7,12,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:4px;color:#fff;text-decoration:none}.navBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:#fff;text-decoration:none;font-size:.75rem;font-weight:600}.page{width:min(1220px,100%);margin:auto;padding:34px 20px 64px}.eyebrow{margin:0 0 8px;color:#e8c97d;font-size:.65rem;font-weight:700;letter-spacing:3px;text-transform:uppercase}.page h1{margin:0 0 7px;font-family:'Space Grotesk',sans-serif;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.95}.sub{margin:0 0 24px;color:var(--muted)}.messagesShell{min-height:660px;height:calc(100vh - 220px);display:grid;grid-template-columns:370px 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.035);box-shadow:0 30px 90px rgba(0,0,0,.34)}.threadsPane{border-right:1px solid var(--line);background:rgba(255,255,255,.025);overflow:auto}.threadsHead{position:sticky;top:0;z-index:2;padding:17px 18px;border-bottom:1px solid var(--line);background:rgba(15,12,19,.95);font-family:'Space Grotesk',sans-serif;font-weight:700}.thread{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;text-align:left;padding:15px 16px;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;cursor:pointer}.thread:hover,.thread.active{background:rgba(234,223,207,.07)}.threadAvatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2c2432,#584a62);font-weight:800;overflow:hidden}.threadAvatar img{width:100%;height:100%;object-fit:cover}.threadMain{min-width:0}.threadName{font-weight:700;font-size:.88rem}.threadPreview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.74rem;margin-top:3px}.threadMeta{display:grid;justify-items:end;gap:6px;color:var(--muted);font-size:.62rem}.unreadDot{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--champ);color:#111;font-weight:800}.chatPane{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.chatTop{padding:17px 20px;border-bottom:1px solid var(--line);background:rgba(15,12,19,.75)}.chatProfileLink{display:block;width:max-content;max-width:100%;padding:0;border:0;background:transparent;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:1.05rem;font-weight:700;text-align:left;cursor:pointer}.chatProfileLink:not(:disabled):hover,.chatProfileLink:not(:disabled):focus{text-decoration:underline;text-underline-offset:3px}.chatProfileLink:disabled{cursor:default;opacity:1}.chatTop span{font-size:.7rem;color:var(--muted)}.chatMessages{overflow:auto;padding:22px;scroll-behavior:smooth}.empty{height:100%;min-height:260px;display:grid;place-items:center;text-align:center;padding:28px;color:var(--muted)}.bubble{width:max-content;max-width:min(75%,640px);margin:9px 0;padding:11px 14px;border-radius:6px 17px 17px 17px;background:#28202f;line-height:1.5;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;border-radius:17px 6px 17px 17px;background:var(--green)}.bubble.system{width:min(100%,680px);max-width:100%;margin:13px auto;text-align:center;background:rgba(234,223,207,.08);color:#ecdba9;border:1px solid rgba(234,223,207,.16)}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;border-top:1px solid var(--line);background:rgba(12,10,15,.95)}.composer textarea{resize:none;min-height:50px;max-height:130px;border:1px solid var(--line);border-radius:14px;background:#17131c;color:#fff;padding:13px 15px;outline:none;font:inherit}.composer button{min-width:92px;border:0;border-radius:14px;background:#fff;color:#111;font-weight:800;padding:0 18px;cursor:pointer}.composer button:disabled{opacity:.5}.skeletonLine{height:72px;margin:0;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.07),rgba(255,255,255,.025));background-size:220% 100%;animation:sk 1.2s linear infinite}@keyframes sk{to{background-position:-120% 0}}@media(max-width:760px){.msgHeader{height:64px}.page{padding:22px 10px 26px}.page h1{font-size:2.4rem}.messagesShell{height:calc(100vh - 175px);min-height:560px;grid-template-columns:1fr;border-radius:18px}.threadsPane{border-right:0}.chatPane{display:none}.messagesShell.chatOpen .threadsPane{display:none}.messagesShell.chatOpen .chatPane{display:grid}.mobileBack{display:inline-flex!important}.bubble{max-width:88%;font-size:.9rem}.chatMessages{padding:14px}.composer{padding:9px}.composer button{min-width:74px}}@media(min-width:761px){.mobileBack{display:none!important}}

/* Requested chat-opening/mobile-composer refinements */
.chatSkeleton{height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:18px 0}
.skBubble{display:block;width:min(62%,420px);height:48px;border-radius:7px 18px 18px 18px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.11),rgba(255,255,255,.04));background-size:220% 100%;animation:sk 1.15s linear infinite}
.skBubble.right{align-self:flex-end;border-radius:18px 7px 18px 18px;width:min(55%,370px)}
.skBubble.short{width:min(38%,260px);height:40px}
@media(max-width:760px){
  .messagesShell.chatOpen{position:fixed;z-index:25;top:64px;right:0;bottom:0;left:0;width:100%;height:auto;min-height:0;border:0;border-radius:0;background:#08070c}
  .messagesShell.chatOpen .chatPane{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}
  .messagesShell.chatOpen .chatMessages{min-height:0;overflow-y:auto;padding-bottom:14px}
  .messagesShell.chatOpen .composer{position:relative;bottom:auto;z-index:3;padding:9px 9px max(9px,env(safe-area-inset-bottom));background:#0c0a0f}
  .messagesShell.chatOpen .composer textarea{min-height:48px;max-height:96px}
  .messagesShell.chatOpen .composer button{min-height:48px}
  body:has(.messagesShell.chatOpen){overflow:hidden}
}
/* Long-chat + mobile-keyboard fix: size the open chat to the visible viewport. */
@media(max-width:760px){
  .messagesShell.chatOpen{
    position:fixed;
    top:64px;
    right:0;
    bottom:auto;
    left:0;
    width:100%;
    height:calc(var(--cyber-chat-viewport-height, 100dvh) - 64px);
    max-height:calc(var(--cyber-chat-viewport-height, 100dvh) - 64px);
    min-height:0;
    overflow:hidden;
  }
  .messagesShell.chatOpen .chatPane{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  .messagesShell.chatOpen .chatTop{min-height:0;flex:0 0 auto}
  .messagesShell.chatOpen .chatMessages{
    min-height:0;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    padding:14px 14px 18px;
  }
  .messagesShell.chatOpen .composer{
    position:relative;
    inset:auto;
    flex:0 0 auto;
    width:100%;
    min-width:0;
    z-index:4;
    padding:9px 9px calc(9px + env(safe-area-inset-bottom));
    background:#0c0a0f;
  }
  .messagesShell.chatOpen .composer textarea{min-width:0;max-width:100%}
  body:has(.messagesShell.chatOpen){
    overflow:hidden;
    overscroll-behavior:none;
  }
}


/* Requested rich messaging: media, replies, timestamps and typing UI */
.composer{display:block}.composerRow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:stretch}.attachMessage{min-width:48px!important;width:48px;padding:0!important;font-size:1.45rem;background:#27212f!important;color:#fff!important;border:1px solid var(--line)!important}.replyBar{margin:0 0 9px;padding:9px 11px;border-left:3px solid var(--champ);background:rgba(234,223,207,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px}.replyBar div{min-width:0;display:grid;gap:2px}.replyBar b{font-size:.72rem;color:#ecdba9}.replyBar span{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replyBar button,.messageMediaPreview button{border:0;background:transparent;color:#fff;font-size:1.25rem;cursor:pointer}.messageMediaPreview{margin:0 0 9px;padding:8px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:grid;grid-template-columns:50px 1fr auto;gap:10px;align-items:center;border-radius:10px}.messageMediaPreview img,.messageMediaPreview video{width:50px;height:50px;object-fit:cover;border-radius:8px}.messageMediaPreview span{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messageWrap{display:flex;align-items:flex-end;gap:6px;margin:9px 0}.messageWrap.mine{justify-content:flex-end}.messageWrap .bubble{margin:0}.replyMessageBtn{border:0;background:transparent;color:var(--muted);font-size:.66rem;cursor:pointer;padding:4px 2px}.messageWrap.mine .replyMessageBtn{order:-1}.messageMeta{display:flex;justify-content:flex-end;gap:7px;margin-top:5px;font-size:.58rem;color:rgba(255,255,255,.55)}.bubble.pending{opacity:.7}.replyQuote{display:grid;gap:2px;margin:-2px -3px 8px;padding:7px 9px;border-left:3px solid rgba(255,255,255,.5);background:rgba(0,0,0,.18);border-radius:7px}.replyQuote b{font-size:.66rem}.replyQuote span{font-size:.7rem;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatMedia{display:block;max-width:min(360px,70vw);max-height:360px;width:100%;margin-top:7px;border-radius:10px;object-fit:cover;background:#000}.messageText{white-space:pre-wrap}.chatTop span{min-height:1em;display:block}
@media(max-width:760px){.composerRow{grid-template-columns:44px minmax(0,1fr) auto;gap:7px}.attachMessage{min-width:44px!important;width:44px!important}.messageWrap{max-width:100%}.messageWrap .bubble{max-width:82%}.replyMessageBtn{font-size:.62rem}.chatMedia{max-width:66vw;max-height:300px}}

.composer[hidden],.replyBar[hidden],.messageMediaPreview[hidden]{display:none!important}

/* Shared chat media: full-screen viewer */
.chatMediaButton{position:relative;display:block;margin-top:7px;padding:0;border:0;background:transparent;cursor:pointer;max-width:min(360px,70vw);border-radius:10px;overflow:hidden}.chatMediaButton .chatMedia{margin:0;max-width:100%;width:100%}.mediaPlayBadge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.62);color:#fff;font-size:1.25rem;pointer-events:none}.messageMediaViewer[hidden]{display:none!important}.messageMediaViewer{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.96);display:grid;place-items:center;padding:56px 62px}.messageViewerStage{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.messageViewerStage img,.messageViewerStage video{max-width:100%;max-height:100%;object-fit:contain;background:#000}.viewerClose,.viewerNav{position:absolute;z-index:2;border:0;background:rgba(20,20,20,.72);color:#fff;cursor:pointer;display:grid;place-items:center}.viewerClose{right:16px;top:14px;width:44px;height:44px;border-radius:50%;font-size:2rem}.viewerNav{top:50%;transform:translateY(-50%);width:48px;height:64px;border-radius:12px;font-size:2.4rem}.viewerPrev{left:10px}.viewerNext{right:10px}.viewerNav:disabled{opacity:.28;cursor:default}.viewerCount{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.6);font-size:.72rem;color:#fff}.mediaViewerOpen{overflow:hidden}@media(max-width:760px){.messageMediaViewer{padding:54px 42px}.viewerNav{width:38px;height:54px}.chatMediaButton{max-width:66vw}}

/* CYBERMUSE_MESSAGE_TIMESTAMP_REPLY_VISIBILITY */
.messageMeta{font-size:.72rem!important;color:rgba(255,255,255,.78)!important;margin-top:6px!important}.replyMessageBtn{font-size:.72rem!important;font-weight:700!important;color:rgba(255,255,255,.72)!important;padding:5px 7px!important;border-radius:999px!important}.replyMessageBtn:hover,.replyMessageBtn:focus{background:rgba(255,255,255,.08)!important;color:#fff!important}.replyQuote{border-left-width:4px!important}.replyQuote b{font-size:.72rem!important}.replyQuote span{font-size:.74rem!important}

/* USA male managed-message history: on-demand normal female account starter */
.managedAccountStarter{padding:12px;border-bottom:1px solid var(--line);background:rgba(234,223,207,.035)}
.managedLoadAccounts{width:100%;border:1px solid rgba(234,223,207,.28);border-radius:12px;background:linear-gradient(135deg,#eadfcf,#cdbd9f);color:#151117;padding:10px 12px;font:700 .76rem Poppins,sans-serif;cursor:pointer}
.managedLoadAccounts:disabled{opacity:.55;cursor:wait}
.managedAccountTools{display:grid;gap:8px;margin-top:9px}
.managedAccountTools[hidden]{display:none!important}
.managedAccountTools input{width:100%;border:1px solid var(--line);border-radius:10px;background:#100d14;color:#fff;padding:9px 10px;font:inherit;font-size:.74rem;outline:none}
.managedAccountStatus{font-size:.66rem;color:var(--muted)}
.managedAccountList{display:grid;gap:6px;max-height:310px;overflow:auto}
.managedAccountCard{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035)}
.managedAccountCard img,.managedAccountAvatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#2c2432;display:grid;place-items:center;font-weight:800}
.managedAccountCard b{display:block;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.managedAccountCard small{display:block;color:var(--muted);font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.managedAccountCard button{border:1px solid rgba(234,223,207,.24);border-radius:999px;background:#201a25;color:#fff;padding:7px 9px;font:700 .62rem Poppins,sans-serif;cursor:pointer}
.managedAccountCard button:disabled{opacity:.55}
@media(max-width:760px){.managedAccountList{max-height:38vh}}


/* 2026-09-17 FEED-STYLE UI UNIFICATION — presentation only */
:root{
  --bg:#0b0910;
  --panel:#151218;
  --panel2:#1b171d;
  --line:rgba(255,255,255,.11);
  --text:#fff;
  --muted:rgba(255,255,255,.61);
  --champ:#eadfcf;
}
html,body{height:100%;background:#0b0910!important}
body{
  min-height:100dvh;
  overflow:hidden;
  background:linear-gradient(180deg,#0b0910 0%,#100d12 100%)!important;
}
.msgHeader{
  height:58px!important;
  padding:0 clamp(12px,2.3vw,28px)!important;
  background:rgba(11,9,16,.97)!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  backdrop-filter:blur(16px)!important;
}
.msgHeader .brand{
  font:700 .72rem/1 'Space Grotesk',sans-serif!important;
  letter-spacing:3px!important;
}
.msgHeader .navBtn{
  min-height:32px!important;
  padding:0 11px!important;
  border:1px solid rgba(234,223,207,.22)!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,rgba(35,28,33,.92),rgba(16,13,17,.96))!important;
  color:#f6f0e7!important;
  font:700 .62rem/1 Poppins,sans-serif!important;
  letter-spacing:.25px!important;
}
.page{
  width:100%!important;
  max-width:none!important;
  height:calc(100dvh - 58px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.messagesShell{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#0f0c11!important;
  grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important;
}
.threadsPane{background:#121015!important}
.threadsHead{
  padding:15px 16px!important;
  background:#121015!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  font:700 .82rem/1 'Space Grotesk',sans-serif!important;
  letter-spacing:.3px!important;
}
.thread{
  min-height:72px!important;
  padding:12px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:#151218!important;
}
.thread:nth-child(even){background:#17141a!important}
.thread:hover,.thread.active{background:#211b20!important}
.threadAvatar{width:44px!important;height:44px!important}
.threadName{font-size:.82rem!important}
.threadPreview{font-size:.7rem!important}
.chatPane{background:#0d0b0f!important;min-height:0!important}
.chatTop{
  min-height:58px!important;
  padding:13px 18px!important;
  background:#151218!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
}
.chatProfileLink{font-size:.9rem!important}
.chatMessages{min-height:0!important;padding:18px!important;background:#0d0b0f!important}
.bubble{background:#211b25!important;border:1px solid rgba(255,255,255,.05)!important}
.bubble.mine{background:#35372d!important}
.composer{
  display:block!important;
  padding:10px 12px!important;
  background:#121015!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
}
.composerRow{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:stretch!important;
}
.composer textarea{
  min-height:44px!important;
  border-radius:5px!important;
  background:#18151b!important;
  border:1px solid rgba(255,255,255,.12)!important;
  padding:10px 12px!important;
  font-size:.78rem!important;
}
.composer button{
  min-width:78px!important;
  min-height:44px!important;
  border-radius:5px!important;
  background:#eadfcf!important;
  color:#17110e!important;
  font:800 .65rem/1 Poppins,sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.5px!important;
}
@media(max-width:760px){
  .msgHeader{height:54px!important;padding:0 10px!important}
  .page{height:calc(100dvh - 54px)!important}
  .messagesShell{height:100%!important;min-height:0!important;grid-template-columns:1fr!important}
  .threadsHead{padding:13px 14px!important}
  .thread{min-height:68px!important;grid-template-columns:44px minmax(0,1fr) auto!important;padding:11px 12px!important}
  .messagesShell.chatOpen{top:54px!important;height:calc(var(--cyber-chat-viewport-height,100dvh) - 54px)!important;max-height:calc(var(--cyber-chat-viewport-height,100dvh) - 54px)!important}
  .messagesShell.chatOpen .composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important}
  .messagesShell.chatOpen .composer textarea{min-height:44px!important}
}

/* 2026-09-17 inbox alignment + system-thread polish */
.threadMain{display:flex;flex-direction:column;min-width:0;align-self:center}.threadName{display:block;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.threadPreview{display:block;width:100%;margin-top:5px;line-height:1.35}.thread.systemThread{background:linear-gradient(90deg,rgba(234,223,207,.08),rgba(255,255,255,.02));border-left:2px solid rgba(234,223,207,.65)}.thread.systemThread .threadAvatar{background:#eadfcf;color:#111;font-family:'Space Grotesk',sans-serif}.systemNoticeCard{max-width:min(92%,720px);margin:12px auto;padding:15px 17px;border:1px solid rgba(234,223,207,.2);background:linear-gradient(145deg,rgba(234,223,207,.09),rgba(255,255,255,.025));border-radius:14px}.systemNoticeCard strong{display:block;color:#eadfcf;font-size:.75rem;letter-spacing:.11em;margin-bottom:6px}.systemNoticeCard p{margin:0;line-height:1.55}.systemNoticeCard time{display:block;margin-top:8px;color:var(--muted);font-size:.68rem}
@media(max-width:760px){.page{padding:0}.messagesShell{height:calc(var(--cyber-chat-viewport-height,100dvh) - 64px);min-height:0;border:0;border-radius:0}.threadsHead{padding:15px 18px}.thread{padding:14px 18px;grid-template-columns:48px minmax(0,1fr) auto}.threadMeta{align-self:start;padding-top:2px}.chatTop{padding:13px 15px}.chatMessages{padding:14px 12px}.composer{padding:9px 10px env(safe-area-inset-bottom,9px)}}

/* 2026-09-17 FEED-STYLE RESPONSIVE POLISH */

:root{--cm-bg:#08070c;--cm-card:#121015;--cm-card2:#17131c;--cm-line:rgba(255,255,255,.12);--cm-muted:rgba(255,255,255,.62);--cm-champ:#eadfcf}
@media(min-width:761px){
 .page{padding:16px!important;max-width:none!important;width:100%!important}
 .messagesShell{width:100%!important;max-width:1600px!important;margin:0 auto!important;height:calc(100dvh - 88px)!important;min-height:620px!important;grid-template-columns:minmax(340px,390px) minmax(0,1fr)!important;border-radius:12px!important;border:1px solid var(--cm-line)!important;background:var(--cm-card)!important;overflow:hidden!important}
 .threadsPane{width:auto!important;min-width:0!important;border-right:1px solid var(--cm-line)!important;background:#100e14!important}
 .threadsHead{padding:16px 18px!important;font-family:'Space Grotesk',Poppins,sans-serif!important;font-size:1rem!important}
 .thread{grid-template-columns:48px minmax(0,1fr) auto!important;padding:13px 15px!important;min-height:74px!important}.threadName{font-size:.9rem!important}.threadPreview{display:block!important;margin-top:4px!important}
 .managedAccountStarter{padding:12px 14px!important}.managedLoadAccounts{width:100%!important;min-height:38px!important;border-radius:8px!important}
 .chatPane{min-width:0!important;background:#0d0b0f!important;grid-template-rows:auto minmax(0,1fr) auto!important}.chatTop{padding:14px 20px!important}.chatMessages{width:100%!important;max-width:980px!important;margin:0 auto!important;padding:22px 28px!important;min-height:0!important;overflow:auto!important}.bubble.system{max-width:820px!important;margin-left:auto!important;margin-right:auto!important}.composer{width:100%!important;max-width:980px!important;margin:0 auto!important;position:sticky!important;bottom:0!important;background:#121015!important;border:1px solid var(--cm-line)!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;padding:11px!important}.composer textarea{border-radius:8px!important;background:#08070c!important}.composer button{border-radius:8px!important}
}



/* 2026-09-17 desktop/mobile composer viewport guarantee — layout only */
@media (min-width:761px){
  .page{height:calc(100dvh - 72px)!important;min-height:0!important;padding:14px 18px 18px!important;overflow:hidden!important}
  .messagesShell{height:100%!important;min-height:0!important;max-height:100%!important;grid-template-columns:minmax(320px,28vw) minmax(0,1fr)!important}
  .threadsPane{height:100%!important;min-height:0!important;overflow-y:auto!important}
  .chatPane{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
  .chatMessages{min-height:0!important;height:auto!important;overflow-y:auto!important}
  .composer{position:relative!important;bottom:auto!important;display:block!important;visibility:visible!important;flex:0 0 auto!important;width:min(980px,100%)!important;margin:0 auto!important;z-index:15!important}
  .composer[hidden]{display:none!important}
  .composerRow{display:grid!important;grid-template-columns:48px minmax(0,1fr) 92px!important;gap:8px!important}
  .composer textarea{min-width:0!important;width:100%!important}
  .composer #sendMessage{min-width:92px!important}
}
@media(max-width:760px){
  .messagesShell.chatOpen .chatPane{height:calc(var(--cyber-chat-viewport-height,100dvh) - 64px)!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
  .messagesShell.chatOpen .chatMessages{min-height:0!important;overflow-y:auto!important}
  .messagesShell.chatOpen .composer{position:relative!important;bottom:auto!important;display:block!important;visibility:visible!important}
  .messagesShell.chatOpen .composer[hidden]{display:none!important}
}

/* Wallet gift links inside CYBERMUSE chat */
.messageGiftLink{color:#f3dfbf!important;text-decoration:underline!important;text-underline-offset:3px!important;font-weight:700!important;overflow-wrap:anywhere!important}.messageGiftLink:hover,.messageGiftLink:focus{color:#fff!important}