.frontier-agent { --fa-ink:var(--ui-ink); --fa-muted:var(--ui-muted); --fa-teal:var(--ui-accent); font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; color:var(--fa-ink); }
.frontier-agent [hidden] { display:none!important; }
.frontier-agent button,.frontier-agent textarea { font:inherit; }
.frontier-agent button { cursor:pointer; }
.frontier-agent button:disabled { cursor:default; opacity:.5; }
.frontier-agent button:focus-visible,.frontier-agent summary:focus-visible,.frontier-agent a:focus-visible { outline:3px solid var(--ui-border); outline-offset:3px; }
.fa-launch { position:fixed; bottom:28px; right:28px; z-index:10010; border:1px solid #fff6; border-radius:999px; padding:14px 24px; background:var(--ui-accent); color:#fff; box-shadow:0 8px 28px rgb(37 99 235 / 0.200); font-weight:650!important; }
.fa-panel { position:fixed; z-index:10011; top:18px; bottom:18px; right:18px; width:min(460px,calc(100vw - 36px)); padding:0; margin:0; max-height:none; display:flex; flex-direction:column; border:1px solid var(--ui-line); border-radius:22px; box-shadow:0 18px 65px rgb(37 99 235 / 0.200); background:#f8fbfb; overflow:hidden; }
.fa-panel.fa-wide { width:min(820px,calc(100vw - 36px)); }
.fa-panel{overflow:clip}.fa-head,.fa-status,.fa-access{flex-shrink:0}
.frontier-agent .fa-task-tabs { display:flex;gap:4px;background:var(--ui-tint);border-radius:11px;padding:4px;margin:18px 0 10px; }
.frontier-agent .fa-task-tab { flex:1;min-width:0;border:0;border-radius:8px;padding:9px 3px;font-size:14px;white-space:nowrap;background:transparent;color:var(--ui-muted); }
.frontier-agent .fa-task-tab[aria-selected=true] { background:white;color:var(--ui-accent);box-shadow:0 1px 4px rgb(20 36 61 / 0.102);font-weight:650; }
.frontier-agent .fa-coverage { font-size:14px;margin-top:-5px;color:var(--ui-muted); }
.fa-privacy-details { margin-top:18px;font-size:14px;color:var(--ui-muted); }
.fa-privacy-details summary { cursor:pointer; }
.fa-context-note { padding:11px 13px;border-radius:10px;background:var(--ui-tint);font-size:14px;color:var(--ui-muted); }
.fa-restored { opacity:.9; }
.fa-count { font-size:12px;color:var(--ui-muted);white-space:nowrap; }
.fa-over-limit { color:#a42f35;font-weight:700; }
.fa-wait { display:block;margin-top:10px;font-size:14px; }
.fa-copy-answer { margin-top:14px!important; }
@media(max-width:600px) { .fa-panel.fa-wide { width:100%; } .fa-expand { display:none; } .fa-head { gap:5px; } .fa-subtitle { max-width:190px; } }
.fa-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:20px 20px 14px; background:#fff; }
.fa-head strong { display:block; font-size:20px; letter-spacing:.03em; }
.fa-subtitle { display:block; color:var(--fa-muted); font-size:14px; margin-top:3px; }
.fa-welcome-story{font-size:16px;line-height:1.8;color:var(--fa-muted);margin:12px 0 16px}
.fa-head-actions { display:flex; align-items:center; gap:10px; }
.fa-text-button { border:0; padding:5px 0; background:none; color:var(--fa-teal); font-size:14px!important; }
.fa-close { border:0; color:var(--ui-muted); background:var(--ui-tint); border-radius:50%; width:30px; height:30px; font-size:22px!important; line-height:1; }
.fa-status { border-bottom:1px solid var(--ui-tint); color:var(--ui-muted); background:var(--ui-tint); padding:8px 20px; font-size:13px; }
.fa-messages { min-height:0; overflow:auto; flex:1; padding:22px 18px; overscroll-behavior:contain; scroll-behavior:smooth; }
.fa-welcome { margin:0 2px 24px; }
.fa-eyebrow { color:var(--fa-teal); font-size:14px; letter-spacing:.07em; }
.fa-welcome h2 { font-size:22px; font-weight:650; letter-spacing:-.03em; margin:0 0 6px; color:var(--fa-ink); }
.fa-welcome p { font-size:14px; color:var(--ui-muted); margin:0 0 20px; }
.fa-welcome .fa-coverage { font-size:14px;margin:0 0 8px; }
.fa-examples { display:grid; grid-template-columns:1fr; gap:9px; }
.frontier-agent .fa-prompt { min-width:0;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--ui-line); color:var(--fa-ink); background:white; border-radius:12px; text-align:left; padding:12px 14px; }
.fa-suggestion-header { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-weight:600; }
.frontier-agent .fa-shuffle,.frontier-agent .fa-inspiration { font-size:14px!important;white-space:nowrap; }
.fa-welcome .fa-suggestion-hint { margin:2px 0 12px;font-size:14px;color:var(--fa-muted); }
.fa-prompt-label { display:block;font-size:14px;color:var(--fa-teal);margin-bottom:3px; }
.fa-prompt-question { display:block;font-size:16px;line-height:1.6; }
.fa-inspiration { flex-shrink:0; }
.fa-prompt:hover,.fa-followup:hover { background:var(--ui-tint); }
.fa-welcome .fa-privacy { font-size:13px; margin-top:18px; line-height:1.7; color:var(--ui-muted); }
.fa-message { margin:0 0 20px; padding:15px; border-radius:16px; border:1px solid var(--ui-line); background:#fff; overflow-wrap:anywhere; }
.fa-user { margin-left:30px; background:var(--ui-tint); border-color:var(--ui-line); }
.fa-message-label { color:var(--ui-muted); font-size:13px; margin-bottom:8px; }
.fa-prose { white-space:pre-wrap; margin:0; }
.fa-person { border:1px solid var(--ui-line); border-radius:12px; padding:12px; margin-top:12px; background:#fbfdfc; }
.fa-person-top { padding:0; display:flex; align-items:center; gap:11px; text-align:left; width:100%; white-space:normal; border:0; background:none; color:var(--fa-ink); }
.fa-person-top img { width:42px; height:42px; border-radius:50%; object-fit:cover; flex:none; }
.fa-person-top strong { display:block; font-size:15px; }
.fa-person-top small { display:block; font-size:13px; line-height:1.4; color:var(--fa-muted); }
.fa-person p { margin:10px 0 0; font-size:14px; }
.fa-person .fa-starter { border-top:1px solid var(--ui-line); padding-top:9px; color:var(--ui-muted); }
.fa-draft { background:var(--ui-tint); border-radius:10px; padding:13px; margin-top:15px; }
.fa-draft strong { display:block; font-size:14px; margin-bottom:8px; }
.fa-evidence { margin-top:15px; border-top:1px solid var(--ui-tint); padding-top:10px; font-size:13px; color:var(--fa-muted); }
.fa-evidence summary { cursor:pointer; }
.fa-source { margin-top:10px; padding-bottom:10px; border-bottom:1px solid var(--ui-tint); }
.fa-source p { margin:4px 0; }
.fa-source a { color:var(--fa-teal); margin-right:10px; }
.fa-followups { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.fa-followup { border:1px solid var(--ui-line); color:var(--fa-teal); border-radius:9px; padding:6px 8px; background:#fff; text-align:left; font-size:13px!important; }
.fa-followup-heading { flex-basis:100%;font-size:14px;font-weight:600;color:var(--fa-ink);margin-bottom:3px; }
.fa-caveat { display:block; margin-top:12px; font-size:12px; color:var(--ui-muted); }
.fa-form { padding:14px 18px; background:white; border-top:1px solid var(--ui-tint); flex-shrink:0; }
.fa-form textarea { resize:vertical; max-height:130px; min-height:66px; border:1px solid var(--ui-line); border-radius:12px; width:100%; box-sizing:border-box; padding:11px 12px; background:#fafcfb; color:var(--fa-ink); font-size:16px; }
.fa-form textarea:focus { outline:2px solid var(--ui-muted); border-color:transparent; }
.fa-form-controls { display:flex; gap:9px; align-items:center; margin-top:8px; }
.fa-hint { font-size:12px; color:var(--ui-muted); flex:1; }
.frontier-agent .fa-send,.frontier-agent .fa-stop { border:0; border-radius:9px; background:var(--fa-teal); color:white; padding:8px 16px; font-size:14px!important; }
.frontier-agent .fa-send:hover { background:var(--ui-accent); }
.frontier-agent .fa-stop { background:var(--ui-tint); color:var(--ui-muted); }
.frontier-agent .fa-launch:hover { background:var(--ui-accent); }
.frontier-agent .fa-followup { white-space:normal; }
.fa-pending { color:var(--ui-muted); }
.fa-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.fa-access { padding:12px 18px; border-bottom:1px solid var(--ui-line); background:var(--ui-tint); }
.fa-access p { margin:0 0 9px; font-size:14px; }
.fa-signin { display:inline-block; padding:9px 15px; border-radius:9px; background:var(--ui-accent); color:#fff!important; text-decoration:none; font-size:14px; }
.fa-signout { color:var(--fa-muted); font-size:14px; display:block; margin-top:6px; text-align:right; }
.fa-access-hint{font-size:13px;line-height:1.5;color:var(--ui-muted);margin:7px 0 0}.fa-composer-signin{white-space:nowrap;flex-shrink:0;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}.fa-reconnect{min-height:44px;white-space:nowrap}.fa-head>div:first-child{min-width:0}.fa-head strong{white-space:nowrap}.fa-head-actions{margin-left:auto}
.fa-invite { display:flex; gap:8px; }
.fa-invite input { min-width:0; flex:1; border:1px solid var(--ui-border); border-radius:8px; padding:9px; font:inherit; }
.fa-invite button { padding:9px 15px; border:0; border-radius:8px; background:var(--ui-accent); color:white; }
.fa-access-error { color:#9b4037; }
.frontier-agent .fa-prose { font-size:16px; }
.frontier-agent .fa-person p,.frontier-agent .fa-prompt,.frontier-agent .fa-followup { font-size:14px!important; }
.frontier-agent .fa-status,.frontier-agent .fa-privacy,.frontier-agent .fa-evidence,.frontier-agent .fa-caveat,.frontier-agent .fa-person-top small { font-size:14px; }
@media(max-width:600px) { .fa-panel { inset:0; width:100%; border:0; border-radius:0; height:100dvh; } .fa-launch { right:14px; bottom:16px; padding:12px 18px; } .fa-head { padding-top:calc(16px + env(safe-area-inset-top)); } .fa-form { padding-bottom:calc(14px + env(safe-area-inset-bottom)); } }
@media(prefers-reduced-motion:reduce) { .fa-messages { scroll-behavior:auto; } }
@media(max-width:420px) { .fa-hint { display:none; } .fa-count { margin-left:auto; } }
.frontier-agent .fa-file{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px;margin:12px 0;background:var(--ui-tint);border:1px solid var(--ui-line);border-radius:12px}.frontier-agent .fa-file>div{min-width:0}.frontier-agent .fa-file strong{display:block;overflow-wrap:anywhere;font-size:15px}.frontier-agent .fa-file small{display:block;color:var(--ui-muted);font-size:14px;margin-top:5px}.frontier-agent .fa-file-download{flex-shrink:0;background:var(--ui-accent);color:white;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.frontier-agent .fa-file-download:disabled{opacity:.6}.frontier-agent .fa-computed{display:block;color:var(--ui-muted);font-size:14px;margin:8px 0}.frontier-agent .fa-head-actions{flex-wrap:wrap}.frontier-agent .fa-status{line-height:1.6}
.frontier-agent .fa-file{flex-wrap:wrap}.frontier-agent .fa-file>div:first-child{flex:1;min-width:120px}.frontier-agent .fa-file-controls{display:flex;gap:7px;flex-wrap:wrap}.frontier-agent .fa-file-preview{border:1px solid var(--ui-border);border-radius:8px;background:white;color:var(--ui-accent);padding:10px;cursor:pointer}.frontier-agent .fa-generated-image{display:block;width:100%;max-height:380px;object-fit:contain;border-radius:8px;background:white}
.frontier-agent .fa-file-direct{font-size:14px;color:var(--ui-accent);align-self:center;padding:7px 2px}
/* Keep small-looking controls easy to tap, without taking over the conversation. */
.fa-close { min-width:44px; min-height:44px; flex-shrink:0; }
.frontier-agent .fa-panel{background:var(--ui-bg);border-color:var(--ui-line);box-shadow:0 20px 70px rgb(37 99 235 / 0.141)}
.frontier-agent .fa-status,.frontier-agent .fa-access,.frontier-agent .fa-task-tabs{background:var(--ui-tint);color:var(--ui-muted);border-color:var(--ui-line)}
.frontier-agent .fa-task-tab{color:var(--ui-muted)}.frontier-agent .fa-task-tab[aria-selected=true]{color:var(--ui-accent)}
.frontier-agent .fa-user{background:var(--ui-tint);border-color:var(--ui-tint)}.frontier-agent .fa-message,.frontier-agent .fa-person,.frontier-agent .fa-prompt{border-color:var(--ui-line)}
.frontier-agent .fa-launch,.frontier-agent .fa-send,.frontier-agent .fa-signin,.frontier-agent .fa-invite button{background:var(--ui-accent)}
.frontier-agent .fa-launch:hover,.frontier-agent .fa-send:hover{background:var(--ui-accent)}
.frontier-agent .fa-prompt:hover,.frontier-agent .fa-followup:hover{background:var(--ui-tint)}.frontier-agent .fa-coverage,.frontier-agent .fa-message-label,.frontier-agent .fa-welcome p{color:var(--ui-muted)}
.frontier-agent .fa-form textarea{background:var(--ui-bg);border-color:var(--ui-line)}.frontier-agent .fa-form textarea:focus{outline:2px solid var(--ui-muted)}
.frontier-agent .fa-draft,.frontier-agent .fa-context-note,.frontier-agent .fa-file{background:var(--ui-tint);border-color:var(--ui-tint)}
.fa-topic-context{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;margin-bottom:10px;background:var(--ui-tint);border:1px solid var(--ui-tint);border-radius:8px;color:var(--ui-accent);font-size:14px}.fa-topic-context span{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px) {
  .fa-head { flex-wrap:wrap; padding:12px 16px; padding-top:calc(12px + env(safe-area-inset-top)); }
  .fa-head > div:first-child { flex:1; }
  .fa-head-actions { gap:8px; }
  .frontier-agent .fa-text-button { min-height:44px; padding:8px 5px; }
  .frontier-agent .fa-task-tab,.frontier-agent .fa-send,.frontier-agent .fa-stop,.frontier-agent .fa-followup { min-height:44px; }
  .fa-messages { padding:16px 12px; }
}