/* Moo-AI Chat v18 — clean, familiar chat workspace (distinct Moozonian branding). */
:root{--base:#fff;--sidebar:#f8f8f8;--panel:#fff;--hover:#f0f1f2;--text:#1e1e1e;--muted:#62666a;--border:#e5e5e5;--accent:#157c6b;--accent-text:#fff;--bubble:#f3f3f3;--shadow:0 3px 12px rgba(0,0,0,.035)}
:root[data-theme=dark]{--base:#212121;--sidebar:#171717;--panel:#262626;--hover:#303030;--text:#f5f5f5;--muted:#b4b4b4;--border:#414141;--accent:#36a58d;--accent-text:#06231e;--bubble:#303030;--shadow:0 4px 18px rgba(0,0,0,.12)}
body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--base);color:var(--text)}
.sidebar{width:260px;flex-basis:260px;background:var(--sidebar);border:0;padding:14px 11px;gap:10px}
.brand{font-size:17px;font-weight:730}.new-chat{background:transparent;border:0;border-radius:9px;padding:11px 12px;font-weight:620}
.history-search{border-radius:9px;background:var(--panel);border:1px solid var(--border)}
.history-heading{font-size:12px;font-weight:650}.history-item{border-radius:9px}.history-open{font-size:13px;padding:11px 9px}
.main-pane{background:var(--base)}.topbar{height:58px;flex-basis:58px;border-bottom:0;padding:0 23px}
.top-brand{font-weight:720}.product-label{border-left:0;padding-left:4px;font-weight:520;color:var(--muted)}
.top-right .image-link{box-shadow:none;background:var(--bubble);color:var(--text)!important;border:1px solid var(--border);border-radius:9px;font-weight:570}
.chat-main{scroll-behavior:auto}.thread{max-width:850px;padding:24px 34px 36px}.welcome{margin:clamp(35px,14vh,135px) auto 30px}.welcome-icon{background:var(--bubble);color:var(--accent);border-radius:16px}.welcome h1{font-size:clamp(26px,3vw,34px);font-weight:630;letter-spacing:-.9px}
.msg{margin:12px 0 30px;gap:10px}.msg.user{align-items:flex-end}.bubble{border-radius:19px;max-width:min(100%,610px);padding:12px 18px;background:var(--bubble)}
.assistant-label{font-size:13px;font-weight:660}.assistant-mark{color:var(--accent)}.assistant-content{font-size:15.5px;line-height:1.78;min-height:22px}
.progress{box-shadow:none;background:transparent;border:0;padding:0 0 7px;margin:0;color:var(--muted);font-size:12px}.progress.done .progress-heading{font-size:12px}.progress .activity-details{background:var(--panel);border-radius:9px}
.composer-area{border:0;background:var(--base);padding:8px 16px 11px}.composer{max-width:800px;border-radius:26px;padding:12px 15px;box-shadow:0 4px 23px rgba(0,0,0,.065);background:var(--panel)}
.composer textarea{font-size:16px;min-height:44px;max-height:190px}.composer-bottom{gap:6px;flex-wrap:wrap}.send-btn{border-radius:50%;width:37px;height:37px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:17px}
.send-btn span{display:none}.search-toggle{font-size:12px}.suggestion{border-radius:999px;padding:9px 13px;background:var(--panel)}
.footer-note{font-size:11px}.source-chip{border-radius:999px;max-width:220px}.msg-tools button{font-size:12px;border-radius:8px;padding:6px 9px}
.moo-v18-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;max-width:800px;margin:4px auto 0}.moo-v18-pill{background:none;border:0;color:var(--muted);font-size:11px;border-radius:7px;padding:5px 9px}.moo-v18-pill:hover{background:var(--hover);color:var(--text)}
.moo-v18-length{font-size:10px;white-space:nowrap;color:var(--muted);opacity:.7}
.moo-rendered-markdown{white-space:normal;overflow-wrap:anywhere}.moo-rendered-markdown p{margin:0 0 13px}.moo-rendered-markdown p:last-child{margin-bottom:0}.moo-rendered-markdown h1,.moo-rendered-markdown h2,.moo-rendered-markdown h3,.moo-rendered-markdown h4{line-height:1.4;letter-spacing:-.3px;margin:21px 0 10px}.moo-rendered-markdown h1{font-size:1.5em}.moo-rendered-markdown h2{font-size:1.3em}.moo-rendered-markdown h3{font-size:1.14em}.moo-rendered-markdown ul,.moo-rendered-markdown ol{padding-left:24px;margin:9px 0 17px}.moo-rendered-markdown li{margin:5px 0}.moo-rendered-markdown blockquote{margin:12px 0;padding:2px 14px;border-left:3px solid var(--accent);color:var(--muted)}
.moo-md-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.moo-inline-code{background:var(--bubble);padding:2px 5px;border-radius:5px;font-size:.9em}
.moo-code-frame{border:1px solid var(--border);border-radius:11px;overflow:hidden;margin:12px 0 20px;background:var(--sidebar)}.moo-code-tools{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--hover);color:var(--muted);font-size:11px}.moo-code-tools button{border:0;background:transparent;color:var(--text);font-size:11px}.moo-code-frame pre{font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto;max-width:100%;padding:14px 15px;margin:0;color:var(--text)}
@media(max-width:850px){.sidebar{width:min(290px,86vw);flex-basis:auto}.topbar{height:57px;flex-basis:57px}.thread{padding:20px 18px 30px}.composer-area{padding:7px 10px 9px}}
@media(max-width:530px){.top-right .image-link{display:none}.topbar{padding:0 12px}.composer{border-radius:20px}.composer textarea{font-size:16px}.moo-v18-toolbar{gap:0}.moo-v18-pill{font-size:10px;padding:5px 7px}.welcome{margin-top:45px}.thread{padding:15px 13px 25px}}