:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17243d;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.demo{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 15% 20%,#d8f3ee 0,transparent 30%),radial-gradient(circle at 90% 80%,#dce7ff 0,transparent 30%)}.demo>div{max-width:760px}.eyebrow{font-weight:800;letter-spacing:.12em;color:#087f6d}.demo h1{font-size:clamp(40px,7vw,76px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.demo p{font-size:20px;line-height:1.6;color:#526079}.demo a{color:#075f52;font-weight:800}.chat-root{position:fixed;right:24px;bottom:24px;z-index:1000}.chat-launcher{width:68px;height:68px;border:0;border-radius:24px;background:#087f6d;color:white;font-weight:800;box-shadow:0 15px 35px #0a5b5040;cursor:pointer}.chat-panel{position:absolute;right:0;bottom:82px;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100vh - 130px));display:flex;flex-direction:column;background:white;border-radius:24px;overflow:hidden;box-shadow:0 22px 70px #15233d33}.chat-panel>header{padding:20px;background:#087f6d;color:white;display:flex;justify-content:space-between}.chat-panel header div{display:flex;flex-direction:column;gap:4px}.chat-panel header small{opacity:.85}.chat-panel header button{border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.chat-panel main,.conversation main{flex:1 1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:82%;padding:11px 14px;border-radius:16px;white-space:pre-wrap;line-height:1.45}.bubble span{display:block;font-size:10px;font-weight:800;opacity:.55;margin-bottom:3px;text-transform:uppercase}.bubble.mine{align-self:flex-end;background:#087f6d;color:white;border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:#eef2f7;border-bottom-left-radius:4px}.chat-panel form,.conversation form,.login-card form{display:flex;gap:8px;padding:14px;border-top:1px solid #e7ebf1}.chat-panel input,.conversation input,.login-card input{flex:1 1;min-width:0;border:1px solid #d9e0ea;border-radius:12px;padding:12px;outline:none}.chat-panel form button,.conversation form button,.login-card button{border:0;border-radius:12px;background:#087f6d;color:white;padding:0 18px;font-weight:800}.privacy{text-align:center;font-size:11px;color:#788399;margin:0 0 9px}.dashboard{height:100vh;display:grid;grid-template-columns:340px 1fr;background:white}.dashboard aside{border-right:1px solid #dfe5ee;overflow:auto}.dashboard aside h1{font-size:20px;padding:22px;margin:0}.dashboard aside>button{display:grid;grid-template-columns:1fr auto;width:100%;text-align:left;border:0;border-top:1px solid #edf0f4;background:white;padding:16px;cursor:pointer;grid-gap:8px;gap:8px}.dashboard aside>button.active{background:#e9f6f3}.dashboard aside small{grid-column:1/3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#647087}.status{font-size:10px;font-weight:900;padding:4px 7px;border-radius:999px;background:#edf0f4}.status.waiting{background:#fff0c9;color:#835b00}.status.human{background:#d8f3ee;color:#075f52}.conversation{display:flex;flex-direction:column;min-width:0}.conversation>header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 22px;border-bottom:1px solid #dfe5ee}.conversation h2{margin:0;font-size:18px}.conversation header button{border:0;background:#087f6d;color:white;border-radius:9px;padding:9px 12px;margin-left:7px;font-weight:700}.conversation header button.secondary{background:#53627a}.conversation header button.danger{background:#b42318}.empty{margin:auto;color:#738096}.login-card{max-width:440px;margin:15vh auto;background:white;padding:30px;border-radius:20px;box-shadow:0 20px 60px #15233d18}.login-card form{padding:10px 0;border:0;flex-direction:column}.login-card button{padding:13px}@media(max-width:760px){.dashboard{grid-template-columns:1fr}.dashboard aside{height:40vh;border-right:0;border-bottom:1px solid #dfe5ee}.conversation{height:60vh}.conversation>header{align-items:flex-start;flex-direction:column}.conversation header button{margin:0 5px 0 0}.chat-root{right:16px;bottom:16px}}