/* The agent on Home: chat, @ mentions, suggestions feed, and the ask dock on other screens. */
.agent{max-width:760px;margin:0 auto;padding:64px 0 6px;display:flex;flex-direction:column}
.agent .hello{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.hi{font-weight:600;font-size:clamp(30px,4.4cqw,42px);letter-spacing:-.048em;line-height:1.08;margin-top:10px}
.agent .story{margin-top:12px;max-width:none;font-size:15px;line-height:1.6}
.thread{display:flex;flex-direction:column;gap:16px;margin-top:26px}
.thread:empty{display:none}
.m-me{align-self:flex-end;max-width:82%;background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 4px 14px;padding:8px 13px;font-size:14px;line-height:1.5;box-shadow:var(--shine)}
.m-ai{display:grid;grid-template-columns:20px minmax(0,1fr);gap:11px;font-size:14px;line-height:1.62;animation:rise .25s ease}
.mk{position:relative;width:20px;height:20px;border-radius:6px;background:var(--text);display:block;margin-top:1px}
.mk::after{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:5px;border-radius:5px 5px 0 0;background:var(--bg)}
.at{color:var(--brandtext);background:var(--brandsoft);border-radius:4px;box-shadow:0 0 0 2px var(--brandsoft)}
.cchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;align-items:center}
.cchip{display:inline-flex;align-items:center;gap:7px;padding:3px 9px 3px 4px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);font-size:12.5px;font-weight:500}
.cchip:hover{background:var(--hover)}
.cchip .mono{width:20px;height:20px;border-radius:5px;font-size:8.5px}
.more-n{color:var(--muted);font-size:12.5px}
.m-ai .acts{margin-top:10px}
a.act{text-decoration:none;display:inline-block}
.composer{position:relative;margin-top:24px;border:1px solid var(--edge);border-radius:16px;background:var(--glass2);padding:5px 8px 8px 16px;box-shadow:var(--shine),0 1px 2px rgba(10,10,11,.04),0 16px 44px rgba(10,10,11,.07);transition:box-shadow .15s,border-color .15s}
.composer:focus-within{border-color:color-mix(in srgb,var(--brand) 50%,transparent);box-shadow:var(--shine),0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent),0 16px 44px rgba(10,10,11,.08)}
.inwrap{position:relative;flex:1;min-width:0}
.inwrap input{position:relative;display:block;width:100%;height:46px;border:0;outline:0;background:none;color:transparent;caret-color:var(--text);font:400 15.5px/46px var(--sans);letter-spacing:inherit;padding:0}
.inwrap input::placeholder{color:var(--faint)}
.mir{position:absolute;inset:0;font:400 15.5px/46px var(--sans);white-space:pre;overflow:hidden;pointer-events:none;color:var(--text)}
.c-row{display:flex;align-items:center;gap:4px;margin-left:-8px}
.c-at{font-size:12.5px;font-weight:500;color:var(--muted);padding:4px 9px;border-radius:7px}
.c-at:hover{background:var(--wash);color:var(--text)}
.send{width:32px;height:32px;border-radius:10px;background:var(--btn);color:var(--btntext);font-size:15px}
.prompts{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.prompts button{font-size:12.5px;font-weight:500;color:var(--ink2);padding:5px 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);transition:background .12s,color .12s}
.prompts button:hover{background:var(--hover);color:var(--text)}
.mpop{position:absolute;left:8px;top:calc(100% + 6px);z-index:30;width:min(360px,calc(100% - 16px));background:var(--glass2);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);border-radius:12px;box-shadow:var(--pop);padding:4px}
.mpop.above{top:auto;bottom:calc(100% + 6px);left:0}
.mpop button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:6px 8px;border-radius:8px;text-align:left;font-size:13px}
.mpop button.on,.mpop button:hover{background:var(--wash)}
.mpop em{font-style:normal;color:var(--faint);font-size:11.5px}
.mpop .mono{width:22px;height:22px;border-radius:6px;font-size:9px}

/* suggestions */
.feed{margin-top:14px;padding:2px 16px}
.sg{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 0;transition:opacity .3s}
.sg+.sg{border-top:1px solid var(--edge)}
.sg.leave{opacity:0}
.sg .w{display:block;font-size:12.5px;color:var(--muted)}
.sg .k{font-family:var(--mono);font-size:10.5px;margin-left:8px;padding:0 5px;border-radius:4px;background:var(--wash)}
.sg-m>b{display:block;font-weight:500;font-size:14px;letter-spacing:-.012em;line-height:1.35;margin-top:1px}
.sg-m>p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:2px}
.sg .chg{margin-top:6px;display:inline-flex}
.sg-a{display:flex;gap:4px;align-items:center}
.xbtn{width:28px;height:28px;border-radius:8px;color:var(--faint);font-size:16px;line-height:1}
.xbtn:hover{background:var(--wash);color:var(--text)}
.won{font-size:12.5px;font-weight:500;color:var(--goodtext)}
.okmore{margin-top:4px}

/* dock */
body[data-view="home"] .cmd{display:none}
.cmd{left:calc(50% + 125px);width:min(600px,calc(100vw - 290px))}
#ask{background:var(--glass2);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);border:1px solid var(--edge);box-shadow:var(--shine),0 16px 44px rgba(10,10,11,.14);border-radius:14px}
#ask:focus-within{box-shadow:var(--shine),0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent),0 16px 44px rgba(10,10,11,.16);border-color:color-mix(in srgb,var(--brand) 50%,transparent)}
#q{color:transparent;caret-color:var(--text);padding:0;height:36px;font:400 14px/36px var(--sans)}
.cmd .mir{font:400 14px/36px var(--sans)}