:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#090611}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#090611}.stage,body{overflow:hidden}.stage{height:100svh;position:relative;background:#090611}.scene-background{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,#26164d 0,#140c24 32%,#0f0915 68%,#08060c 100%);z-index:0}.background-glow{position:absolute;width:70vw;height:70vw;max-width:900px;max-height:900px;left:50%;top:42%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(157,114,255,.16) 0,rgba(157,114,255,.11) 28%,transparent 68%);filter:blur(10px)}.pattern{position:absolute;top:-15%;width:52vw;height:130%;opacity:.12;background-image:linear-gradient(135deg,transparent 0 46%,rgba(157,114,255,.28) 46% 50%,transparent 50% 100%),linear-gradient(45deg,transparent 0 46%,rgba(255,255,255,.12) 46% 50%,transparent 50% 100%);background-size:92px 92px;transform:rotate(7deg)}.pattern-left{left:-18vw}.pattern-right{right:-18vw;transform:rotate(-7deg)}.avatar-stage{position:absolute;inset:0;display:grid;place-items:center;z-index:1;pointer-events:none}.avatar{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(86vw,1500px);height:auto;max-height:96svh;object-fit:contain;object-position:center bottom;filter:saturate(.99) contrast(1.03);transition:opacity .45s ease,transform .45s ease;will-change:transform,opacity}.avatar.is-hidden{opacity:0}.talking-video{z-index:1;width:min(86vw,1500px);height:min(96svh,900px);object-fit:contain;object-position:center bottom;background:transparent;mix-blend-mode:screen}.avatar-stage:after{content:"";position:absolute;left:50%;bottom:-12%;transform:translateX(-50%);width:min(68vw,1050px);height:25%;background:radial-gradient(ellipse,rgba(0,0,0,.48),transparent 70%);filter:blur(18px);z-index:-1}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 23%,rgba(0,0,0,.02) 52%,rgba(0,0,0,.78));z-index:2;pointer-events:none}header{position:absolute;top:0;left:0;right:0;justify-content:space-between;padding:28px 34px;z-index:4}.brand,header{display:flex;align-items:center}.brand{gap:12px}.brand .mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#9D72FF;color:#fff;font-weight:900}.brand small,.brand strong{display:block}.brand small{font-size:11px;opacity:.7;margin-top:2px}.live{font-size:12px;background:rgba(10,10,12,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#58d68d;margin-right:7px}.intro{position:absolute;left:6vw;top:18%;z-index:4;max-width:520px;text-shadow:0 2px 25px rgba(0,0,0,.4)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#C4B5FD}.intro h1{font-size:clamp(48px,7vw,92px);line-height:.94;margin:14px 0}.intro p{font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:rgba(255,255,255,.82);max-width:450px}.chat{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:min(820px,calc(100% - 32px));z-index:5}.pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.pill{width:auto;height:auto;padding:9px 13px;border-radius:999px;background:rgba(10,10,12,.48);border:1px solid rgba(255,255,255,.16);font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.history{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:30svh;overflow:auto;padding:2px}.bubble{max-width:78%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bubble.user{align-self:flex-end;background:#9D72FF;color:#fff;border-bottom-right-radius:5px}.bubble.assistant{align-self:flex-start;background:rgba(10,10,12,.58);border:1px solid rgba(255,255,255,.13);border-bottom-left-radius:5px}.composer{display:flex;align-items:center;gap:8px;background:rgba(12,12,15,.7);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.35)}input{flex:1 1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:15px;padding:13px 12px}input::placeholder{color:rgba(255,255,255,.52)}button{border:0;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.09);color:#fff;font-size:18px;cursor:pointer}.send,button:last-child{background:#9D72FF;color:#fff;font-weight:900}button:disabled{opacity:.45;cursor:not-allowed}.recording{background:#df4c5c!important;animation:pulse 1.1s infinite}.tool-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:7px}.tool-row button{width:32px;height:30px;border-radius:10px;font-size:13px;background:transparent}.hint{font-size:11px;color:rgba(255,255,255,.55)}@keyframes pulse{50%{transform:scale(1.06);opacity:.75}}@media(max-width:700px){header{padding:18px}.intro{left:20px;right:20px;top:13%;max-width:430px}.intro h1{font-size:52px}.intro p{font-size:15px}.avatar{max-height:78svh}.avatar,.talking-video{width:min(112vw,720px);bottom:7%}.talking-video{height:78svh}.scene-background .pattern{opacity:.08}.pattern-left{left:-42vw}.pattern-right{right:-42vw}.chat{bottom:12px;width:calc(100% - 20px)}.live{display:none}.pills{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.pill{white-space:nowrap}.hint{display:none}}.mark svg{width:21px;height:21px;display:block}.composer button svg,.tool-row button svg{width:20px;height:20px;display:block;margin:auto}.composer .send svg{width:19px;height:19px}.composer button,.tool-row button{display:grid;place-items:center}.mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 8px 24px rgba(157,114,255,.18)}.reply-peek{display:flex;align-items:center;gap:10px;width:100%;background:rgba(12,10,18,.72);border:1px solid rgba(157,114,255,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:12px 14px;margin-bottom:10px;cursor:pointer;text-align:left;color:#fff;font-size:13px;animation:peekIn .35s cubic-bezier(.22,1,.36,1);transition:background .18s,border-color .18s}.reply-peek:hover{background:rgba(20,16,28,.85);border-color:rgba(157,114,255,.6)}.peek-spark{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:#9D72FF;color:#fff}.peek-spark svg{width:17px;height:17px;display:block}.peek-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.peek-body em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C4B5FD;opacity:.9}.peek-preview{display:block;font-size:13px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.peek-cta{flex-shrink:0;font-size:11px;font-weight:700;color:#9D72FF;white-space:nowrap;padding:5px 10px;border-radius:8px;background:rgba(157,114,255,.12)}@keyframes peekIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}