.afdemo{--win:#FCF8EE;--bar:#F1E8D5;--ink:#15110A;--ink-2:#2A2419;--muted:#5C5247;--faint:#A89F90;--line:rgba(20,16,8,.11);--hl:#ECE3CE;--agent:#1B3A6B;--agent-bg:rgba(27,58,107,.09);--human:#B83227;--human-bg:#FBE9E6;--human-br:rgba(184,50,39,.34);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.6;letter-spacing:-.006em;color:var(--ink)}.afdemo .term{background:var(--win);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 1px #1410080d,0 18px 44px -26px #14100838}.afdemo .term__bar{display:flex;align-items:center;gap:13px;padding:10px 14px;background:var(--bar);border-bottom:1px solid var(--line)}.afdemo .lights{display:flex;gap:7px}.afdemo .lights i{width:11px;height:11px;border-radius:50%;background:#c8beab;box-shadow:0 0 0 .5px #1410080f inset}.afdemo .term__title{font-size:.8rem;color:var(--muted)}.afdemo .term__title .faint{color:var(--faint)}.afdemo .badges{margin-left:auto;display:flex;gap:2px;border:1px solid var(--line);border-radius:6px;padding:2px;background:#14100808}.afdemo .badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--faint);padding:4px 9px;border-radius:4px;white-space:nowrap;transition:color .45s ease,background .45s ease}.afdemo .badge .pip{width:6px;height:6px;border-radius:50%;border:1.4px solid currentColor;box-sizing:border-box;transition:background .45s ease}.afdemo .badge.is-lit{background:var(--win)}.afdemo .badge.is-lit .pip{background:currentColor}.afdemo .badge.setup.is-lit{color:var(--ink-2)}.afdemo .badge.agent.is-lit{color:var(--agent)}.afdemo .badge.user.is-lit{color:var(--human)}.afdemo .term__info{margin-left:1px;width:17px;height:17px;border-radius:50%;border:1px solid var(--line);color:var(--faint);font-size:.72rem;display:grid;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.afdemo .chat{height:560px;overflow-y:auto;overflow-x:hidden;padding:18px 22px 16px;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16px,#000 100%);scrollbar-width:thin;scrollbar-color:#D0C6B0 transparent}.afdemo .chat::-webkit-scrollbar{width:10px}.afdemo .chat::-webkit-scrollbar-thumb{background:#d8ceb8;border-radius:10px;border:3px solid transparent;background-clip:content-box}.afdemo .chat::-webkit-scrollbar-thumb:hover{background:#c8beab;background-clip:content-box}.afdemo .chat::-webkit-scrollbar-track{background:transparent}.afdemo .msg{opacity:1;transform:none;transition:opacity .34s ease,transform .34s ease}.afdemo .msg.enter{opacity:0;transform:translateY(5px)}.afdemo .msg+.msg{margin-top:9px}.afdemo .msg.user{margin-top:18px;background:var(--hl);border-radius:7px;padding:8px 13px;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--ink);font-weight:500}.afdemo .msg.user .gt{color:var(--muted);margin-right:.55em}.afdemo .msg.user:first-child{margin-top:0}.afdemo .msg.say{color:var(--ink-2)}.afdemo .msg.act{margin-top:13px}.afdemo .act__head{display:flex;align-items:center;gap:10px}.afdemo .act__head .dot{width:8px;height:8px;border-radius:50%;border:1.6px solid var(--muted);box-sizing:border-box;flex:0 0 auto;transition:background .3s ease,border-color .3s ease}.afdemo .act__label{color:var(--ink-2)}.afdemo .msg.act.working .dot{animation:afd-dotpulse 1.15s ease-in-out infinite}.afdemo .msg.act.done .dot{background:var(--ink-2);border-color:var(--ink-2)}.afdemo .msg.act.done .act__label{color:var(--ink)}@keyframes afd-dotpulse{0%,to{opacity:.35}50%{opacity:1}}.afdemo .act__sub{margin-left:18px;color:var(--muted);font-size:.92em;line-height:1.62}.afdemo .act__res{color:var(--ink-2);margin-top:1px}.afdemo .msg.confirm{margin-top:13px}.afdemo .perm{border:1px solid var(--human-br);border-radius:7px;background:#fffcf4;padding:10px 13px 9px;max-width:392px}.afdemo .perm__title{color:var(--ink);font-weight:600}.afdemo .perm__note{color:var(--muted);font-size:.9em;margin-top:2px}.afdemo .perm__opt{display:block;width:100%;text-align:left;font:inherit;letter-spacing:inherit;border:0;background:transparent;color:var(--ink-2);padding:3px 7px;border-radius:4px;margin-top:4px}.afdemo .perm__title+.perm__opt,.afdemo .perm__note+.perm__opt{margin-top:9px}.afdemo .perm__opt .cur{display:inline-block;width:1.1em;color:transparent}.afdemo .perm__opt.is-sel{color:var(--human);background:var(--human-bg);cursor:pointer}.afdemo .perm__opt.is-sel .cur{color:var(--human)}.afdemo .perm__opt.is-sel:hover{background:#f6ddd7}.afdemo .perm__opt.is-sel:focus-visible{outline:2px solid var(--human);outline-offset:1px}.afdemo .perm__opt.is-no{color:var(--faint)}.afdemo .perm__opt.chosen{background:var(--human);color:#fcf8ee;cursor:default}.afdemo .perm__opt.chosen .cur{color:#fcf8ee}.afdemo .confirm__hint{margin-top:8px;font-size:.82em;color:var(--faint)}.afdemo .confirm__hint:before{content:"↑ ";color:var(--human)}.afdemo .mlink{display:inline-flex;align-items:center;gap:9px;max-width:100%;cursor:pointer;font:inherit;letter-spacing:inherit;text-align:left;color:var(--ink-2);background:var(--human-bg);border:1px solid var(--human-br);border-radius:7px;padding:8px 13px;transition:background .2s ease,border-color .2s ease}.afdemo .mlink:hover{background:#f6ddd7;border-color:var(--human)}.afdemo .mlink:focus-visible{outline:2px solid var(--human);outline-offset:1px}.afdemo .mlink svg{width:15px;height:15px;flex:0 0 auto;color:var(--human)}.afdemo .mlink__url{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.afdemo .mlink__cta{color:var(--human);font-weight:600;white-space:nowrap;margin-left:auto}.afdemo .mlink.chosen{background:var(--human);border-color:var(--human)}.afdemo .mlink.chosen svg,.afdemo .mlink.chosen .mlink__url,.afdemo .mlink.chosen .mlink__cta{color:#fcf8ee}.afdemo .k-agent{color:var(--agent)}.afdemo .k-human{color:var(--human)}.afdemo .k-ok{color:var(--ink-2);font-weight:600}.afdemo .k-faint{color:var(--faint)}.afdemo .bar-replay{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;font-size:.7rem;letter-spacing:.01em;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:6px;padding:3px 9px;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease,border-color .2s ease,background .2s ease}.afdemo .bar-replay:hover{color:var(--human);border-color:var(--human-br);background:#b832270a}.afdemo .bar-replay svg{width:12px;height:12px}@media (max-width:640px){.afdemo{font-size:12.5px}.afdemo .term__bar{gap:9px;padding:9px 11px}.afdemo .term__title,.afdemo .term__info,.afdemo .bar-replay__label{display:none}.afdemo .bar-replay{padding:4px 6px}.afdemo .badge{font-size:.64rem;padding:4px 8px;gap:5px}.afdemo .chat{height:460px;padding:15px 15px 12px}}@media (prefers-reduced-motion:reduce){.afdemo .msg,.afdemo .msg.enter{transition:none;transform:none;opacity:1}.afdemo .msg.act.working .dot{animation:none}}