:root{--panel-border:rgba(136,197,255,0.18);--text:#edf7ff;--muted:#a8c0d9;--shadow:0 30px 80px rgba(0,0,0,0.35);--blue-1:#03111f;--blue-2:#07203d;--blue-3:#0c3e78;--cyan:#2bc1ff;--cyan-soft:rgba(43,193,255,0.14);--gold:#efd08b}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(13,91,215,.24),transparent 26%),radial-gradient(circle at 86% 14%,rgba(43,193,255,.16),transparent 24%),radial-gradient(circle at 50% 100%,rgba(239,208,139,.08),transparent 28%),linear-gradient(135deg,#03101d,#06213e 48%,#03111f);color:var(--text);font-family:Aptos,Segoe UI Variable Text,Trebuchet MS,sans-serif}a{color:inherit;text-decoration:none}p{margin:0}button,textarea{font:inherit}img{display:block;max-width:100%}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:28px}.ambient{position:absolute;border-radius:999px;filter:blur(24px);opacity:.82;pointer-events:none}.ambient-one{top:42px;right:-40px;width:320px;height:320px;background:radial-gradient(circle,rgba(43,193,255,.34),transparent 68%);animation:drift 12s ease-in-out infinite}.ambient-two{bottom:40px;left:-70px;width:360px;height:360px;background:radial-gradient(circle,rgba(13,91,215,.28),transparent 65%);animation:drift 15s ease-in-out infinite reverse}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(140,183,230,.05) 1px,transparent 0),linear-gradient(90deg,rgba(140,183,230,.05) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,black 55%,transparent 100%);mask-image:radial-gradient(circle at center,black 55%,transparent 100%);pointer-events:none}.glass-panel{position:relative;z-index:1;border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(11,34,62,.78),rgba(4,18,35,.74));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.glass-panel:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(43,193,255,.4),transparent 34%,rgba(239,208,139,.18));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.chat-frame{display:flex;flex-direction:column;gap:20px;width:min(1100px,100%);min-height:calc(100vh - 56px);margin:0 auto;padding:24px;border-radius:30px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-logo{width:clamp(138px,18vw,188px);height:auto}.assistant-chip,.typing-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(145,200,255,.2);background:rgba(7,34,61,.66);padding:8px 12px;color:#b8dfff;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:20px;gap:20px;border-radius:28px;padding:22px;background:linear-gradient(135deg,rgba(8,31,57,.94),rgba(7,44,82,.76)),linear-gradient(180deg,rgba(43,193,255,.08),transparent);border:1px solid rgba(144,205,255,.14)}.assistant-avatar-wrap{position:relative;width:108px;height:108px;border-radius:28px;padding:6px;background:linear-gradient(135deg,rgba(43,193,255,.48),rgba(239,208,139,.22));box-shadow:0 18px 40px rgba(4,18,35,.34)}.assistant-avatar-wrap:after{content:"";position:absolute;inset:-10px;border-radius:34px;border:1px solid rgba(43,193,255,.14);pointer-events:none}.assistant-avatar{width:100%;height:100%;border-radius:22px;object-fit:cover;background:linear-gradient(180deg,#0d5bd7,#042348)}.assistant-copy{display:flex;flex-direction:column;gap:8px}.assistant-kicker{color:#9fd7ff;font-size:.86rem;text-transform:uppercase;letter-spacing:.14em}.assistant-copy h1{margin:0;font-family:Bahnschrift,Aptos Display,Trebuchet MS,sans-serif;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1;letter-spacing:-.04em}.assistant-copy p{max-width:58ch;color:var(--muted);line-height:1.65}.status-pill{display:inline-flex;align-items:center;gap:10px;justify-self:end;max-width:260px;padding:12px 14px;border-radius:18px;border:1px solid rgba(144,205,255,.16);background:rgba(8,34,63,.78);color:#d5eeff;font-size:.9rem;line-height:1.45}.live-dot{width:10px;height:10px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 8px rgba(43,193,255,.12)}.starter-row{display:flex;flex-wrap:wrap;gap:12px}.starter-chip{border:1px solid rgba(145,200,255,.18);background:rgba(7,30,53,.64);color:#d4eeff;border-radius:18px;padding:12px 16px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.send-button:hover:not(:disabled),.starter-chip:hover{transform:translateY(-2px);border-color:rgba(103,196,255,.4);background:rgba(10,48,84,.88)}.conversation{flex:1 1;min-height:420px;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:6px 6px 0 0}.conversation::-webkit-scrollbar{width:10px}.conversation::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(130,187,243,.18)}.message{max-width:min(86%,820px);border-radius:24px;padding:18px;animation:rise .24s ease}.message-assistant{align-self:flex-start;background:rgba(6,31,57,.88);border:1px solid rgba(144,205,255,.14)}.message-user{align-self:flex-end;background:linear-gradient(145deg,rgba(13,91,215,.86),rgba(25,133,226,.64));border:1px solid rgba(255,255,255,.14)}.message-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.message-name{color:#b5d8f3;font-size:.84rem;font-weight:600}.message-body{line-height:1.75}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content blockquote,.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6,.markdown-content p,.markdown-content ul{margin:0 0 .85rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{line-height:1.3;color:#eef8ff;text-wrap:balance}.markdown-content h1{font-size:1.35rem}.markdown-content h2{font-size:1.2rem}.markdown-content h3{font-size:1.08rem}.markdown-content ul{padding-left:1.3rem}.markdown-content li+li{margin-top:.35rem}.markdown-content blockquote{border-left:3px solid rgba(112,205,255,.4);padding-left:1rem;color:#c7e6fb}.markdown-content strong{color:#ffffff}.markdown-content em{color:#d8f0ff}.markdown-content code{padding:.12rem .4rem;border-radius:.45rem;background:rgba(255,255,255,.08);font-size:.92em;color:#a8ebff}.stream-cursor{display:inline-block;width:10px;height:1.05rem;margin-left:6px;border-radius:999px;vertical-align:middle;background:linear-gradient(180deg,#fff,#7ad9ff);animation:blink 1s steps(1) infinite}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:end}.composer-panel{position:relative;border-radius:26px;border:1px solid rgba(144,205,255,.2);background:rgba(3,19,34,.8);overflow:hidden}.composer-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(43,193,255,.08),transparent);transform:translateX(-100%);animation:sweep 6s linear infinite;pointer-events:none}.composer textarea{width:100%;min-height:90px;border:0;resize:none;outline:none;color:var(--text);background:transparent;padding:18px}.composer textarea::placeholder{color:#89a8c6}.composer-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.composer-hint{color:#9bb5ce;font-size:.82rem}.send-button{min-width:150px;min-height:56px;border:0;border-radius:20px;padding:0 22px;background:linear-gradient(135deg,#2fd1ff,#0d5bd7 52%,#072f68);color:white;cursor:pointer;box-shadow:0 18px 42px rgba(13,91,215,.28);transition:transform .16s ease,opacity .16s ease,filter .16s ease}.send-button:hover:not(:disabled){filter:brightness(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.56}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10px,18px,0) scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes sweep{to{transform:translateX(100%)}}@media (max-width:960px){.composer,.profile-card{grid-template-columns:1fr}.status-pill{justify-self:start;max-width:none}.composer-actions{align-items:stretch}.send-button{width:100%}}@media (max-width:720px){.page-shell{padding:16px}.chat-frame{min-height:calc(100vh - 32px);padding:18px;border-radius:24px}.brand-row{flex-direction:column;align-items:flex-start}.assistant-avatar-wrap{width:86px;height:86px}.message{max-width:100%}}