/* Paper chat — this exact stylesheet is the editable original-skin example. */
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) {
 --chat-paper:#fcfcfa; --chat-card:#fff; --chat-ink:#262625; --chat-muted:#767672;
 --chat-user:#666663; --chat-user-ink:#fff; --chat-reply:#f2f2ef; --chat-reply-ink:#262625;
 --chat-edge:#e7e7e2; --chat-radius:23px; --chat-font:'CustomUserFont',-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;
 --im-user:var(--chat-user); --im-user-text:var(--chat-user-ink); --im-ai:var(--chat-reply); --im-ai-text:var(--chat-reply-ink);
 --im-glass:var(--chat-card); --im-glass-border:var(--chat-edge); --im-meta:var(--chat-muted);
 background:var(--chat-paper); color:var(--chat-ink); font-family:var(--chat-font); overflow-x:hidden;
}
[data-theme="dark"] :is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) {
 --chat-paper:#0e0e0e; --chat-card:#151515; --chat-ink:#f1f1ed; --chat-muted:#aaa9a5;
 --chat-user:#494949; --chat-user-ink:#fff; --chat-reply:#202020; --chat-reply-ink:#f1f1ed; --chat-edge:#303030;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #chat-bg-layer { display:block; overflow:hidden; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) > .topbar {
 position:relative !important; inset:auto !important; flex:0 0 auto; display:grid !important;
 grid-template-columns:40px minmax(0,1fr) auto; grid-template-rows:36px auto; gap:10px 8px;
 height:auto !important; min-height:144px; padding:calc(8px + var(--safe-top)) 16px 18px !important;
 background:var(--chat-card) !important; border:0 !important; border-bottom:1px solid var(--chat-edge) !important;
 border-radius:0 0 26px 26px; box-shadow:0 3px 12px rgba(0,0,0,.025) !important; pointer-events:auto;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-topbar-leading { position:static !important; grid-column:1; grid-row:1; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-topbar-actions { position:static !important; grid-column:3; grid-row:1; gap:2px; max-width:92px; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-conversation-caption { grid-column:2; grid-row:1; align-self:center; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:600; color:var(--chat-muted); text-align:center; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .topbar-btn,:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-model-btn {
 width:36px !important; min-width:36px; height:36px !important; padding:0; background:transparent !important;
 color:var(--chat-muted) !important; border:0 !important; border-radius:10px !important; backdrop-filter:none !important; box-shadow:none !important;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #chat-model-label { display:none; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-identity-btn {
 position:static !important; grid-row:2; grid-column:1/-1; transform:none !important; display:flex; flex-direction:row;
 align-items:center; justify-content:flex-start; gap:16px; width:100%; height:auto; min-width:0; min-height:64px; padding:4px 64px 0 0;
 color:var(--chat-ink); background:transparent !important; text-align:left; cursor:default;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-identity-btn:active { opacity:1; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-avatar-button { display:block; flex:0 0 auto; width:fit-content; height:fit-content; margin:0; padding:0; border:0; border-radius:50%; background:transparent; line-height:0; clip-path:circle(50%); cursor:pointer; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-avatar-button:focus-visible .chat-header-avatar { box-shadow:inset 0 0 0 2px var(--chat-ink); }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-avatar-button:active { opacity:.72; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-header-avatar { width:60px; height:60px; flex:0 0 60px; border-radius:50%; border:1px solid var(--chat-edge); box-shadow:none; overflow:hidden; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-header-avatar img { width:100%; height:100%; object-fit:cover; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-identity-meta { display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #chat-title { position:static; transform:none; max-width:100%; overflow:hidden; text-overflow:ellipsis; font-family:var(--chat-font) !important; font-size:18px !important; font-weight:650; color:var(--chat-ink) !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-profile-note { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; max-width:100%; font-size:12px; line-height:1.5; color:var(--chat-muted); }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-profile-note:empty { display:none; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-identity-chevron { display:none; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #typing-status { font-size:11px; color:var(--chat-muted); }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-messages {
 flex:1; min-height:0; min-width:0; width:100%; padding:20px 18px 12px !important; overflow-x:hidden;
 background:var(--chat-paper); gap:8px; scroll-behavior:auto;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"])[data-chat-has-background="true"] .chat-messages { background:transparent; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .date-stamp { color:var(--chat-muted) !important; font-family:var(--chat-font); }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .date-stamp:not(:empty)::before { content:none; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row { width:100%; min-width:0; padding:0 !important; gap:0 !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-avatar { display:none !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-body { min-width:0; max-width:min(88%,620px) !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .bubble {
 min-width:0; max-width:100%; font-family:var(--chat-font) !important; font-size:var(--font-size,14px) !important; line-height:1.65 !important;
 border-radius:var(--chat-radius) !important; padding:11px 14px !important; overflow-wrap:anywhere; isolation:isolate;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.ai .bubble { background:var(--chat-reply) !important; color:var(--chat-reply-ink) !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.user .bubble { background:var(--chat-user) !important; color:var(--chat-user-ink) !important; }
/* Curved tails overlap the rounded body; no background-coloured cutout, so photos work too. */
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .voice-bubble { isolation:isolate; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row .bubble::after,
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row .voice-bubble::after {
 width:26px !important; height:24px !important; bottom:0; border-radius:0 !important; z-index:-1;
 clip-path:path('M 0 0 H 20 C 19 10 20 16 26 22 C 17 25 10 21 6 17 H 0 Z') !important;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.user .bubble::after,
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.user .voice-bubble::after { right:-6px !important; left:auto !important; background:var(--chat-user) !important; transform:none !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.ai .bubble::after,
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.ai .voice-bubble::after { left:-6px !important; right:auto !important; background:var(--chat-reply) !important; transform:scaleX(-1) !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.user + .msg-row.ai,:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.ai + .msg-row.user { margin-top:20px !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .bubble-time { font-family:var(--chat-font); font-size:11px !important; color:var(--chat-muted) !important; }
#page-chat .bubble-usage[hidden] { display:none !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .bubble > .bubble-time { display:inline-block; margin-left:8px; padding:0 !important; white-space:nowrap; font-size:10px !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .msg-row.user .bubble > .bubble-time { color:var(--chat-user-ink) !important; opacity:.8; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .bubble-quote { background:color-mix(in srgb,var(--chat-reply-ink) 8%,var(--chat-card)) !important; color:var(--chat-ink) !important; border-radius:15px !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-compose-stack {
 position:relative !important; inset:auto !important; flex:0 0 auto; width:100%; min-width:0; max-width:none;
 padding:8px 10px calc(8px + var(--safe-bottom)); background:var(--chat-card) !important;
 border:1px solid var(--chat-edge) !important; border-bottom:0 !important; border-radius:26px 26px 0 0; box-shadow:none !important;
}
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-compose-toolbar { display:flex; align-items:center; justify-content:space-between; padding:0 6px 5px; gap:12px; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-compose-toolbar button { display:flex; align-items:center; gap:8px; color:var(--chat-muted); font-family:var(--chat-font); font-size:12px; padding:5px 2px; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-compose-toolbar svg { width:19px; height:19px; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #input-bar { width:100% !important; min-width:0; min-height:48px; margin:0 !important; padding:0 !important; gap:8px !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .input-plus { width:34px !important; min-width:34px; flex:0 0 34px; border-radius:10px !important; color:var(--chat-muted) !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .input-plus svg { width:26px; height:26px; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .input-plus.active { transform:none !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .input-wrap { flex:1; min-width:0; padding:10px 14px !important; background:var(--chat-reply) !important; border:0 !important; border-radius:22px !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .input-wrap:focus-within { box-shadow:inset 0 0 0 1px var(--chat-edge) !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #msg-input { width:100%; min-width:0; font-family:var(--chat-font); color:var(--chat-ink) !important; outline:none !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #msg-input::placeholder { color:var(--chat-muted) !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #send-btn { position:static !important; inset:auto !important; flex:0 0 36px; width:36px !important; height:36px !important; margin-bottom:4px; background:var(--chat-user) !important; color:var(--chat-user-ink) !important; border:0 !important; border-radius:12px !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #send-btn svg { width:20px !important; height:20px !important; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .attach-panel { max-width:100%; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #attach-panel:not(.effects-open) #attach-effects-view { display:none; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #attach-panel.effects-open { width:calc(100vw - 32px) !important; max-width:420px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #attach-panel.effects-open #attach-effects-view { position:static; width:100%; max-width:100%; transform:none !important; align-self:start; }
#page-chat.archive-reader .chat-conversation-caption { display:none; }
:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-search-bar { position:relative; inset:auto; flex:0 0 auto; }
body.chat-keyboard-open :is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) > .topbar { min-height:86px; grid-template-rows:28px auto; gap:2px 8px; padding-top:4px !important; padding-bottom:6px !important; border-radius:0 0 18px 18px; }
body.chat-keyboard-open :is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-header-avatar { width:34px; height:34px; flex-basis:34px; }
body.chat-keyboard-open :is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-identity-btn { min-height:36px; gap:10px; }
body.chat-keyboard-open :is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) #chat-title { font-size:15px; }
body.chat-keyboard-open :is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-profile-note { display:none; }
body.chat-keyboard-open :is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-compose-stack { padding-bottom:8px; }
@media(max-width:350px){:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) > .topbar{padding-inline:12px !important;}:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-header-avatar{width:48px;height:48px;flex-basis:48px;}:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-messages{padding-inline:12px !important;}}
@media(prefers-reduced-motion:reduce){:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .chat-messages,:is(#page-chat:not(.archive-reader), #page-roleplay[data-rp-view="chat"]) .bubble{transition:none;}}

/* Merle compact layout */
/* Saved custom skins retain the paper foundation above. Built-ins use July's
   compact header/composer, with the current palette and curved bubble tails. */
#page-chat[data-chat-layout="compact"]:not(.archive-reader) {
 --chat-header-height:calc(96px + var(--safe-top));
 --chat-button-background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.20));
 --chat-button-border:rgba(60,60,67,.16);
 --chat-button-shadow:0 5px 18px rgba(28,28,30,.09),inset 0 1.5px 2px rgba(255,255,255,.82),inset 0 -1px 2px rgba(255,255,255,.18);
 --chat-button-active:rgba(255,255,255,.78);
 /* Match the browser/status-bar canvas, then ease into the transcript below. */
 --chat-header-surface:#FAF9F5;
 --chat-header-fade-depth:160px;
 --chat-header-background:linear-gradient(180deg,
  var(--chat-header-surface) 0,
  var(--chat-header-surface) calc(var(--safe-top) + var(--chat-header-fade-depth)*.10),
  color-mix(in srgb,var(--chat-header-surface) 98%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.20),
  color-mix(in srgb,var(--chat-header-surface) 93%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.30),
  color-mix(in srgb,var(--chat-header-surface) 82%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.41),
  color-mix(in srgb,var(--chat-header-surface) 66%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.525),
  color-mix(in srgb,var(--chat-header-surface) 46%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.6375),
  color-mix(in srgb,var(--chat-header-surface) 27%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.75),
  color-mix(in srgb,var(--chat-header-surface) 11%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.8625),
  color-mix(in srgb,var(--chat-header-surface) 3%,transparent) calc(var(--safe-top) + var(--chat-header-fade-depth)*.9375),
  transparent calc(var(--safe-top) + var(--chat-header-fade-depth)));
}
[data-theme="dark"] #page-chat[data-chat-layout="compact"]:not(.archive-reader) {
 --chat-header-surface:#1F1E1D;
 --chat-button-background:linear-gradient(135deg,rgba(73,73,77,.72),rgba(28,28,30,.32));
 --chat-button-border:rgba(255,255,255,.15);
 --chat-button-shadow:0 6px 20px rgba(0,0,0,.24),inset 0 1px 1.5px rgba(255,255,255,.14),inset 0 -1px 2px rgba(0,0,0,.16);
 --chat-button-active:rgba(72,72,74,.82);
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) > .topbar {
 position:absolute !important; inset:0 0 auto !important; min-height:var(--chat-header-height); grid-template-columns:88px minmax(0,1fr) 88px; grid-template-rows:auto; gap:0 8px;
 padding:calc(6px + var(--safe-top)) 12px 8px !important;
 background:transparent !important; border:0 !important; border-radius:0; box-shadow:none !important; isolation:isolate; overflow:visible;
 -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) > .topbar::before {
 content:""; position:absolute; inset:0 0 auto; height:calc(var(--safe-top) + var(--chat-header-fade-depth));
 background:var(--chat-header-background); z-index:-1; pointer-events:none;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-topbar-leading,
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-topbar-actions { align-self:start; margin-top:8px; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-topbar-actions { justify-self:end; gap:6px; overflow:visible; border-radius:0; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) :is(.topbar-btn,.chat-model-btn),
#page-chat[data-chat-layout="compact"]:not(.archive-reader) #btn-chat-search {
 width:40px !important; min-width:40px !important; height:40px !important; border-radius:50% !important;
 background:var(--chat-button-background) !important; border:1px solid var(--chat-button-border) !important;
 box-shadow:var(--chat-button-shadow) !important;
 -webkit-backdrop-filter:blur(24px) saturate(180%) !important; backdrop-filter:blur(24px) saturate(180%) !important;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) :is(.topbar-btn,.chat-model-btn):active,
#page-chat[data-chat-layout="compact"]:not(.archive-reader) #btn-chat-search:active { background:var(--chat-button-active) !important; transform:scale(.94) !important; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-conversation-caption { display:none; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-identity-btn {
 grid-row:1; grid-column:2; min-height:76px; padding:0; gap:3px;
 flex-direction:column; align-items:center; justify-content:center; text-align:center;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-header-avatar { width:44px; height:44px; flex-basis:44px; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-identity-meta { align-items:center; gap:2px; max-width:100%; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) #chat-title { font-size:13px !important; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-profile-note { -webkit-line-clamp:1; font-size:10px; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-messages {
 padding-top:calc(var(--chat-header-height) + 12px) !important; scroll-padding-top:calc(var(--chat-header-height) + 12px);
 padding-bottom:calc(var(--chat-compose-height, 62px) + 18px) !important;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .bubble { padding:6px 10px !important; line-height:1.55 !important; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .msg-body > .bubble-time {
 align-self:flex-end; display:block; margin:0; padding:0 4px !important;
 color:var(--chat-muted) !important; font-size:10px !important; line-height:14px; opacity:1;
}
/* An external timestamp is a div too, so :last-of-type no longer finds the
   final bubble. Select the last content bubble independently of its time. */
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .msg-row.user:not(:has(+ .msg-row.user)) .msg-body > :is(.bubble,.voice-bubble):not(:has(~ :is(.bubble,.voice-bubble)))::after,
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .msg-row.ai:not(:has(+ .msg-row.ai)) .msg-body > :is(.bubble,.voice-bubble):not(:has(~ :is(.bubble,.voice-bubble)))::after {
 content:""; position:absolute; pointer-events:none;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-compose-stack {
 position:absolute !important; inset:auto 0 0 !important; padding:0;
 background:transparent !important; border:0 !important; border-radius:0; box-shadow:none !important;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-compose-toolbar { display:none; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) #input-bar {
 position:relative !important; width:min(820px, 100%) !important; min-height:58px;
 margin:0 auto !important; padding:8px 10px calc(8px + var(--safe-bottom)) !important;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .input-plus { height:42px !important; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) .input-wrap { padding:10px 42px 10px 14px !important; }
#page-chat[data-chat-layout="compact"]:not(.archive-reader) #send-btn {
 position:absolute !important; inset:auto 16px calc(14px + var(--safe-bottom)) auto !important;
 width:30px !important; height:30px !important; margin:0; border-radius:50% !important;
}
#page-chat[data-chat-layout="compact"]:not(.archive-reader) #send-btn svg { width:16px !important; height:16px !important; }
body.chat-keyboard-open #page-chat[data-chat-layout="compact"]:not(.archive-reader) { --chat-header-height:64px; --chat-header-fade-depth:112px; }
body.chat-keyboard-open #page-chat[data-chat-layout="compact"]:not(.archive-reader) > .topbar { min-height:var(--chat-header-height); grid-template-rows:auto; }
body.chat-keyboard-open #page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-identity-btn { min-height:50px; gap:2px; }
body.chat-keyboard-open #page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-header-avatar { width:30px; height:30px; flex-basis:30px; }
body.chat-keyboard-open #page-chat[data-chat-layout="compact"]:not(.archive-reader) .chat-compose-stack { padding:0; }