:root{--navy-950:#040c1b;--navy-900:#07162d;--navy-850:#0a1c37;--navy-800:#0d2445;--teal:#23d6a0;--teal-deep:#18b98a;--cyan:#1cc8c5;--text:#f3f7fb;--muted:#93a4b9;--soft:#b6c3d2;--card:#09172bed;--line:#9ab3ce29;--line-strong:#9ab3ce3d;--shadow:0 28px 80px #00000059}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--navy-950)}body{color:var(--text);background:var(--navy-950);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{border:0}button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #23d6a0b8}.service-shell{isolation:isolate;background:radial-gradient(circle at 17% 4%,#1ec8c51f,#0000 23%),radial-gradient(circle at 88% 83%,#23d6a01c,#0000 28%),linear-gradient(#07162d 0%,#061326 100%);grid-template-rows:76px minmax(0,1fr);min-height:100dvh;display:grid;position:relative;overflow:hidden}.aurora{z-index:-1;filter:blur(70px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.aurora-one{background:#23d6a02e;width:380px;height:180px;top:-80px;left:28%}.aurora-two{background:#1cc8c521;width:420px;height:220px;bottom:-70px;right:-120px}.grid-glow{z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#7d9bb80e 1px,#0000 1px),linear-gradient(90deg,#7d9bb80b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000000bf 42%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000bf 42%,#0000 100%)}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040c1b8f;border-bottom:1px solid #a8c1db14;justify-content:space-between;align-items:center;width:100%;padding:0 clamp(18px,5vw,58px);display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{width:42px;height:42px;color:var(--teal);background:#0d2445e6;border:1px solid #23d6a02e;border-radius:13px;place-items:center;display:grid;box-shadow:0 10px 30px #0000003d}.brand-mark svg{width:29px;height:29px}.brand-name{color:#f7fbfe;letter-spacing:.12em;font-size:13px;font-weight:850}.brand-sub{color:var(--teal);letter-spacing:.24em;margin-top:3px;font-size:8px;font-weight:900}.topbar-right{align-items:center;gap:10px;display:flex;position:relative}.live-pill{color:#b4c3d5;border:1px solid var(--line);background:#0a1c37b8;border-radius:999px;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:11px;font-weight:750;display:inline-flex}.live-dot{background:var(--teal);border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #23d6a01a}.live-dot.thinking{background:#f4b34f;box-shadow:0 0 0 4px #f4b34f1a}.live-dot.error{background:#ef6e71;box-shadow:0 0 0 4px #ef6e711a}.icon-button{color:#d8e5f1;border:1px solid var(--line);cursor:pointer;background:#0a1c37b8;border-radius:12px;place-items:center;width:36px;height:36px;transition:background .16s,border-color .16s,transform .16s;display:grid}.icon-button:hover{background:#112a4de6;border-color:#23d6a040;transform:translateY(-1px)}.menu-wrap{position:relative}.menu-popover{z-index:30;border:1px solid var(--line-strong);background:#061326fa;border-radius:14px;width:230px;padding:9px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 50px #0006}.menu-popover button{color:#edf4fb;cursor:pointer;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 11px;display:flex}.menu-popover button:hover{background:#23d6a012}.menu-hint{color:#7f92a7;padding:8px 11px 5px;font-size:10px;line-height:1.45}.chat-stage{grid-template-rows:minmax(0,1fr) auto;gap:10px;width:min(980px,100% - 30px);min-height:0;margin:0 auto;padding:18px 0 14px;display:grid}.chat-card{border:1px solid var(--line-strong);min-height:0;box-shadow:var(--shadow);background:linear-gradient(#09182df7,#050f1ef7);border-radius:25px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.chat-card-head{border-bottom:1px solid var(--line);background:#0b1d38b3;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:12px 18px;display:flex}.agent-heading{align-items:center;gap:11px;min-width:0;display:flex}.agent-logo{width:39px;height:39px;color:var(--teal);background:#23d6a00f;border:1px solid #23d6a02b;border-radius:12px;flex:none;place-items:center;display:grid}.agent-title{color:#f4f8fc;font-size:12px;font-weight:800}.agent-caption{color:#7f92a7;margin-top:3px;font-size:9px;line-height:1.4}.desktop-secure{color:#91a7bb;white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:750;display:inline-flex}.desktop-secure svg{color:var(--teal)}.chat-scroll{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#94adc738 transparent;min-height:0;overflow-y:auto}.chat-scroll::-webkit-scrollbar{width:7px}.chat-scroll::-webkit-scrollbar-thumb{background:#94adc72e;border-radius:999px}.welcome-zone{text-align:center;max-width:760px;margin:0 auto;padding:clamp(36px,7vh,75px) 22px 24px}.welcome-badge{color:#91ead1;letter-spacing:.03em;background:#23d6a00d;border:1px solid #23d6a029;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:0 auto;padding:7px 11px;font-size:9px;font-weight:800;display:inline-flex}.welcome-zone h1{color:#f3f7fb;letter-spacing:-.04em;margin:17px 0 12px;font-size:clamp(30px,4.4vw,48px);line-height:.98}.welcome-zone h1 span{color:var(--teal)}.welcome-zone>p{color:#91a2b6;max-width:570px;margin:0 auto;font-size:12px;line-height:1.7}.prompt-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.prompt-card{min-width:0;color:inherit;border:1px solid var(--line);cursor:pointer;background:#09192fdb;border-radius:15px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;transition:transform .16s,border-color .16s,background .16s;display:grid}.prompt-card:hover:not(:disabled){background:#0c213df2;border-color:#23d6a03d;transform:translateY(-1px)}.prompt-card:disabled{opacity:.55;cursor:not-allowed}.prompt-icon{width:38px;height:38px;color:var(--teal);background:#23d6a012;border-radius:11px;place-items:center;display:grid}.prompt-copy{min-width:0}.prompt-copy strong,.prompt-copy small{display:block}.prompt-copy strong{color:#edf5fa;font-size:11px;font-weight:800}.prompt-copy small{color:#7f92a7;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;line-height:1.45;overflow:hidden}.prompt-arrow{color:#627991;transform:rotate(-90deg)}.message-list{max-width:820px;margin:0 auto;padding:24px 20px 30px}.message-row{align-items:flex-end;gap:9px;margin-bottom:14px;display:flex}.message-row.user{justify-content:flex-end}.message-avatar{width:28px;height:28px;color:var(--teal);background:#23d6a00d;border:1px solid #23d6a021;border-radius:9px;flex:none;place-items:center;display:grid}.message-bubble{border:1px solid var(--line);background:#09192fe6;border-radius:17px;max-width:min(75%,660px);padding:12px 14px;box-shadow:0 10px 25px #0000001a}.message-row.user .message-bubble{color:#07182d;background:linear-gradient(135deg,#27d9a3,#1bc4c0);border-color:#0000;border-bottom-right-radius:6px}.message-row.assistant .message-bubble{border-bottom-left-radius:6px}.message-text{white-space:pre-wrap;word-break:break-word;color:#dbe6ef;font-size:12px;line-height:1.72}.message-row.user .message-text{color:#06203a}.typing-bubble{align-items:center;gap:5px;min-width:58px;display:inline-flex}.typing-bubble span{background:#6e879e;border-radius:999px;width:6px;height:6px;animation:1.1s ease-in-out infinite blink}.typing-bubble span:nth-child(2){animation-delay:.12s}.typing-bubble span:nth-child(3){animation-delay:.24s}@keyframes blink{0%,70%,to{opacity:.42;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}.composer-area{border-top:1px solid var(--line);background:#050f1ef5;padding:11px 15px 13px}.composer-note{color:#71869d;align-items:center;gap:7px;max-width:820px;margin:0 auto 8px;font-size:9px;display:flex}.composer-note svg{color:#8299b0}.composer{background:#091a30eb;border:1px solid #90aac633;border-radius:17px;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;max-width:820px;margin:0 auto;padding:8px;display:grid;box-shadow:0 14px 40px #0003}.composer textarea{resize:none;color:#eef5fa;background:0 0;border:0;outline:0;width:100%;min-height:35px;max-height:140px;padding:8px 10px;font-size:12px;line-height:1.55}.composer textarea::placeholder{color:#6f8499}.composer textarea:disabled{cursor:not-allowed}.send-button{color:#062039;cursor:pointer;background:linear-gradient(135deg,#29dba5,#1ac9c3);border-radius:12px;place-items:center;width:42px;height:42px;transition:transform .16s,opacity .16s;display:grid;box-shadow:0 9px 25px #23d6a02e}.send-button:hover:not(:disabled){transform:translateY(-1px)}.send-button:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}.composer-footer{color:#61768d;justify-content:space-between;gap:10px;max-width:820px;margin:6px auto 0;font-size:8px;display:flex}.stage-footer{color:#627991;letter-spacing:.03em;justify-content:center;align-items:center;gap:7px;font-size:8px;display:flex}.footer-separator{color:#23d6a08c}@media (max-width:700px){.service-shell{grid-template-rows:68px minmax(0,1fr)}.topbar{padding:0 13px}.brand-mark{border-radius:12px;width:38px;height:38px}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:11px}.brand-sub{font-size:7px}.live-pill{height:33px;padding:0 9px;font-size:9px}.icon-button{width:34px;height:34px}.chat-stage{gap:6px;width:calc(100% - 12px);padding:7px 0 6px}.chat-card{border-radius:19px}.chat-card-head{min-height:68px;padding:10px 12px}.agent-logo{border-radius:10px;width:35px;height:35px}.agent-title{font-size:11px}.agent-caption{max-width:210px;font-size:8px}.desktop-secure{display:none}.welcome-zone{padding:34px 14px 16px}.welcome-zone h1{font-size:31px;line-height:1.01}.welcome-zone>p{font-size:11px;line-height:1.62}.prompt-grid{grid-template-columns:1fr;gap:8px;margin-top:22px}.prompt-card{grid-template-columns:35px minmax(0,1fr) auto;padding:10px}.prompt-icon{width:35px;height:35px}.prompt-copy small{white-space:normal}.message-list{padding:18px 10px 20px}.message-bubble{border-radius:15px;max-width:88%;padding:10px 12px}.message-text{font-size:11px;line-height:1.65}.composer-area{padding:9px 8px 10px}.composer-note{margin-bottom:7px;font-size:8px}.composer{border-radius:14px;grid-template-columns:minmax(0,1fr) 40px;padding:7px}.composer textarea{font-size:11px}.send-button{border-radius:11px;width:40px;height:40px}.composer-footer{font-size:7px}.stage-footer{text-align:center;padding:0 8px;line-height:1.4}}@media (max-width:420px){.brand-sub{display:none}.welcome-zone h1{font-size:28px}.welcome-zone{padding-top:26px}.stage-footer{font-size:7px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.prompt-card,.icon-button,.send-button{transition:none}.typing-bubble span{animation:none}}