:root{--bg:#080f1c;--surface:#0c1828;--surface2:#122239;--stroke:#23354a;--text:#e8f6f6;--muted:#91a5b6;--teal:#68e4d0;--blue:#8299ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif}body{overflow-x:hidden}.topbar{height:70px;background:#0a1625;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:.9px}.brandicon{color:var(--teal);font-size:25px;margin-right:8px}.accent{color:var(--teal)}.slash{margin:0 15px;font-weight:400;color:#455e78}.product{font-size:12px;letter-spacing:2px;color:#b0c2d2}.right{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:1px;color:#bad1d2}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 13px var(--teal)}.pilot{border:1px solid #2c4963;padding:8px 11px;border-radius:6px;margin-left:14px;color:#7e9cad}.layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(350px,1fr) minmax(320px,400px);min-height:calc(100vh - 70px)}.panel{background:#0c192a}.leftpanel{padding:28px 25px;border-right:1px solid var(--stroke)}.eyebrow{font-weight:700;color:var(--teal);font-size:10px;letter-spacing:2.15px;margin-bottom:15px}.leftpanel h2,.chatHeader h2{font:600 24px/1.19 'Space Grotesk',sans-serif;margin:0 0 13px}.leftpanel h2 em{font-style:normal;color:var(--teal)}.muted{color:var(--muted);font-size:13px;line-height:1.65}.dropzone{margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;min-height:155px;border:1px dashed #476279;border-radius:13px;background:rgba(78,139,159,.055);cursor:pointer;transition:.2s;padding:16px}.dropzone:hover,.dropzone.dragover{border-color:var(--teal);background:rgba(85,225,198,.08)}.upload-icon{font-size:28px;color:var(--teal)}.dropzone strong{font-size:12px;overflow-wrap:anywhere}.dropzone small,.caption{font-size:10px;color:var(--muted);line-height:1.7}.primary{background:linear-gradient(110deg,#67e5ce,#7fb2ff);color:#071421;border:0;border-radius:9px;padding:14px 18px;font-weight:700;font-size:12px;cursor:pointer}.primary:hover{filter:brightness(1.12)}.primary:disabled{opacity:.5;cursor:wait}.primary span{margin-left:10px;font-size:18px}.full{width:100%;margin-top:14px}.divider{height:1px;background:var(--stroke);margin:24px 0}.personaInfo{font-size:12px;line-height:1.55;color:#d9ecf0}.personaInfo h3{font:600 19px 'Space Grotesk';margin:2px 0}.personaInfo .segment{font-size:11px;color:var(--teal);margin:0 0 8px}.personaInfo p{color:#b3c5d2;margin:8px 0}.personaInfo h4{font-size:10px;letter-spacing:1.25px;color:#9eb1bf;text-transform:uppercase;margin:18px 0 7px}.personaInfo ul{padding-left:16px;color:#c1d0d8;margin:0}.personaInfo li{margin-bottom:6px}.emptyState{padding:26px 0;color:#8196a6;font-size:12px}.bottomnote{letter-spacing:1.3px;color:#9eebdd;font-size:10px;font-weight:700;line-height:1.7}.bottomnote span{letter-spacing:0;font-weight:400;color:var(--muted)}.center{padding:27px 30px;display:flex;flex-direction:column;gap:24px}.centerhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.centerhead .eyebrow{margin-bottom:7px}.center h1{font:600 27px 'Space Grotesk';margin:0;letter-spacing:-.6px}.outline{color:#d8e8f5;border:1px solid #3e5d73;background:transparent;border-radius:8px;padding:11px 14px;cursor:pointer;font-size:12px}.outline:disabled{opacity:.3;cursor:not-allowed}.avatarPanel{position:relative;flex:1;min-height:525px;overflow:hidden;background:radial-gradient(ellipse at 50% 39%,#153a50 0%,#0c1b2b 35%,#0a1726 75%);border:1px solid #274152;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px}.orbit{pointer-events:none;position:absolute;left:50%;top:41%;border:1px solid rgba(97,219,212,.09);border-radius:50%;transform:translate(-50%,-50%)}.orbit1{width:380px;height:380px}.orbit2{width:470px;height:470px}.avatarWrap{position:relative;width:min(100%,320px);filter:drop-shadow(0 2px 35px rgba(54,219,200,.17));animation:float 5s ease-in-out infinite}.avatarWrap svg{width:100%;display:block}#leftEye,#rightEye,#leftPupil,#rightPupil,#mouth,#leftBrow,#rightBrow{transition:all 480ms ease}.stateLabel{display:flex;align-items:center;gap:9px;font-size:10px;color:#88dccf;letter-spacing:1.5px;margin-top:0}.expr{font:500 23px 'Space Grotesk';margin:12px 0 22px}.vad{display:flex;gap:23px;width:min(100%,365px);justify-content:center}.vad>div{flex:1;min-width:0}.vad small{display:block;color:#98acbd;font-size:9px;letter-spacing:1px;margin-bottom:6px}.vad b{display:block;font:500 13px 'Space Grotesk';margin-bottom:8px}.meter{height:4px;background:#2a4656;border-radius:4px;overflow:hidden}.meter i{display:block;background:linear-gradient(90deg,#3e98ac,#78e5ce);height:100%;width:0%;transition:width .5s}.explanation{display:flex;gap:12px;align-items:flex-start;padding:2px 8px;color:#819aad;font-size:11px;line-height:1.8}.explanation b{color:#aec5d4}.sig{color:var(--teal);font-size:25px}.chatpanel{border-left:1px solid var(--stroke);display:flex;flex-direction:column;min-height:0;height:calc(100vh - 70px)}.chatHeader{padding:27px 22px 17px;border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center}.chatHeader .eyebrow{margin-bottom:8px}.chatHeader h2{font-size:20px;margin:0}.chatcounter{font-size:9px;color:#87a7b8;white-space:nowrap}.messages{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:17px}.welcome{text-align:center;padding:60px 16px;color:#a2bbca}.welcome span{font-size:43px;color:var(--teal)}.welcome h3{font:600 17px 'Space Grotesk';color:#ecfbf9;margin:15px 0 7px}.welcome p{font-size:12px;line-height:1.8}.msg{max-width:94%;display:flex;flex-direction:column;gap:6px}.msg.user{align-self:flex-end;align-items:flex-end}.msg.bot{align-self:flex-start}.bubble{font-size:13px;line-height:1.7;padding:13px 15px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.msg.user .bubble{background:#25566a;border-bottom-right-radius:4px}.msg.bot .bubble{background:#172c41;border:1px solid #29465a;border-bottom-left-radius:4px}.meta{font-size:10px;letter-spacing:.6px;color:#89a4b4}.attached-photo{max-width:200px;max-height:170px;object-fit:contain;display:block;border-radius:9px;margin:7px 0 0 auto}.chatForm{padding:14px 15px 17px;border-top:1px solid var(--stroke)}.composer{display:flex;align-items:end;gap:9px;background:#12253a;border:1px solid #315065;border-radius:12px;padding:9px}.composer textarea{resize:none;border:0;outline:0;background:transparent;font:13px/1.5 'DM Sans';color:white;flex:1;min-width:0;max-height:120px}.composer textarea::placeholder{color:#718c9f}.filebutton{cursor:pointer;font-size:25px;color:#8dcfc7;width:30px;text-align:center;line-height:30px}.send{border:none;border-radius:9px;background:var(--teal);color:#0b2231;font-size:21px;width:35px;height:35px;cursor:pointer}.send:disabled{opacity:.4;cursor:not-allowed}.chatForm>small{display:block;margin:10px 3px 0;color:#7894a6;font-size:10px}.attached{padding:8px;color:#adebdf;font-size:11px;display:flex;justify-content:space-between}.attached button{background:transparent;border:0;color:#f4aaaa;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#20364b;border:1px solid #5c8192;border-radius:10px;padding:12px 16px;font-size:12px;max-width:90vw;display:none;z-index:5}.toast.show{display:block}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:1200px){.layout{grid-template-columns:255px 1fr}.chatpanel{grid-column:2;height:590px;border-left:0;border-top:1px solid var(--stroke)}.leftpanel{grid-row:1 / 3}.center{min-height:650px}.avatarPanel{min-height:450px}}@media(max-width:750px){.topbar{padding:0 15px;height:60px}.brand{font-size:14px}.product{font-size:9px}.right .pilot{display:none}.layout{display:flex;flex-direction:column}.leftpanel{border-right:0;border-bottom:1px solid var(--stroke)}.center{min-height:570px;padding:20px 15px}.center h1{font-size:22px}.avatarPanel{min-height:430px}.chatpanel{height:620px}.avatarWrap{width:260px}}.heartReadout{display:flex;align-items:center;gap:9px;margin:-8px 0 20px;color:#8ab7c2;font-size:10px;letter-spacing:1px}.heartReadout strong{color:#8ff0df;font-weight:600}.heartReadout .beat{color:#f58d9e;font-size:17px;animation:pulse 1.3s ease-in-out infinite}.heartReadout>span:last-child{color:#65849b;font-size:10px}@keyframes pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.24)}}.dropzone{cursor:default}.dropzone:hover{border-color:#476279;background:rgba(78,139,159,.055)}.readonly-label{font-size:10px;text-transform:uppercase;color:#8dd9cb;letter-spacing:1.2px;font-weight:700}.chatForm .demo-controls{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.demo-controls button{background:#17334a;color:#d5f9f4;border:1px solid #34566b;border-radius:8px;padding:10px 14px;cursor:pointer;font:600 12px system-ui}.demo-controls button:disabled{opacity:.38;cursor:not-allowed}.demo-controls button.primary-mini{background:#67e5ce;color:#07202e}.demo-controls small{color:#8bb4c7}.demo-label{background:#112b41;border:1px solid #325670;padding:10px;border-radius:9px;color:#b4d1dd;font-size:11px;line-height:1.5;margin-bottom:12px}.backtop{font-size:11px;color:#96dccf;text-decoration:none}.backtop:hover{text-decoration:underline}.demo-banner{font-size:10px;color:#83b6af;padding:5px 0}.messages{scroll-behavior:smooth}button:focus-visible,a:focus-visible{outline:2px solid #67e5ce;outline-offset:3px}@media(max-width:750px){.chatpanel{height:640px}}.center h1,.personaInfo h3,.leftpanel h2,.chatHeader h2,.expr{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}@media (min-width:1201px){.layout{height:calc(100vh - 70px);min-height:690px;align-items:stretch}.leftpanel{height:calc(100vh - 70px);min-height:690px;overflow:auto}.center{height:calc(100vh - 70px);min-height:690px}.avatarPanel{min-height:360px}.chatpanel{height:calc(100vh - 70px);min-height:690px}}