@font-face{font-family:FKDisplay;src:url(/fonts/FKDisplay-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/GeistMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--rail-bg: #1b1b18;--sidebar-bg: #22221e;--sidebar-raised: #33312e;--sidebar-composer: #2a2824;--sidebar-border: rgba(255, 255, 255, .055);--text-light: #e8e6e2;--text-body: #d6d4cf;--text-dim: #7a7873;--canvas: #eceae6;--topbar: #eeecea;--topbar-border: #e1dfda;--card: #f6f6f7;--divider: #eaebeb;--ink: #1c1c1e;--ink-mid: #8f8d89;--ink-placeholder: #a9a7a3;--accent: #057bf7;--accent-down: #0670df;--live: #30b14e;--recv-bubble: #e9e9eb;--phone-zone: #f0f0f0;--phone-edge: #dad8d5;--font: "FKDisplay", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "GeistMono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-ios: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--ease-pop: cubic-bezier(.2, .9, .3, 1.15)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--canvas);color:var(--ink);overflow:hidden}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{font-family:var(--mono);font-size:.92em}.app{display:flex;height:100dvh}.rail{width:232px;flex-shrink:0;background:var(--rail-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;min-height:0}.rail-head{display:flex;align-items:center;gap:10px;padding:18px 16px 14px;color:var(--text-light);font-size:14px}.rail-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:8px 16px 6px}.rail-list{flex:1;overflow-y:auto;min-height:0;padding:0 8px}.rail-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border-radius:10px}.rail-item:hover{background:#ffffff0d}.rail-item.is-current{background:#ffffff17}.rail-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:var(--sidebar-raised);color:var(--text-body);display:grid;place-items:center;font-size:14px;flex-shrink:0}.rail-avatar.is-live:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:50%;background:var(--live);border:2px solid var(--rail-bg)}.rail-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.rail-name{font-size:13.5px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-sub{font-family:var(--mono);font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-new{width:100%;text-align:left;padding:9px 8px 9px 16px;border-radius:10px;font-size:13px;color:var(--text-dim)}.rail-new:hover{background:#ffffff0d;color:var(--text-light)}.rail-foot{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--sidebar-border)}.rail-who{flex:1;font-family:var(--mono);font-size:11.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-out{font-size:12px;color:var(--text-dim)}.rail-out:hover{color:var(--text-light)}@media(max-width:1180px){.rail{display:none}}.sidebar{width:clamp(420px,29vw,562px);flex-shrink:0;background:var(--sidebar-bg);display:flex;flex-direction:column;min-height:0}.sb-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px}.sb-ident{display:flex;align-items:center;gap:10px;min-width:0}.sb-avatar{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:linear-gradient(180deg,#c0bebb,#a8a6a2);color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center;user-select:none}.sb-name{color:var(--text-light);font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-badge{font-family:var(--mono);color:var(--text-dim);font-size:13px}.sb-menu-wrap{position:relative}.sb-chev{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--text-dim);transition:background .15s,color .15s}.sb-chev:hover,.sb-chev[aria-expanded=true]{background:var(--sidebar-raised);color:var(--text-light)}.sb-menu{position:absolute;top:32px;right:0;min-width:250px;background:var(--sidebar-raised);border:1px solid var(--sidebar-border);border-radius:12px;padding:6px;box-shadow:0 12px 40px #00000073;z-index:30;animation:menu-in .16s var(--ease-pop) both}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.sb-menu-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:9px 11px;border-radius:8px;font-size:14px;color:var(--text-body);text-align:left;transition:background .12s}.sb-menu-item:hover{background:#ffffff0f}.sb-menu-item.is-current .sb-menu-name{color:var(--text-light);font-weight:600}.sb-menu-item.is-dim .sb-menu-name{color:var(--text-dim)}.sb-menu-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-menu-tag{font-family:var(--mono);color:var(--text-dim);font-size:11.5px;flex-shrink:0}.sb-menu-sep{height:1px;background:var(--sidebar-border);margin:5px 8px}.sb-scroll-wrap{position:relative;flex:1;min-height:0;display:flex}.sb-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px clamp(24px,2.2vw,40px) 16px;scrollbar-width:thin;scrollbar-color:#3a3833 transparent}.sb-messages::-webkit-scrollbar{width:8px}.sb-messages::-webkit-scrollbar-thumb{background:#3a3833;border-radius:4px}.msg-agent{color:var(--text-body);font-size:18px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word;margin-bottom:18px;animation:bubble-in .22s var(--ease-pop) both}.msg-agent.is-streaming:after{content:"";display:inline-block;width:8px;height:15px;margin-left:3px;vertical-align:-2px;background:var(--text-dim);border-radius:2px;animation:caret 1s steps(2) infinite}@keyframes caret{50%{opacity:0}}.msg-owner-row{display:flex;justify-content:flex-end;margin:4px 0 18px;animation:bubble-in .22s var(--ease-pop) both}.msg-owner{position:relative;max-width:82%;background:var(--sidebar-raised);color:var(--text-light);font-size:17px;line-height:1.45;padding:10px 14px;border-radius:16px 16px 6px;white-space:pre-wrap;overflow-wrap:break-word}.tapback{position:absolute;top:-14px;right:-8px;background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:999px;padding:3px 7px;font-size:13px;box-shadow:0 3px 10px #00000059;animation:tap-in .26s var(--ease-pop) both}@keyframes tap-in{0%{opacity:0;transform:scale(.4)}}.msg-error{color:var(--text-dim);font-size:14px;margin-bottom:18px}.msg-retry{color:var(--accent);font-size:14px}.typing{display:inline-flex;gap:5px;padding:12px 2px}.typing span{width:8px;height:8px;border-radius:50%;background:var(--text-dim);animation:typing-pulse 1.3s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes typing-pulse{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}.jump-chip{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:var(--sidebar-raised);border:1px solid var(--sidebar-border);color:var(--text-body);font-size:12.5px;padding:6px 12px;border-radius:999px;box-shadow:0 6px 20px #0006;animation:menu-in .16s var(--ease-pop) both}.composer-zone{padding:10px clamp(24px,2.2vw,40px) 24px}.composer-hint{color:var(--text-dim);font-size:15px;margin-bottom:12px}.composer{background:var(--sidebar-composer);border:1px solid var(--sidebar-border);border-radius:16px;padding:14px 14px 12px;transition:border-color .15s}.composer:focus-within{border-color:#ffffff24}.composer-input{width:100%;background:none;border:none;resize:none;color:var(--text-light);font-family:inherit;font-size:17px;line-height:1.4;max-height:132px}.composer-input::placeholder{color:var(--text-dim)}.composer-input:focus{outline:none}.composer-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.composer-plus{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--text-dim);cursor:default}.composer-send{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#4a4844;color:#8f8d89;transition:background .18s,color .18s,transform .12s}.composer-send.is-ready{background:var(--accent);color:#fff}.composer-send.is-ready:active{transform:scale(.92)}.composer-send:disabled{cursor:default}.stage{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;flex-shrink:0;background:var(--topbar);border-bottom:1px solid var(--topbar-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-title{display:flex;align-items:center;gap:10px;min-width:0}.topbar-name{font-size:16px;font-weight:600;color:#3c3b39;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-dot{width:5px;height:5px;border-radius:50%;background:#b3b1ac;flex-shrink:0}.topbar-status{font-size:16px;color:var(--ink-mid)}.topbar-status.is-live{color:var(--live)}.deploy-btn{background:var(--accent);color:#fff;font-family:var(--mono);font-size:15.5px;font-weight:500;letter-spacing:-.3px;padding:12px 34px;border-radius:12px;min-width:148px;display:grid;place-items:center;box-shadow:0 2px 8px #057bf747;transition:background .15s,transform .12s}.deploy-btn:hover{background:var(--accent-down)}.deploy-btn:active{transform:scale(.97)}.live-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--topbar-border);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500;color:#3c3b39;animation:menu-in .2s var(--ease-pop) both}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px #30b14e2e}.canvas{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;gap:clamp(32px,4vw,64px);padding:48px 32px 32px;overflow:auto;overscroll-behavior:contain}.contact-card{font-family:var(--font-ios);width:min(577px,44vw);min-width:340px;background:var(--card);border-radius:16px;box-shadow:0 1px 2px #1c1b180d,0 12px 36px #1c1b1812}.cc-head{display:flex;align-items:center;gap:26px;padding:30px 32px}.cc-avatar{width:98px;height:98px;flex-shrink:0;border-radius:50%;background:linear-gradient(180deg,#c0bebb,#a8a6a2);color:#fff;font-size:40px;font-weight:500;display:grid;place-items:center;user-select:none}.cc-name{font-size:28px;font-weight:600;color:var(--ink);overflow-wrap:break-word;animation:value-in .2s ease both}.cc-name.is-placeholder{color:var(--ink-placeholder);font-weight:500}.cc-sub{font-size:15px;color:var(--ink-mid);margin-top:3px;animation:value-in .2s ease both}.cc-photo{display:block;color:var(--accent);font-size:15px;margin-top:8px;padding:0;cursor:default}.cc-row{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:baseline;padding:17px 32px;border-top:1px solid var(--divider);font-size:17px}.cc-label{color:var(--ink)}.cc-value{color:var(--ink);overflow-wrap:break-word;animation:value-in .2s ease both}.cc-value.is-placeholder{color:var(--ink-placeholder)}@keyframes value-in{0%{opacity:0}}.phone-fit{position:relative;flex-shrink:0}.phone{font-family:var(--font-ios);position:absolute;top:0;left:0;width:393px;height:852px;transform-origin:top left;background:var(--card);border-radius:44px;box-shadow:0 0 0 1px var(--phone-edge),0 24px 60px #1c1b181f;display:flex;flex-direction:column;overflow:hidden}.ph-status{position:relative;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 28px 0;background:var(--phone-zone)}.ph-time{font-size:17px;font-weight:600;letter-spacing:.2px}.ph-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:122px;height:34px;border-radius:18px;background:#000}.ph-status-icons{display:flex;align-items:center;gap:7px;color:var(--ink)}.ph-header{position:relative;flex-shrink:0;background:var(--phone-zone);border-bottom:1px solid #e2e2e4;padding:4px 0 8px}.ph-back{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--accent)}.ph-contact{display:flex;flex-direction:column;align-items:center;gap:4px}.ph-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,#c8c6c3,#aeaca8);color:#fff;font-size:20px;font-weight:500;display:grid;place-items:center;user-select:none}.ph-contact-label{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--ink)}.ph-contact-label svg{color:#b0b0b4}.ph-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;display:flex;flex-direction:column;background:#f7f7f8;scrollbar-width:none}.ph-body::-webkit-scrollbar{display:none}.ph-empty{flex:1;display:grid;place-items:center;color:var(--ink-placeholder);font-size:15px}.pb-row{display:flex;margin-bottom:3px;animation:bubble-in .22s var(--ease-pop) both}.pb-row-sent{justify-content:flex-end}.pb-row-recv{justify-content:flex-start}.pb{position:relative;max-width:76%;padding:8px 13px;border-radius:18px;font-size:16px;line-height:1.3;white-space:pre-wrap;overflow-wrap:break-word}.pb-sent{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.pb-recv{background:var(--recv-bubble);color:#000;border-bottom-left-radius:5px}.pb-row-recv:has(+.pb-row-recv) .pb-recv{border-bottom-left-radius:18px}.pb-row-sent:has(+.pb-row-sent) .pb-sent{border-bottom-right-radius:18px}.pb-tapback{position:absolute;top:-15px;right:-6px;background:#fff;border:1px solid #e4e4e6;border-radius:999px;padding:3px 7px;font-size:12px;box-shadow:0 3px 8px #0000001f;animation:tap-in .26s var(--ease-pop) both}.pb-typing{display:inline-flex;gap:4px;padding:12px 14px}.pb-typing span{width:7px;height:7px;border-radius:50%;background:#a9a9ad;animation:typing-pulse 1.3s ease-in-out infinite}.pb-typing span:nth-child(2){animation-delay:.18s}.pb-typing span:nth-child(3){animation-delay:.36s}.ph-inputbar{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:8px 14px 4px;background:#f7f7f8}.ph-plus{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--recv-bubble);color:#7c7c80;display:grid;place-items:center}.ph-field{position:relative;flex:1;height:36px;border-radius:18px;background:var(--phone-zone);border:1px solid #e3e3e5;color:#a9a9ad;font-size:16px;line-height:34px;padding-left:14px}.ph-send{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--accent);display:grid;place-items:center}.ph-home{flex-shrink:0;width:134px;height:5px;border-radius:3px;background:#bbb;margin:8px auto 9px}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#16161385;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:value-in .2s ease both}.overlay.is-quiet{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.login-card{width:min(380px,calc(100vw - 48px));background:#fff;border-radius:20px;padding:36px 32px 30px;text-align:center;box-shadow:0 30px 80px #00000059;animation:card-in .26s var(--ease-pop) both}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.login-mark{display:flex;justify-content:center;margin-bottom:10px}.login-title{font-size:21px;font-weight:700;color:var(--ink)}.login-sub{font-size:14.5px;line-height:1.45;color:var(--ink-mid);margin:8px 0 20px}.login-input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid #ddd;font-family:inherit;font-size:16px;margin-bottom:12px;transition:border-color .15s}.login-input:focus{outline:none;border-color:var(--accent)}.login-code{text-align:center;letter-spacing:7px;font-size:19px}.login-btn{width:100%;background:var(--accent);color:#fff;font-size:15px;font-weight:600;padding:11px;border-radius:10px;display:grid;place-items:center;min-height:42px;transition:background .15s,transform .12s}.login-btn:hover:not(:disabled){background:var(--accent-down)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.55;cursor:default}.login-alt{color:var(--accent);font-size:14px;margin-top:14px}.login-error{color:#d0342c;font-size:14px;margin-top:14px}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,12px);background:var(--ink);color:#f2f1ee;font-size:14px;padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px #0000004d;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s var(--ease-pop);z-index:60;max-width:min(560px,calc(100vw - 48px))}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:1520px){.canvas{flex-direction:column;align-items:center;justify-content:flex-start;gap:40px}.contact-card{width:min(577px,100%)}.phone-fit{margin-bottom:16px}}@media(max-width:940px){.stage{display:none}.sidebar{width:100%}}@media(prefers-reduced-motion:reduce){.msg-agent,.msg-owner-row,.pb-row,.sb-menu,.jump-chip,.live-pill,.login-card,.tapback,.pb-tapback{animation:none}.typing span,.pb-typing span{animation:none;opacity:.6}.toast{transition:opacity .15s ease}}