:root{
  --bg:#f4f4f1;--surface:#fffdfa;--soft:#eeeeea;--sunken:#e5e5df;
  --text:#171717;--muted:#73736d;--dim:#a1a19a;--border:#deded7;
  --green:#16a34a;--yellow:#ca8a04;--red:#dc2626;
  --font:-apple-system,BlinkMacSystemFont,"Inter","SF Pro Display","Segoe UI",sans-serif;
  --mono:"SF Mono","Roboto Mono",monospace;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}
button,textarea{font:inherit}
.mf-app{max-width:520px;min-height:100svh;margin:0 auto;background:var(--bg);position:relative;overflow:hidden}
.mf-top{height:108px;margin:0;padding:50px 16px 10px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;position:sticky;top:0;z-index:10;pointer-events:none}
.mf-top::after{content:"";position:absolute;left:0;right:0;top:0;height:112px;pointer-events:none;background:linear-gradient(180deg,rgba(244,244,241,.92),rgba(244,244,241,.54) 58%,rgba(244,244,241,0));z-index:-1}
.mf-org{font-family:var(--mono);font-size:12px;color:var(--muted)}
.mf-top h1{margin:2px 0 0;font-size:25px;letter-spacing:-.04em}
.org-switch{border:1px solid rgba(255,255,255,.64);background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.36));color:var(--text);border-radius:999px;height:38px;padding:0 10px 0 5px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:750;letter-spacing:-.02em;position:relative;z-index:1;pointer-events:auto;backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);box-shadow:0 4px 10px rgba(0,0,0,.045),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -1px 0 rgba(255,255,255,.18)}
.org-switch[hidden]{display:none}
.org-mark{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#334155);color:white;font-family:var(--mono);font-size:12px;font-weight:800}
.top-titlebar{height:50px;width:100%;display:flex;align-items:center;gap:8px;pointer-events:auto}
.top-titlebar[hidden]{display:none}
.top-titlebar.new-flow-title{width:auto}
.top-titlebar.new-flow-title .top-title-pill{display:none}
.top-titlebar.flow-title .top-title-pill{grid-template-columns:minmax(0,1fr);padding:6px 16px}
.top-titlebar.flow-title #topTitleAvatar{display:none}
.top-titlebar.flow-title .top-title-main strong{font-size:14.5px;line-height:1.12}
.top-titlebar.flow-title .top-title-main small{display:block}
.top-titlebar .top-title-back{width:42px;height:42px;border:1px solid rgba(255,255,255,.64);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.36));border-radius:50%;padding:0;color:var(--text);box-shadow:0 6px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(255,255,255,.18);backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);display:flex;align-items:center;justify-content:center}
.top-title-pill{height:50px;min-width:0;flex:1;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;padding:6px 14px 6px 7px;border:1px solid rgba(255,255,255,.64);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.36));backdrop-filter:blur(26px) saturate(1.55);-webkit-backdrop-filter:blur(26px) saturate(1.55);box-shadow:0 8px 22px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.84),inset 0 -1px 0 rgba(255,255,255,.2)}
.top-title-pill.is-clickable{cursor:pointer}
.group-assistant-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.64);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.36));border-radius:50%;padding:0;color:var(--text);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(255,255,255,.18);backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45)}
.running-flows-btn{height:34px;border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:0 14px;color:var(--text);position:absolute;left:50%;top:104px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48));box-shadow:0 8px 22px rgba(0,0,0,.065),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(26px) saturate(1.55);-webkit-backdrop-filter:blur(26px) saturate(1.55);overflow:hidden;white-space:nowrap}
.running-flows-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,0) 58%);pointer-events:none}
.running-flows-btn[hidden],.group-assistant-btn[hidden],.running-flows-btn span[hidden]{display:none}.running-flows-btn span{position:relative;z-index:1;font-size:11.5px;line-height:1;font-weight:760;letter-spacing:-.01em;color:#33342f}
.running-flows-btn.is-updated{animation:flowCountPulse .72s ease}
@keyframes flowCountPulse{0%{transform:translateX(-50%) scale(1)}38%{transform:translateX(-50%) scale(1.045)}100%{transform:translateX(-50%) scale(1)}}
.group-assistant-btn .kiki-avatar{width:30px;height:30px;border-radius:50%;box-shadow:none}.group-assistant-btn .kiki-avatar img{width:100%;height:100%;display:block;border-radius:50%}
#topTitleAvatar .agent-icon,#topTitleAvatar .kiki-avatar,#topTitleAvatar .human-avatar,#topTitleAvatar .group-avatar{width:36px;height:36px;font-size:12px}
.top-title-main{min-width:0;display:block}
.top-title-main strong{display:block;font-size:14px;line-height:1.05;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-title-main small{display:block;height:12px;margin-top:3px;font-size:10.5px;line-height:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}
.icon-btn,.back{border:1px solid var(--border);background:var(--surface);border-radius:11px;height:38px;color:var(--text)}
.icon-btn{padding:0 11px;font-size:12px;font-weight:650;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}
.mf-top .icon-btn{width:42px;height:42px;padding:0;border-radius:50%;border-color:rgba(255,255,255,.62);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.34));pointer-events:auto;backdrop-filter:blur(26px) saturate(1.55);-webkit-backdrop-filter:blur(26px) saturate(1.55);box-shadow:0 14px 34px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.84),inset 0 -1px 0 rgba(255,255,255,.2)}
.top-chat-actions{display:flex;align-items:center;gap:2px;position:relative;z-index:1;pointer-events:auto;height:42px;padding:3px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.36));backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);box-shadow:0 4px 10px rgba(0,0,0,.045),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -1px 0 rgba(255,255,255,.18)}
.top-chat-actions[hidden]{display:none}
.top-chat-actions .icon-btn{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.top-chat-actions .icon-btn:active{background:rgba(23,23,23,.08)}
.mf-main{height:calc(100svh - 108px);overflow:hidden;padding-top:0}
.mf-view{height:100%;overflow-y:auto;padding:12px 14px 178px;display:none}
.mf-view.active{display:block}
.mf-view[data-view="thread"] .thread-top{display:none}
.kiki-strip{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:13px;margin-bottom:12px}
.kiki-strip img{width:48px;height:48px;border-radius:50%;border:1px solid var(--border)}
.kiki-strip strong{display:block;font-size:18px;letter-spacing:-.03em}
.kiki-strip span{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.kiki-strip button{border:0;background:var(--text);color:var(--surface);border-radius:999px;padding:8px 12px;font-weight:700}
.agent-rail-wrap{margin-bottom:12px}
.rail-head{display:flex;align-items:center;justify-content:flex-start;margin:0 2px 8px}
.rail-head span,.section-kicker{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--dim);letter-spacing:.08em}
.agent-map-trigger{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:4px;color:var(--dim);line-height:1}
.agent-map-arrow{font-family:var(--mono)!important;font-size:11px!important;line-height:1;text-transform:uppercase!important;letter-spacing:.08em!important;color:currentColor!important;margin-top:0}
.agent-rail{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.agent-chip{min-width:92px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px 9px;text-align:left}
.agent-chip .agent-icon,.agent-chip .kiki-avatar{width:42px;height:42px;margin-bottom:9px;font-size:15px}
.agent-chip .kiki-avatar{position:relative;overflow:visible}
.agent-chip .kiki-avatar img{border-radius:50%}
.agent-chip strong{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-chip small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.flow-control{display:flex;gap:6px;overflow-x:auto;margin:34px 0 14px}
.chat-switch{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px}
.flow-control button,.chat-switch button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:12px;white-space:nowrap}
.flow-control button.active,.chat-switch button.active{background:var(--text);border-color:var(--text);color:var(--surface)}
.flow-card{width:100%;border:1px solid var(--border);background:rgba(255,253,250,.76);border-radius:15px;padding:14px;margin-bottom:9px;text-align:left}
.flow-line{display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px}
.flow-id{font-family:var(--mono);font-size:12px;color:var(--muted)}
.status{font-family:var(--mono);font-size:10.5px;border-radius:999px;padding:3px 8px;background:var(--soft);color:var(--muted);white-space:nowrap;text-transform:lowercase}
.running{color:var(--green);background:#e9f7ee}.awaiting{color:var(--yellow);background:#fbf2d4}.blocked{color:var(--red);background:#fce7e7}
.flow-card h3{margin:0;font-size:16px;line-height:1.28;letter-spacing:-.025em}
.flow-card h3 .collab-icon{width:17px;height:17px;margin-left:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);vertical-align:-2px}
.flow-card h3 .collab-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.flow-latest{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.avatar-stack{display:flex;align-items:center}
.avatar-stack>*{margin-left:-6px;box-shadow:0 0 0 2px var(--surface)}
.avatar-stack>*:first-child{margin-left:0}
.agent-icon,.kiki-avatar,.human-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:11px;font-weight:800;overflow:hidden;flex-shrink:0}
.agent-icon svg{width:54%;height:54%;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.kiki-avatar img,.human-avatar img{width:100%;height:100%;object-fit:cover}
.agent-tanka{background:linear-gradient(135deg,#111827,#334155)}.agent-finance{background:linear-gradient(135deg,#10b981,#047857)}.agent-it{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.agent-marketing{background:linear-gradient(135deg,#ec4899,#be185d)}.agent-hr{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.agent-legal{background:linear-gradient(135deg,#f59e0b,#b45309)}.agent-expense{background:linear-gradient(135deg,#06b6d4,#0e7490)}.agent-coding{background:linear-gradient(135deg,#0f766e,#115e59)}.agent-design{background:linear-gradient(135deg,#be185d,#9d174d)}.agent-research{background:linear-gradient(135deg,#4338ca,#3730a3)}
.detail-top{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin-bottom:12px}
.mf-view[data-view="flow-detail"]{padding-top:12px}
.mf-view[data-view="flow-detail"] .flow-inline-title{display:none}
.thread-top{grid-template-columns:auto auto 1fr}
.back{width:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:1}
.back svg,.top-titlebar .top-title-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.detail-top span{font-family:var(--mono);font-size:12px;color:var(--muted)}
.detail-top h2{margin:2px 0 0;font-size:21px;line-height:1.16;letter-spacing:-.035em}
.detail-agent-line{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px}
.detail-agent-line span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 9px;font-size:12px;color:var(--muted)}
.detail-watch{display:grid;grid-template-columns:38px 1fr;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:11px;margin-bottom:14px}
.detail-watch img{width:38px;height:38px;border-radius:50%;border:1px solid var(--border)}
.detail-watch strong{display:block;font-size:13px}.detail-watch span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.timeline{padding-bottom:80px}.event{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}
.event strong{font-size:14px}.event p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.composer{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);width:min(492px,calc(100vw - 28px));display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.58);border-radius:20px;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 16px 44px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.76);z-index:21}
.composer textarea{resize:none;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:10px 12px;outline:none}
.composer button{border:0;background:var(--text);color:var(--surface);border-radius:13px;padding:0 14px;font-weight:700}
.composer.chat-composer{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 26px));grid-template-columns:46px 1fr 46px;gap:4px;height:62px;padding:8px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42));backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 8px 22px rgba(0,0,0,.075),inset 0 1px 0 rgba(255,255,255,.78);z-index:19}
.flow-shortcut{position:fixed;left:calc(50% - 164px);bottom:calc(81px + env(safe-area-inset-bottom));width:56px;height:56px;display:flex;z-index:19}.flow-shortcut button{width:56px;height:56px;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.42));backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);box-shadow:0 10px 26px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.82);color:var(--text);padding:0;display:inline-flex;align-items:center;justify-content:center}.flow-shortcut svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.flow-shortcut span{display:none}
.flow-shortcut{display:none}
.flow-shortcut[hidden]{display:none}
.composer.chat-composer .composer-plus{display:flex}.composer.chat-composer textarea{height:46px;min-height:46px;border:0;background:transparent;border-radius:0;padding:14px 4px;line-height:18px;overflow:hidden;font-size:16px}
.composer.chat-composer button{padding:0;border-radius:999px;background:rgba(255,255,255,.42);color:var(--text);display:flex;align-items:center;justify-content:center}
.composer.chat-composer svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.composer.chat-composer .composer-action{color:var(--muted)}
.composer.chat-composer .icon-send{display:none}
.composer.chat-composer:focus-within .composer-action{background:rgba(23,23,23,.9);color:var(--surface)}
.composer.chat-composer:focus-within .icon-mic{display:none}
.composer.chat-composer:focus-within .icon-send{display:block}
.composer.flow-composer{bottom:calc(88px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 26px))}
.composer.flow-composer .composer-plus{display:flex}
.composer.flow-composer textarea{height:46px;min-height:46px;border:0;background:transparent;border-radius:0;padding:14px 4px;line-height:18px;overflow:hidden;font-size:16px}
.composer.flow-composer button{padding:0;border-radius:999px;background:rgba(255,255,255,.42);color:var(--text);display:flex;align-items:center;justify-content:center}
.composer.flow-composer svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.composer.chat-composer.is-disabled{opacity:.72}
.composer.chat-composer.is-disabled textarea{color:var(--dim)}
.composer.chat-composer.is-disabled button{pointer-events:none;color:var(--dim)}
.chat-stack{background:transparent;border:0;border-radius:0;overflow:visible}
.chat-row{width:100%;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;border:0;border-bottom:1px solid rgba(222,222,215,.72);background:transparent;padding:12px 2px;text-align:left;color:var(--text)}
.chat-row:last-child{border-bottom:0}
.chat-row:active{background:var(--soft)}
.chat-row .agent-icon,.chat-row .kiki-avatar,.chat-row .human-avatar,.group-avatar{width:44px;height:44px;font-size:15px}
.group-avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-family:var(--mono);font-weight:850;background:linear-gradient(135deg,#111827,#475569);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.chat-row-main{min-width:0;display:block}
.chat-row-head{display:flex;align-items:center;gap:8px;min-width:0}
.chat-row-title{flex:1;min-width:0;font-weight:760;font-size:15.5px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-row-last{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-row-time{font-family:var(--mono);color:var(--dim);font-size:11px;white-space:nowrap}
.messages{padding-bottom:154px}.msg{display:flex;align-items:flex-start;gap:10px;padding:10px 0}.msg.me{flex-direction:row-reverse}.msg-main{min-width:0;max-width:calc(100% - 44px)}.msg.me .msg-main{text-align:right}.msg-name{font-weight:700;font-size:14px}.msg-time{font-family:var(--mono);font-size:11px;color:var(--dim);margin-left:6px}.msg-body{margin-top:4px;font-size:14px;line-height:1.52;max-width:100%;word-break:break-word}.msg.me .msg-name,.msg.me .msg-time{display:none}.msg.me .msg-body{display:inline-block;text-align:left;background:var(--text);color:var(--surface);border-radius:15px;padding:9px 11px;margin-top:0}.tool{display:inline-flex;margin:8px 5px 0 0;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 8px;color:var(--muted);font-size:12px}
.quick-actions{position:absolute;left:6px;bottom:58px;width:174px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:6px;box-shadow:0 18px 48px rgba(0,0,0,.16);z-index:3}.quick-actions[hidden]{display:none}.quick-actions button{width:100%;height:38px;border:0;background:transparent;color:var(--text);border-radius:11px;padding:0 10px;justify-content:flex-start;font-size:13px;font-weight:650}.quick-actions button:hover{background:var(--soft)}.flow-draft{margin-top:10px;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px;box-shadow:0 10px 28px rgba(0,0,0,.06)}.flow-draft small{display:block;font-family:var(--mono);font-size:11px;color:var(--dim);margin-bottom:6px}.flow-draft strong{display:block;font-size:15px;letter-spacing:-.02em}.flow-draft p{margin:6px 0 10px;color:var(--muted);font-size:13px;line-height:1.45}.draft-agents{display:flex;gap:6px;margin-bottom:10px}.draft-agents span{border:1px solid var(--border);border-radius:999px;padding:5px 8px;color:var(--muted);font-size:12px}.flow-draft button{border:0;background:var(--text);color:var(--surface);border-radius:999px;padding:7px 12px;font-weight:750}
.scheduled-flow-draft{background:linear-gradient(180deg,var(--surface),rgba(255,255,255,.72))}.schedule-grid{display:grid;gap:7px;margin:10px 0}.schedule-grid span{display:block;border:1px solid var(--border);background:var(--soft);border-radius:12px;padding:9px 10px}.schedule-grid em{display:block;font-style:normal;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:4px}.schedule-grid b{display:block;font-size:13px;letter-spacing:-.01em;color:var(--text)}
.thinking-block{margin-top:5px}
.thinking-line{display:flex;align-items:center;gap:7px;color:var(--text);font-size:14px;line-height:1.45}
.thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(22,163,74,.12);flex-shrink:0}
.thinking-block p{margin:6px 0 8px;color:var(--muted);font-size:13px;line-height:1.45}
.thinking-actions button{border:1px solid var(--border);background:rgba(255,255,255,.58);color:var(--text);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:760}
.moved-flow-link{margin-top:12px;border:1px solid rgba(23,23,23,.16);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(244,244,241,.78));border-radius:17px;padding:12px;box-shadow:0 10px 24px rgba(0,0,0,.065)}
.moved-flow-head{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}
.moved-flow-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--text);color:var(--surface);font-size:16px;font-weight:760}
.moved-flow-head small{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:3px}
.moved-flow-head strong{display:block;font-size:14px;letter-spacing:-.02em;line-height:1.3}
.moved-flow-link p{margin:9px 0 0;color:var(--muted);font-size:12.5px;line-height:1.45}
.moved-flow-task{margin-top:10px;border:1px solid rgba(23,23,23,.1);background:rgba(255,255,255,.62);border-radius:13px;padding:10px 11px}
.moved-flow-task span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.moved-flow-task strong{display:block;font-size:13.5px;line-height:1.35;letter-spacing:-.01em;color:var(--text)}
.moved-flow-action{margin-top:11px;width:100%;height:36px;border:0;border-radius:999px;background:var(--text);color:var(--surface);font-size:12.5px;font-weight:780;letter-spacing:-.01em}
.mention{position:absolute;left:14px;right:14px;bottom:62px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 20px 48px rgba(0,0,0,.14);overflow:hidden}.mention button{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:10px;display:flex;align-items:center;gap:9px;text-align:left}
.bottom-fade{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100vw);height:178px;background:linear-gradient(180deg,rgba(244,244,241,0),rgba(244,244,241,.72) 34%,rgba(244,244,241,.98) 72%,var(--bg));z-index:18;pointer-events:none}
.mf-tabbar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(244px,calc(100vw - 112px));height:56px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.38));backdrop-filter:blur(24px) saturate(1.45);-webkit-backdrop-filter:blur(24px) saturate(1.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -1px 0 rgba(255,255,255,.25);z-index:20}
.global-ask{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(390px,calc(100vw - 26px));height:62px;display:grid;grid-template-columns:58px 1fr;gap:8px;padding:0;border:0;background:transparent;box-shadow:none;z-index:19}.global-ask[hidden]{display:none}.global-ask input{border:0;outline:0;background:transparent;padding:0 10px;color:var(--text);min-width:0;font-size:16px}.global-ask input::placeholder{color:var(--muted)}.global-ask button{border:0;color:var(--text);border-radius:999px;font-weight:800;display:flex;align-items:center;justify-content:center}.global-ask svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.global-ask .ask-kiki{width:58px;height:62px;padding:8px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.58);backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);box-shadow:0 10px 26px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.82);position:relative;overflow:visible}.global-ask .ask-kiki .kiki-avatar{width:46px;height:46px;margin:0;overflow:visible}.global-ask .ask-kiki .kiki-avatar img{border-radius:50%;box-shadow:0 0 0 1px rgba(222,222,215,.9)}.global-ask .ask-kiki::after{content:"";position:absolute;right:7px;top:8px;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px rgba(255,255,255,.86)}.ask-field{height:62px;display:grid;grid-template-columns:1fr 46px;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.42));backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45);box-shadow:0 14px 36px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.82);min-width:0}.global-ask .ask-action{color:var(--muted);position:relative;background:rgba(255,255,255,.42)}.global-ask .icon-send{display:none}.global-ask.is-ready .ask-action,.global-ask:focus-within .ask-action{background:#6f716b;color:white}.global-ask.is-ready .icon-mic,.global-ask:focus-within .icon-mic{display:none}.global-ask.is-ready .icon-send,.global-ask:focus-within .icon-send{display:block}
.global-ask.input-merged{grid-template-columns:1fr;width:min(390px,calc(100vw - 26px))}
.mf-app.variant-input .global-ask{bottom:calc(88px + env(safe-area-inset-bottom))}
.global-ask.input-merged .ask-field{grid-template-columns:46px 1fr 46px;gap:4px}
.global-ask.input-merged .ask-kiki-inline{width:46px;height:46px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative}
.global-ask.input-merged .ask-kiki-inline .kiki-avatar{width:36px;height:36px;overflow:visible}
.global-ask.input-merged .ask-kiki-inline .kiki-avatar img{border-radius:50%;box-shadow:none}
.global-ask.input-merged .ask-kiki-inline::after{right:2px;top:5px;width:8px;height:8px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.global-ask.input-merged input{padding-left:4px}
.mf-tabbar::before{content:"";position:absolute;inset:1px;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0) 54%)}
.mf-tabbar button{border:0;background:transparent;border-radius:999px;color:var(--muted);font-weight:720;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9.5px;line-height:1;letter-spacing:-.01em}.mf-tabbar button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mf-tabbar button span{display:block}.mf-tabbar button.active{background:#d9d9d2;color:var(--text);box-shadow:none}
.mf-tabbar button.disabled{color:var(--dim);cursor:default}
.sheet[hidden]{display:none}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.24);z-index:30}.panel{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100vw);height:92svh;max-height:92svh;overflow:auto;background:var(--surface);border-radius:22px 22px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));z-index:31;box-shadow:0 -24px 64px rgba(0,0,0,.18)}.grabber{width:44px;height:4px;border-radius:999px;background:var(--border);margin:0 auto 14px}
.sheet.compact-sheet .panel{height:auto;min-height:470px;max-height:76svh}
.map-tree{padding-bottom:12px}.map-node{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:13px;text-align:center}.map-node.top{border-color:var(--text);width:168px;margin:0 auto}.map-node .agent-icon,.map-node .kiki-avatar{width:44px;height:44px;font-size:17px;margin-bottom:6px}.map-line{width:1px;height:24px;background:var(--border);margin:0 auto}.map-groups{display:grid;gap:9px}.map-group{position:relative;border:1px solid var(--border);border-radius:15px;padding:30px 10px 10px;background:rgba(255,255,255,.55)}.map-label{position:absolute;top:10px;left:12px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-grid .map-node{min-height:104px}
.sheet-hero{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sheet-hero .agent-icon,.sheet-hero .kiki-avatar{width:50px;height:50px;font-size:18px}.sheet-hero h2{margin:0;font-size:21px;letter-spacing:-.035em}.sheet-hero p{margin:3px 0 0;color:var(--muted);font-size:12px}.sheet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.sheet-stat{background:var(--soft);border-radius:13px;padding:10px}.sheet-stat strong{display:block;font-family:var(--mono)}.sheet-stat span{font-size:11px;color:var(--muted)}.sheet-section{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.sheet-section h3{margin:0 0 9px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag-row span{background:var(--soft);border-radius:999px;padding:6px 9px;font-size:12px;color:var(--muted)}
.assistant-settings{padding-bottom:14px}.assistant-settings .sheet-hero{margin-bottom:16px}.assistant-settings .kiki-avatar{width:58px;height:58px}.settings-input{height:46px;border:1px solid var(--border);background:var(--soft);border-radius:14px;padding:0 12px;color:var(--text);font:inherit;font-size:16px;outline:none;width:100%;margin-top:10px}.avatar-options{display:flex;gap:9px;margin-top:10px}.avatar-option{width:44px;height:44px;border:1px solid var(--border);background:var(--surface);border-radius:50%;padding:2px}.avatar-option img{width:100%;height:100%;border-radius:50%;object-fit:cover}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:0}.settings-row strong{display:block;font-size:15px;letter-spacing:-.02em}.settings-row span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.switch{width:48px;height:28px;border:0;border-radius:999px;background:var(--sunken);padding:3px;position:relative;flex-shrink:0}.switch::after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.16);transition:transform .16s}.switch.on{background:var(--text)}.switch.on::after{transform:translateX(20px)}
.group-assistant-drawer{padding-bottom:4px}.assistant-drawer-top{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;margin-bottom:14px}.assistant-close{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--surface);font-size:22px;line-height:1;color:var(--text)}.assistant-drawer-title{min-width:0;display:flex;align-items:center;gap:10px}.assistant-drawer-title .kiki-avatar{width:44px;height:44px}.assistant-drawer-title h2{margin:0;font-size:20px;letter-spacing:-.035em}.assistant-drawer-title p{margin:3px 0 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-workspace{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px}.assistant-chat-pane{min-width:0}.assistant-chat-log{height:286px;overflow:auto;border:1px solid var(--border);background:var(--soft);border-radius:17px;padding:12px;display:flex;flex-direction:column;gap:10px}.assistant-mini-msg{max-width:88%;align-self:flex-start}.assistant-mini-msg.me{align-self:flex-end;text-align:right}.assistant-mini-msg strong{display:block;margin-bottom:4px;font-size:11px;color:var(--dim);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}.assistant-mini-msg p{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:9px 10px;font-size:13px;line-height:1.42;color:var(--text)}.assistant-mini-msg.me p{background:var(--text);color:var(--surface);border-color:var(--text)}.assistant-mini-composer{height:46px;margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:8px}.assistant-mini-composer input{min-width:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:0 14px;font:inherit;font-size:14px;color:var(--text);outline:none}.assistant-mini-composer button{border:0;border-radius:999px;background:var(--text);color:var(--surface);padding:0 15px;font-weight:760}.assistant-flow-pane{min-width:0;border:1px solid var(--border);background:var(--soft);border-radius:17px;padding:11px}.assistant-flow-pane h3{margin:0 0 9px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.assistant-flow-list{display:grid;gap:8px}.assistant-flow-card{width:100%;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:10px;text-align:left}.assistant-flow-card strong{display:block;font-size:12.5px;line-height:1.25;letter-spacing:-.02em}.assistant-flow-card span{display:block;margin-top:5px;color:var(--muted);font-family:var(--mono);font-size:10.5px;text-transform:uppercase}.assistant-flow-card.start{border-style:dashed;background:transparent}
.group-assistant-drawer{display:flex;flex-direction:column;min-height:430px}.group-assistant-drawer .assistant-chat-log{height:292px}
.sheet.compact-sheet .panel{background:var(--soft);padding-bottom:calc(18px + env(safe-area-inset-bottom))}
.group-assistant-drawer{min-height:500px;position:relative;padding-bottom:72px}
.assistant-drawer-top{grid-template-columns:38px minmax(0,1fr) 38px;margin-bottom:10px}
.assistant-drawer-title{height:48px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.48));box-shadow:0 8px 20px rgba(0,0,0,.055),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);padding:5px 13px 5px 5px}
.assistant-drawer-title .kiki-avatar{width:38px;height:38px;flex-shrink:0}
.assistant-drawer-title h2{font-size:15px;letter-spacing:-.02em}
.assistant-drawer-title p{font-size:10.5px;margin-top:2px}
.assistant-close,.assistant-flow-list-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.72);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.45));box-shadow:0 6px 16px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);color:var(--text);display:flex;align-items:center;justify-content:center}
.assistant-flow-list-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.group-assistant-drawer .assistant-chat-log{height:326px;border:0;background:transparent;border-radius:0;padding:10px 2px 12px}
.assistant-mini-composer{position:absolute;left:0;right:0;bottom:0;height:54px;margin-top:0;padding:5px 6px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.5));box-shadow:0 10px 26px rgba(0,0,0,.075),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(24px) saturate(1.45);-webkit-backdrop-filter:blur(24px) saturate(1.45);grid-template-columns:42px 1fr 42px}
.assistant-mini-composer input{border:0;background:transparent;padding:0 10px}
.assistant-mini-composer button{width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.42);color:var(--muted);display:flex;align-items:center;justify-content:center}
.assistant-mini-composer svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.assistant-mini-composer .icon-send{display:none}
.assistant-mini-composer.is-ready button{background:#6f716b;color:white}
.assistant-mini-composer.is-ready .icon-mic{display:none}
.assistant-mini-composer.is-ready .icon-send{display:block}
.settings-save{width:100%;height:48px;margin-top:18px;border:0;border-radius:999px;background:var(--text);color:var(--surface);font-weight:780;font-size:15px;letter-spacing:-.01em}
.running-flow-list{padding-bottom:14px}.running-flow-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.running-flow-head h2{margin:0;font-size:22px;letter-spacing:-.04em}.running-flow-head button{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}.running-flow-stack{display:block}.running-flow-card{margin-bottom:9px;background:rgba(255,253,250,.76)}.running-flow-card h3{font-weight:760}.running-flow-empty{border:1px dashed var(--border);background:var(--soft);border-radius:16px;padding:18px 14px;text-align:center}.running-flow-empty strong{display:block;font-size:15px;letter-spacing:-.02em}.running-flow-empty span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}
.contacts-drawer{padding-bottom:22px}.contacts-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.contacts-head h2{margin:0;font-size:24px;letter-spacing:-.04em}.contacts-head p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.contacts-search{height:42px;border:1px solid var(--border);background:var(--soft);border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:16px;color:var(--muted)}.contacts-search input{border:0;outline:0;background:transparent;flex:1;color:var(--text);font:inherit}.contact-section{margin-bottom:18px}.contact-section-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 2px 8px}.contact-list{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.contact-row{width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:12px;text-align:left;color:var(--text)}.contact-row:last-child{border-bottom:0}.contact-row .agent-icon,.contact-row .kiki-avatar{width:40px;height:40px;font-size:15px}.contact-main{min-width:0}.contact-main strong{display:block;font-size:15px;letter-spacing:-.02em}.contact-main small{display:block;margin-top:3px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-chev{color:var(--dim);font-size:22px;line-height:1}
@media (min-width:720px){body{padding:24px 0}.mf-app{min-height:calc(100svh - 48px);border:1px solid var(--border);border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.14)}.composer:not(.chat-composer),.panel{width:492px}.composer.chat-composer{width:390px}.global-ask{width:390px}.mf-tabbar{width:244px}}
