:root{color-scheme:light;--iframe-accent:#8b6a2f;--iframe-background:#f5f3ee;--iframe-surface:#fff;--iframe-text:#26231f;--iframe-border:#dcd6ca;--iframe-border-width:1px;--bg:var(--iframe-background);--panel:var(--iframe-surface);--panel-2:color-mix(in srgb,var(--iframe-surface) 88%,var(--iframe-background));--text:var(--iframe-text);--muted:color-mix(in srgb,var(--iframe-text) 64%,var(--iframe-background));--border:var(--iframe-border);--radius:14px;--content-space:22px;--outer-space:14px;--head-space:19px;--composer-block:14px;--composer-inline:18px;--footer-block:10px;--footer-inline:18px;--iframe-shadow:0 14px 36px rgba(38,35,31,.12)}
html[data-theme="dark"]{color-scheme:dark}
html[data-radius="compact"]{--radius:5px}html[data-radius="round"]{--radius:24px}
html[data-shadow="none"]{--iframe-shadow:none}html[data-shadow="strong"]{--iframe-shadow:0 24px 70px rgba(0,0,0,.28)}
html[data-spacing="compact"]{--content-space:15px;--outer-space:8px;--head-space:13px;--composer-block:10px;--composer-inline:13px;--footer-block:8px;--footer-inline:13px}html[data-spacing="spacious"]{--content-space:30px;--outer-space:22px;--head-space:26px;--composer-block:20px;--composer-inline:25px;--footer-block:14px;--footer-inline:25px}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{padding:var(--outer-space);background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-expert-shell{display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto;min-height:calc(100vh - (2 * var(--outer-space)));max-width:920px;margin:0 auto;overflow:hidden;background:var(--panel);border:var(--iframe-border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--iframe-shadow)}
.public-expert-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--head-space) var(--content-space);border-bottom:1px solid var(--border)}
.public-expert-head span{display:block;margin-bottom:2px;color:var(--iframe-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.public-expert-head h1{margin:0;font-size:1.14rem;font-weight:650}
.icon-button{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--panel-2);color:var(--text);cursor:pointer}.icon-button:hover{border-color:var(--iframe-accent)}
.public-chat{display:flex;flex-direction:column;gap:14px;min-height:300px;padding:var(--content-space);overflow:auto}
.message{max-width:min(82%,680px);padding:12px 14px;border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere}.message.assistant{align-self:flex-start;background:var(--panel-2);border:1px solid var(--border)}.message.user{align-self:flex-end;background:var(--iframe-accent);color:#fff}.public-chat[data-layout="reading"] .message{align-self:stretch;max-width:none}.public-chat[data-layout="reading"] .message.user{background:transparent;color:var(--iframe-accent);border-left:3px solid var(--iframe-accent);border-radius:0;font-style:italic;padding-block:6px}
.answer-content{white-space:normal}.message.user .answer-content{white-space:pre-wrap}.answer-content>:first-child{margin-top:0}.answer-content>:last-child{margin-bottom:0}.answer-content p{margin:.45em 0}.answer-content h1,.answer-content h2,.answer-content h3,.answer-content h4{margin:.8em 0 .35em;line-height:1.25}.answer-content h1{font-size:1.3em}.answer-content h2{font-size:1.18em}.answer-content h3{font-size:1.08em}.answer-content ul,.answer-content ol{margin:.45em 0;padding-left:1.45em}.answer-content li+li{margin-top:.2em}.answer-content blockquote{margin:.65em 0;padding:.2em 0 .2em .8em;border-left:3px solid var(--iframe-accent);color:var(--muted)}.answer-content pre{max-width:100%;margin:.65em 0;padding:.75em;overflow:auto;border:1px solid var(--border);border-radius:calc(var(--radius) * .65);background:var(--bg);white-space:pre}.answer-content code{padding:.08em .28em;border-radius:4px;background:var(--bg);font:0.9em/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.answer-content pre code{padding:0;background:transparent}.answer-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.answer-content th,.answer-content td{padding:.35em .5em;border:1px solid var(--border);text-align:left}.answer-content a{color:var(--iframe-accent)}
.ai-notice{display:block;margin-top:10px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--muted) 35%,transparent);color:var(--muted);font-size:.72rem;font-style:normal}.sources{display:grid;gap:4px;margin:9px 0 0;padding:9px 0 0;border-top:1px solid var(--border);color:var(--muted);font-size:.75rem}.sources strong{color:var(--text)}
.answer-tools{display:flex;justify-content:flex-start;margin-top:-8px}.read-button{border:0;background:transparent;color:var(--iframe-accent);font-size:.78rem;cursor:pointer}
.public-composer{padding:var(--composer-block) var(--composer-inline);border-top:1px solid var(--border);background:var(--panel)}.public-composer textarea{display:block;width:100%;min-height:62px;max-height:180px;resize:vertical;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--text);outline:none}.public-composer textarea:focus{border-color:var(--iframe-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--iframe-accent) 18%,transparent)}
.composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.composer-actions button{min-height:38px;padding:7px 16px;border:1px solid var(--iframe-accent);border-radius:999px;background:var(--iframe-accent);color:#fff;cursor:pointer}.composer-actions .secondary-action{background:transparent;color:var(--iframe-accent)}.composer-actions button:disabled{opacity:.55;cursor:wait}.public-status{min-height:1.2em;margin:5px 0 0;color:var(--muted);font-size:.78rem}.public-status.is-error{color:#b23b3b}
.public-footer{display:flex;justify-content:space-between;gap:12px;padding:var(--footer-block) var(--footer-inline);border-top:1px solid var(--border);color:var(--muted);font-size:.72rem}.public-footer nav{display:flex;gap:12px}.public-footer a{color:inherit}.mmc-copyright{white-space:nowrap}
@media(max-width:620px){:root{--outer-space:8px}.public-expert-head,.public-chat{padding:16px}.message{max-width:92%}.public-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.message{animation:message-in .18s ease-out}@keyframes message-in{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}}
