:root{color-scheme:dark;--cyan:#53d6ff;--blue:#178cff;--ink:#030912;--glass:#0b1b2cd9;--line:#58c7ff6b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 43%,#0c2c49 0,transparent 26rem),radial-gradient(ellipse at 26% 23%,#0b203a 0,transparent 22rem),#020811;color:#eff9ff;font:14px/1.42 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.lab-page{min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden}.intro{max-width:470px;text-align:center;transition:.35s ease}.intro.hidden{opacity:0;pointer-events:none;transform:translateY(-16px)}.eyebrow{margin:0 0 11px;color:#74dfff;font-size:10px;font-weight:800;letter-spacing:.2em}.intro h1{margin:0;font-size:clamp(36px,7vw,58px);line-height:1;letter-spacing:.04em}.intro h1 span{color:#4bcaff;text-shadow:0 0 28px #1597e599}.intro p:not(.eyebrow){margin:18px auto 25px;color:#b5cbdd}.launch-button{border:1px solid #51ceff99;border-radius:12px;padding:13px 21px;background:linear-gradient(135deg,#167db8,#104a91);box-shadow:0 12px 35px #0009,0 0 25px #1597e54d;color:#e7f8ff;font-weight:750;transition:.2s}.launch-button:hover{box-shadow:0 16px 38px #000b,0 0 30px #1597e570;transform:translateY(-2px)}.launch-button i,.brand small i,.presence i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#50f0b1;box-shadow:0 0 9px #50f0b1}.launch-button i{margin:0 8px 1px 0}
.ai-window{visibility:hidden;position:absolute;width:min(552px,calc(100vw - 28px));height:min(676px,calc(100vh - 28px));display:grid;grid-template-rows:48px 282px minmax(0,1fr) 28px;overflow:hidden;border:1px solid #72c8ff8a;border-radius:25px;background:#06111e;box-shadow:0 30px 90px #000d,0 0 48px #138fe640;opacity:0;transform:translateY(18px) scale(.975);transition:opacity .35s,transform .35s,visibility .35s}.ai-window:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px #d5f8ff1f;pointer-events:none;content:""}.ai-window.open{visibility:visible;opacity:1;transform:none}.window-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #87d8ff52;background:linear-gradient(105deg,#071725,#0a1422 74%,#071d31)}.brand{display:flex;align-items:center;gap:8px}.brand strong{font-size:18px;letter-spacing:-.04em}.brand small{color:#67f0ae;font-size:10px;font-weight:650}.brand small i{width:7px;height:7px;margin-right:4px}.window-controls{display:flex;align-items:center;gap:21px;color:#d8e6ee;font-size:19px;font-weight:200}.close-button{display:grid;place-items:center;width:25px;height:25px;border:0;background:transparent;color:#eff9ff;padding:3px}.close-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.close-button:hover{color:#62d7ff}
.avatar-stage{position:relative;isolation:isolate;overflow:hidden;background:#051222}.avatar-art{position:absolute;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:saturate(.94) contrast(1.03);opacity:0;transform:scale(1.045);transition:opacity .24s ease;animation:avatar-idle 8s ease-in-out infinite}.avatar-art.is-visible{opacity:1}.avatar-art.speaking{filter:saturate(1.03) contrast(1.07) brightness(1.04);animation:avatar-response 3.2s ease-in-out infinite alternate}.stage-vignette{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#020e1b38 0,transparent 37%,#020d1ac9 100%),linear-gradient(0deg,#020b16df 0,transparent 28%,#020b160a 67%,#020b164f 100%)}.presence{position:absolute;z-index:2;left:14px;bottom:12px;display:flex;align-items:center;gap:6px;border:1px solid #6bbce255;border-radius:20px;background:#06101fc9;padding:5px 9px;color:#d2ebf8;font-size:9px;font-weight:650;letter-spacing:.035em}.presence i{width:6px;height:6px}
.chat-panel{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto auto;gap:10px;padding:12px 16px;background:linear-gradient(180deg,#071522,#06101b)}.chat-history{display:flex;min-height:0;flex-direction:column;gap:8px;overflow-y:auto;padding:1px 2px 4px;scrollbar-color:#277bbf transparent;scrollbar-width:thin}.chat-message{max-width:86%;margin:0;border:1px solid #8fd9ff2b;border-radius:14px 14px 14px 4px;padding:8px 10px;background:#11283de6;box-shadow:0 4px 13px #0004}.chat-message span{display:block;margin-bottom:3px;color:#63d5ff;font-size:8px;font-weight:800;letter-spacing:.11em}.chat-message p{margin:0;color:#d9eaf5;font-size:10.5px;line-height:1.36}.user-message{align-self:flex-end;border-radius:14px 14px 4px 14px;border-color:#3faeff54;background:linear-gradient(145deg,#0a4a84,#08345f)}.user-message span{color:#c8f2ff;text-align:right}.user-message p{color:white}.quick-actions{display:flex;gap:7px;overflow-x:auto;margin:0;padding:1px 0 2px;scrollbar-width:none}.quick-actions::-webkit-scrollbar{display:none}.quick-actions button{display:flex;flex:1 0 auto;align-items:center;justify-content:center;gap:5px;min-width:88px;border:1px solid #168cf0c9;border-radius:18px;background:linear-gradient(160deg,#0b263f,#061726);box-shadow:inset 0 0 13px #0d72bf1f,0 3px 9px #0004;color:#e8f7ff;padding:7px 8px;font-size:10px;font-weight:650;transition:.18s}.quick-actions button:hover{border-color:#81dfff;background:#0d375c;box-shadow:0 0 14px #1189e93d;transform:translateY(-1px)}.quick-actions svg{width:14px;height:14px;fill:none;stroke:#d7f4ff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.input-row{display:grid;grid-template-columns:minmax(0,1fr) 45px 45px;gap:8px}.input-row input{min-width:0;border:1px solid #3b94c673;border-radius:24px;background:linear-gradient(120deg,#0d1d2e,#091827);padding:11px 15px;color:#effaff;font-size:12px;outline:0;transition:.18s}.input-row input::placeholder{color:#8094a6}.input-row input:focus{border-color:#5bd9ff;box-shadow:0 0 0 3px #239ae622}.send-button,.mic-button{display:grid;place-items:center;border:0;border-radius:50%;box-shadow:0 7px 18px #001d3f8f;color:#f4fbff;transition:.18s}.send-button{background:linear-gradient(145deg,#1c8cff,#165fd5)}.mic-button{background:linear-gradient(145deg,#37cffd,#0878e7)}.send-button:hover,.mic-button:hover{box-shadow:0 0 20px #2eaeff91;filter:brightness(1.12);transform:translateY(-1px)}.send-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-18deg) translateX(1px)}.mic-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}footer{border-top:1px solid #4e91bb33;background:#040b14;padding-top:8px;color:#74a6c5;text-align:center;font-size:8px;letter-spacing:.045em}footer span{color:#1b9ce6;margin:0 3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes avatar-idle{0%,100%{transform:scale(1.045) translate3d(-.8%,0,0)}50%{transform:scale(1.065) translate3d(.8%,-.55%,0)}}@keyframes avatar-response{from{transform:scale(1.063) translate3d(-1%,-.5%,0)}to{transform:scale(1.08) translate3d(1.05%,.45%,0)}}@media(max-width:570px){.lab-page{padding:14px}.ai-window{height:min(670px,calc(100vh - 28px));border-radius:21px;grid-template-rows:47px 255px minmax(0,1fr) 28px}.chat-panel{padding:11px 12px}.quick-actions{gap:6px}.quick-actions button{min-width:78px;padding:7px 6px;font-size:9px}.input-row{grid-template-columns:minmax(0,1fr) 40px 40px;gap:7px}}@media(max-height:610px){.ai-window{height:calc(100vh - 22px);grid-template-rows:43px 220px minmax(0,1fr) 25px}.window-header{padding:0 15px}.chat-panel{gap:7px;padding:8px 14px}.quick-actions button{padding:6px}.input-row input{padding:9px 13px}.chat-message{padding:6px 8px}.chat-message p{font-size:9.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}