/* Presentation adapted from the supplied PromptInput, AIMascot and follow-up rows. */
.ai-mascot{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;background:var(--accent-solid);border-radius:58% 42% 55% 45% / 52% 58% 42% 48%;animation:ai-morph 9s ease-in-out infinite;transition:transform 240ms ease}
.ai-eyes{display:flex;gap:5px;animation:ai-blink 6.5s infinite;transform-origin:center}.ai-eyes i{width:3px;height:7px;background:var(--accent-fg);border-radius:4px}.ai-mascot.awake .ai-eyes{transform:translateX(1px)}
@keyframes ai-morph{33%{border-radius:45% 55% 48% 52% / 58% 44% 56% 42%}66%{border-radius:52% 48% 42% 58% / 45% 52% 48% 55%}}
@keyframes ai-blink{0%,42%,46%,100%{scale:1 1}44%{scale:1 .12}}
.agent-brand{display:flex;align-items:center;gap:9px;background:transparent;border:0;padding:0;color:var(--fg);font-size:13px}.agent-brand:hover .ai-mascot{transform:rotate(-8deg) scale(1.06)}
.assistant-reply{position:relative;animation:none}.assistant-reply .who{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:12px}.response-model{font-size:11px;color:var(--fg-muted);overflow-wrap:anywhere}.assistant-reply .bubble{background:transparent;border:0;padding:0;max-width:100%;line-height:1.85}.assistant-reply .bubble:empty{display:none}.assistant-reply .bubble[hidden]{display:none}.assistant-reply .bubble p:first-child{margin-top:0}
.response-progress{display:flex;align-items:center;gap:9px;margin:0 0 12px;min-height:24px;font-size:12px;font-weight:400;color:var(--fg-muted)}.response-progress[hidden]{display:none}.response-progress-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:chat-pulse 1.6s ease-in-out infinite}.assistant-reply[data-state=writing] .response-progress-dot{animation:none;opacity:.75}.assistant-reply[data-state=writing] .bubble::after{content:'';display:inline-block;width:2px;height:1em;background:var(--accent);vertical-align:middle;margin-inline-start:3px;animation:chat-pulse 1s infinite}
.response-followups{margin-top:16px;display:flex;flex-direction:column;max-width:100%}.followup-row{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:12px 2px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;color:var(--fg-muted);font-size:13px;line-height:1.6;animation:chat-reveal 240ms ease-out both;animation-delay:0ms;transition:color 160ms,background 160ms}.followup-row:hover{color:var(--fg);background:var(--surface-hover)}.followup-row .grow{flex:1}.followup-row svg{width:15px;height:15px;color:var(--fg-muted)}.followup-row:disabled{opacity:.5}.followup-icon{font-size:18px;color:var(--accent)}.followups-pending{font-size:11px;color:var(--fg-muted);padding:8px 0}.response-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:12px 0}.response-tools{margin:12px 0;color:var(--fg-muted);font-size:12px}.response-tools summary{cursor:pointer;padding:8px 0}.response-tools .tool-card-list{margin-top:8px}.assistant-reply .task-done{margin-top:12px}
/* One fixed-width composer; expansion changes only height and available tools. */
.chat-composer{position:relative;min-block-size:72px;inline-size:100%;max-inline-size:var(--content-max);margin-inline:auto;border-radius:20px;background:var(--surface-1);border:1px solid var(--line);padding:32px 14px 12px;gap:8px;transition:border-color 180ms,box-shadow 180ms;overflow:visible}
#homeComposer.chat-composer{min-block-size:72px}
.chat-composer.expanded{border-color:var(--accent-line);box-shadow:0 4px 20px #0001}
.chat-composer textarea{min-block-size:24px;max-block-size:200px;line-height:1.6;resize:none;padding:2px 4px;background:transparent;border:0;font:400 14px/1.6 var(--font-sans);color:var(--fg);width:100%;overflow-y:hidden}
.chat-composer textarea:focus{box-shadow:none;outline:0}
.chat-composer .composer-bar{gap:6px;margin-top:4px}
.chat-composer .composer-activity{position:absolute;inset-block-start:5px;inset-inline-end:10px;padding:0;border:0;background:transparent;height:26px;max-width:calc(100% - 20px)}
.chat-composer .composer-activity .icon-btn{width:26px;height:26px}
.chat-composer .activity-status{font-size:10px}
.chat-composer .activity-popover{inset-inline:0;width:100%;z-index:40}
.chat-composer .send{width:34px;height:34px;border-radius:50%;background:var(--accent-solid);color:var(--accent-fg)}
.chat-composer[aria-busy=true] .send{background:var(--surface-badge);color:var(--fg)}
.composer-collapse{position:absolute;inset-block-start:6px;inset-inline-start:10px;border:0;background:none;color:var(--fg-muted);width:26px;height:26px;display:grid;place-items:center;cursor:pointer}
.composer-collapse svg{width:12px;height:12px;transform:rotate(180deg)}
.chat-composer:not(.expanded) .composer-collapse{display:none}
.composer-model{display:flex;align-items:center;gap:5px;border:0;border-radius:16px;padding:4px 7px;background:transparent;color:var(--fg-muted);font-size:11px;max-width:220px}.composer-model:hover{background:var(--surface-hover);color:var(--fg)}.composer-model .ai-mascot{width:20px;height:20px}.composer-model .ai-eyes{gap:3px}.composer-model .ai-eyes i{width:2px;height:5px}.composer-model svg{width:12px;height:12px}.composer-model-label{max-width:160px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-model-menu{position:absolute;inset-block-end:calc(100% + 10px);inset-inline-start:0;width:min(280px,calc(100vw - 24px));max-height:min(440px,70dvh);overflow:auto;background:var(--surface-2);color:var(--fg);border:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.3);border-radius:12px;padding:8px;z-index:70}.who .chat-model-menu{inset-block-end:auto;inset-block-start:calc(100% + 6px)}.chat-menu-title{display:block;font-size:12px;color:var(--fg-muted);padding:2px 30px 10px 3px}.chat-model-option{display:flex;flex-direction:column;gap:2px;text-align:start;padding:8px 10px;margin:0;width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--fg);min-block-size:40px}.chat-model-option:hover{background:var(--surface-hover)}.chat-model-option[aria-pressed=true]{background:var(--accent-wash);border-color:var(--accent-line)}.chat-model-option:disabled{opacity:.65;cursor:not-allowed}.chat-model-heading{display:flex;gap:9px;align-items:center}.chat-model-detail{font-size:11px;direction:ltr;overflow-wrap:anywhere}.chat-model-reason{font-size:11px;color:var(--fg-muted)}.chat-menu-close{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:26px;height:26px;border:0;background:transparent;color:var(--fg-muted);padding:4px}.chat-notice{font-size:12px;color:var(--fg-muted);line-height:1.6}
.chat-composer #attachTray{grid-column:1/-1;min-inline-size:0;padding:0;margin:4px 0 10px;display:flex;gap:8px;flex-wrap:wrap}.chat-composer #attachTray.hidden{display:none}.chat-composer .attach-tile{position:relative;display:flex;gap:7px;align-items:center;width:128px;min-height:52px;border-radius:12px;padding:5px;border:1px solid var(--line);background:var(--surface-2);margin:0;flex:none}.chat-composer .attach-tile img{width:42px;height:42px;border-radius:8px;object-fit:cover}.chat-composer .attach-tile .name{font-size:10px;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-composer .attach-tile .meta{font-size:9px}.attachment-wrap{position:relative}.attachment-remove{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;width:19px;height:19px;padding:2px;border-radius:50%;z-index:1;background:var(--surface-badge);color:var(--fg);border:1px solid var(--line);display:grid;place-items:center}.attachment-remove svg{width:12px;height:12px}.voice-status{display:block;font-size:11px;color:var(--accent);padding:4px}.chat-voice[data-state=recording]{color:var(--accent);background:var(--accent-wash);animation:chat-pulse 1.6s infinite}
.chat-gallery{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:28px}.chat-gallery-content{position:relative;width:min(100%,1000px);height:min(85vh,800px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.chat-gallery-image{max-width:100%;max-height:calc(100% - 40px);object-fit:contain;border-radius:14px}.chat-gallery-title{color:var(--accent-fg);font-size:12px;overflow-wrap:anywhere}.chat-gallery button{position:absolute;display:grid;place-items:center;border:1px solid var(--line);width:36px;height:36px;border-radius:50%;color:var(--fg);background:var(--surface-2);padding:8px}.chat-gallery-close{inset-block-start:0;inset-inline-end:0}.chat-gallery-prev{inset-inline-start:0;top:50%;transform:rotate(180deg)}.chat-gallery-next{inset-inline-end:0;top:50%}.chat-gallery button[hidden]{display:none}
@keyframes chat-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes chat-pulse{50%{opacity:.35}}
[dir=rtl] .followup-row svg{transform:rotate(180deg)}
.chat-composer:not(.expanded){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:28px 12px 8px}
.chat-composer:not(.expanded) textarea{padding-bottom:2px}
.chat-composer:not(.expanded) .composer-bar{margin:0;gap:4px}
.chat-composer:not(.expanded) .composer-bar>.icon-btn,.chat-composer:not(.expanded) .composer-bar>.spacer{display:none}
.chat-composer .voice-status{grid-column:1/-1}

.chat-model-heading{width:100%;justify-content:space-between;font-size:13px;line-height:20px}
.chat-model-check{color:var(--accent);font-size:14px}
.chat-model-details{padding:0 10px 5px;font-size:11px;color:var(--fg-muted)}
.chat-model-details summary{cursor:pointer;font-size:10px;list-style:none}
.chat-model-details .chat-model-detail{display:block;padding-top:4px;line-height:1.5}
.agent-brand .mone-icon{width:22px;height:22px;color:var(--accent)}
#authForm .auth-brand .ai-mascot{width:42px;height:42px}
#authForm .auth-brand .ai-eyes{gap:8px}
#authForm .auth-brand .ai-eyes i{width:4px;height:10px}
.assistant-reply .response-model{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.mone-prose{font-family:var(--font-response);font-size:16px;font-weight:400;line-height:1.85;font-synthesis:none;white-space:normal;min-inline-size:0;overflow-wrap:anywhere;unicode-bidi:isolate}
.mone-prose p{margin-block:0 12px;font-weight:400;text-align:start}
.mone-prose h1,.mone-prose h2,.mone-prose h3,.mone-prose h4,.mone-prose h5,.mone-prose h6{font-family:var(--font-sans);font-weight:600;line-height:1.5;margin-block:20px 10px;text-align:start}
.mone-prose h1{font-size:22px}.mone-prose h2{font-size:19px}.mone-prose h3{font-size:17px}.mone-prose h4,.mone-prose h5,.mone-prose h6{font-size:15px}
.mone-prose ul,.mone-prose ol{display:block;margin-block:10px 16px;padding-inline-start:24px;list-style-position:outside}
.mone-prose ul{list-style-type:disc}.mone-prose ol{list-style-type:decimal}
.mone-prose li{display:list-item;unicode-bidi:isolate;margin-block:6px;text-align:start}
.mone-prose li p{margin-block:0 6px}.mone-prose li ul,.mone-prose li ol{margin-block:6px}
.mone-prose code{direction:ltr;unicode-bidi:isolate;font-family:var(--font-mono)}
.mone-prose a{unicode-bidi:isolate;overflow-wrap:anywhere}
.mone-prose strong{font-weight:600}.mone-prose blockquote{border-inline-start:3px solid var(--line);padding-inline:14px;margin-block:14px;color:var(--fg-muted)}
.mone-prose hr{height:1px;border:0;background:var(--line);margin-block:20px}
.mone-prose .prose-code{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-block:14px;background:var(--surface-inset)}
.mone-prose .prose-code-head{font-family:var(--font-sans);display:flex;align-items:center;justify-content:space-between;padding:7px 12px;color:var(--fg-muted);font-size:11px;background:var(--surface-2)}
.mone-prose .prose-copy{border:0;background:none;color:inherit;font-size:11px;cursor:pointer}
.mone-prose .prose-code pre{margin:0;border:0;border-radius:0;background:none;padding:12px;white-space:pre;overflow:auto;font:13px/1.6 var(--font-mono)}
.mone-prose .prose-code code{white-space:pre;background:none;padding:0;font-family:var(--font-mono)}
.mone-prose .markdown-table{max-inline-size:100%;overflow:auto;margin-block:14px;border:1px solid var(--line);border-radius:10px}
.mone-prose table{border-collapse:collapse;width:100%;font-size:13px}.mone-prose th,.mone-prose td{padding:9px 12px;border-block-end:1px solid var(--line);text-align:start;vertical-align:top}
.mone-prose th{background:var(--surface-2);font-weight:600}
.msg.user .bubble{white-space:pre-wrap;font-weight:400}
.task-done{font-size:11px;gap:8px;padding-top:8px;border-top:1px solid var(--line);align-self:stretch;justify-content:flex-start}
.quick .chip{font-size:13px;min-block-size:36px;padding-inline:12px}

.new-response{position:absolute;inset-inline-end:24px;inset-block-end:160px;z-index:4;background:var(--surface-2);color:var(--fg);border:1px solid var(--line);border-radius:20px;padding:9px 14px;box-shadow:var(--sh-3)}

/* Mobile keeps the same response typography and 44px interaction targets. */
@media(max-width:600px){
  :root{--gutter:16px}
  .chat-composer{padding-inline:10px;padding-block-start:48px}
  .chat-composer:not(.expanded){padding-block-start:48px}
  .chat-model-option{min-block-size:44px}
  .composer-model{max-width:145px;min-block-size:44px}
  .composer-model-label{max-width:92px}
  .chat-composer .icon-btn,.chat-composer .send,.composer-collapse,.chat-composer .composer-activity .icon-btn{min-inline-size:44px;min-block-size:44px}
  .chat-composer .composer-activity{height:44px;inset-block-start:2px}
  .composer-collapse{inset-block-start:2px}
  .chat-gallery{padding:12px}.chat-gallery button{width:44px;height:44px}
  .attachment-remove{width:32px;height:32px}.attachment-remove::before{content:'';position:absolute;inset:-6px}
  .response-sources{grid-template-columns:1fr}.assistant-reply .response-model{max-width:140px}
}
@media(prefers-reduced-motion:reduce){
  .ai-mascot,.ai-eyes,.followup-row,.response-progress-dot,.chat-voice,.assistant-reply[data-state=writing] .bubble::after{animation:none}
  .chat-composer,.chat-composer textarea,.ai-mascot{transition:none}
}