:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}.followup-shell{min-height:100vh;background:linear-gradient(180deg,#f5f7fb,#eef2f7);padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033}.followup-card{width:100%;max-width:760px;min-height:100vh;margin:0 auto;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 40px #141e3714}.followup-header{padding:18px 18px 15px;border-bottom:1px solid #e9edf3;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:sticky;top:0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.followup-brand{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#52617a;margin-bottom:3px}.followup-header h1{font-size:20px;line-height:1.2;margin:0;color:#121a2b}.followup-subtitle{margin-top:5px;color:#758198;font-size:13px}.followup-status{white-space:nowrap;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:750;display:flex;align-items:center;gap:6px}.followup-status span{width:8px;height:8px;border-radius:50%}.followup-status.ai{background:#eef8f2;color:#237a45}.followup-status.ai span{background:#31a35a}.followup-status.human{background:#fff5e9;color:#9a5b12}.followup-status.human span{background:#e99024}.followup-agent{padding:9px 18px;background:#f8fafc;color:#6b768a;font-size:12px;border-bottom:1px solid #edf0f4}.followup-inline-error{margin:12px 16px 0;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#9c2f2f;font-size:13px}.followup-messages{flex:1;overflow-y:auto;padding:18px 14px 160px}.followup-row{display:flex;margin-bottom:12px}.followup-row.user{justify-content:flex-start}.followup-row.ai,.followup-row.human{justify-content:flex-end}.followup-bubble{max-width:82%;border-radius:17px;padding:10px 12px 8px;box-shadow:0 1px 3px #19233714}.followup-bubble.user{background:#f0f3f7;border-bottom-left-radius:5px}.followup-bubble.ai{background:#eaf2ff;border-bottom-right-radius:5px}.followup-bubble.human{background:#eaf8ef;border-bottom-right-radius:5px}.followup-sender{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.62;margin-bottom:3px}.followup-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42;font-size:14px}.followup-time{text-align:right;font-size:10px;opacity:.55;margin-top:5px}.followup-empty{text-align:center;color:#8b95a7;padding:50px 10px}.followup-controls{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:760px;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e5e9ef;z-index:20}.followup-takeover,.followup-return{width:100%;border:0;border-radius:10px;padding:10px 14px;margin-bottom:9px;font-weight:750;cursor:pointer}.followup-takeover{background:#172033;color:#fff}.followup-return{background:#edf2f7;color:#27364d}.followup-compose{display:flex;gap:8px;align-items:flex-end}.followup-compose textarea{flex:1;resize:none;min-height:46px;max-height:120px;padding:11px 12px;border-radius:12px;border:1px solid #d9dee7;font:inherit;outline:none}.followup-compose textarea:focus{border-color:#8ba6cc;box-shadow:0 0 0 3px #648cc31f}.followup-compose button{min-width:78px;height:46px;border:0;border-radius:12px;padding:0 16px;background:#172033;color:#fff;font-weight:750;cursor:pointer}.followup-compose button:disabled,.followup-takeover:disabled,.followup-return:disabled{opacity:.5;cursor:default}.followup-state-card{width:calc(100% - 32px);max-width:430px;margin:15vh auto 0;background:#fff;border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 12px 35px #1e2d461a}.followup-state-card h2{margin:12px 0 8px}.followup-state-card p{color:#6d788c;line-height:1.5}.followup-state-card button{border:0;border-radius:10px;padding:11px 18px;background:#172033;color:#fff;font-weight:700}.followup-spinner{width:32px;height:32px;margin:0 auto 15px;border-radius:50%;border:3px solid #e2e7ee;border-top-color:#172033;animation:followup-spin .8s linear infinite}.followup-error-icon{width:44px;height:44px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:#fff0f0;color:#b33131;font-weight:900;font-size:22px}@keyframes followup-spin{to{transform:rotate(360deg)}}@media(min-width:761px){.followup-card{min-height:100vh}.followup-messages{padding-left:24px;padding-right:24px}}.followup-card{height:100dvh;min-height:100dvh;overflow:hidden}.followup-header,.followup-agent{flex-shrink:0}.followup-messages{min-height:0;overscroll-behavior:contain;scroll-behavior:smooth;background:radial-gradient(circle at 20% 20%,rgba(23,32,51,.025),transparent 30%),#f7f8fa}.followup-bubble{position:relative}.followup-bubble.user{border:1px solid #e4e8ee}.followup-bubble.ai{border:1px solid #d9e7fb}.followup-bubble.human{border:1px solid #d7eddf}.followup-controls{box-shadow:0 -8px 30px #121c2d12}.followup-takeover{min-height:48px;font-size:15px;box-shadow:0 5px 15px #1720332e}.followup-return{min-height:46px;font-size:14px}.followup-compose textarea:disabled{background:#f2f4f7;color:#7a8495}.followup-compose button{flex-shrink:0}@media(max-width:480px){.followup-header{padding:14px 14px 12px}.followup-brand{max-width:240px;font-size:11px;line-height:1.35}.followup-header h1{font-size:19px}.followup-subtitle{font-size:12px}.followup-status{padding:6px 9px;font-size:11px}.followup-agent{padding:8px 14px}.followup-messages{padding:14px 10px 155px}.followup-bubble{max-width:88%}.followup-text{font-size:14px}.followup-controls{padding:9px 10px max(10px,env(safe-area-inset-bottom))}.followup-compose textarea{min-height:44px}.followup-compose button{min-width:68px;height:44px;padding:0 13px}}