:root{--composer-pad: 160px;--bg: #0d141b;--surface: #101924;--border: #1e2633;--muted: #90a0ad;--text: #e6eef6;--accent: #4faeaa;--shadow: 0 8px 28px rgba(0,0,0,.35);--header-h: 64px}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;background:var(--bg);color:var(--text);font:14.5px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.wrap{min-height:100%;display:flex;flex-direction:column;padding-top:var(--header-h);padding-bottom:var(--composer-pad)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,#0d141beb,#0d141bd9);border-bottom:1px solid var(--border);z-index:50}.header .brand{position:absolute;left:16px;top:0;bottom:0;display:flex;align-items:center}.header .brand img{width:22px;height:22px;opacity:.9}.header .right{position:absolute;right:12px;top:0;bottom:0;display:flex;align-items:center;gap:8px}.small{color:var(--muted);font-size:12px}.iconbtn{background:#121b26;border:1px solid var(--border);color:var(--text);border-radius:12px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}.iconbtn:hover{background:#162232}.sendicon{width:40px;height:40px;min-width:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bubble-user);color:#fff;border:none;cursor:pointer;transition:background .2s ease}.sendicon:hover{background:var(--bubble-assistant)}.sendicon svg{width:20px;height:20px;stroke:#fff}.msglist{scrollbar-gutter:stable both-edges;max-width:980px;width:100%;margin:8px auto 0;padding:0 12px calc(var(--composer-pad) + 12px);scroll-padding-bottom:calc(var(--composer-pad) + 12px);display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;justify-content:flex-start}.msg:last-child{scroll-margin-bottom:calc(var(--composer-pad) + 12px)}.msg{border-radius:16px;border:1px solid var(--border);box-shadow:none;word-wrap:break-word;overflow-wrap:anywhere}.msg.user{align-self:flex-end;width:clamp(300px,60vw,640px);max-width:none;background:#171c22;border:1px solid #2a323d;padding:10px 12px}.msg.assistant{align-self:stretch;background:#4faeaa14;border-left:3px solid var(--accent);padding:12px 0}.msg.assistant .md,.msg.assistant img{max-width:760px;margin:0 auto;display:block}.msg.assistant img{border-radius:10px;border:1px solid var(--border);margin:4px 0 6px}.md{font-size:13.25px;line-height:1.5}.md p{margin:0 0 6px}.md h1,.md h2,.md h3{margin:8px 0 4px;line-height:1.2;font-weight:650}.md h1{font-size:18px}.md h2{font-size:15.5px}.md h3{font-size:14px}.md ul,.md ol{margin:4px 0 8px 18px}.md li{margin:2px 0}.md hr{border:0;border-top:1px solid var(--border);margin:12px 0}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.9em;background:#ffffff0f;padding:1px 4px;border-radius:6px;border:1px solid var(--border)}.md pre{background:#0f1420;border:1px solid #1e2633;border-radius:8px;padding:8px;overflow:auto;margin:8px 0 10px}.md pre code{background:transparent;border:0;padding:0;color:#d5e5f5;display:block;white-space:pre}.md blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid var(--accent);background:#4faeaa14;border-radius:8px}.composer{position:fixed;left:0;right:0;bottom:0;z-index:999;background:linear-gradient(180deg,#0d141b00,#0d141beb 24%);border-top:1px solid var(--border);padding:10px 12px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -1px 5px #00000080}.composer .bar{max-width:980px;margin:0 auto;display:flex;align-items:flex-end;gap:8px}.textarea{flex:1;min-height:44px;max-height:160px;resize:vertical;background:#0f1722;border:1px solid var(--border);border-radius:14px;color:var(--text);padding:10px 12px;outline:none;font-size:13.75px}.textarea:focus{border-color:#2a3342;box-shadow:inset 0 0 0 1px #2a3342}.menu{position:absolute;bottom:48px;left:0;width:240px;background:#0f1722;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px;z-index:100}.menu button{width:100%;background:transparent;border:0;color:var(--text);text-align:left;padding:10px;border-radius:10px;cursor:pointer}.menu button:hover{background:#131e2b}.feed{flex:1;overflow:auto;padding:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:14px;margin:12px 0}.card .content{color:var(--text)}a{color:#bfe3e1;text-decoration:none}a:hover{text-decoration:underline}.msglist::-webkit-scrollbar{width:10px}.msglist::-webkit-scrollbar-thumb{background:#253141;border-radius:8px}.msglist::-webkit-scrollbar-track{background:transparent}