:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9eef6;background:#06090f;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible{outline:2px solid #56d8ff;outline-offset:5px}button{color:inherit}button svg{flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none}a{color:inherit;text-decoration:none}.experience{min-height:100dvh;position:relative;display:flex;align-items:center;flex-direction:column;isolation:isolate;background:radial-gradient(ellipse at 50% 42%,#0c1e2b80 0%,transparent 49%),linear-gradient(#080c13,#06090f)}.experience:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.13;background-image:radial-gradient(#547189 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(transparent,#000 40%,transparent 90%);mask-image:linear-gradient(transparent,#000 40%,transparent 90%)}header{width:100%;display:flex;align-items:center;gap:28px;padding:32px 42px;min-height:94px}.wordmark{font-size:23px;font-weight:650;letter-spacing:3px;display:flex;align-items:center}.wordmark>span:first-child{color:#59ccff}.brand-dot{height:5px;width:5px;background:#5cd7ff;border-radius:50%;margin-left:13px;box-shadow:0 0 14px #41b9ef}.header-caption{font-size:9px;letter-spacing:2.5px;color:#6b7a8c;border-left:1px solid #27313c;padding-left:26px}nav{display:flex;align-items:center;margin-left:auto;gap:17px}nav button{font-size:11px;color:#9eabb9;padding:8px}nav button:hover{color:#63d2ff}.presence{position:relative;width:480px;height:425px;flex-shrink:0;margin:clamp(10px,5vh,55px) auto 0;display:flex;align-items:center;justify-content:center;transition:height .5s,width .5s,margin .5s}.portrait{width:415px;height:415px;position:relative;z-index:2;filter:drop-shadow(0 10px 28px #000);animation:float 9s ease-in-out infinite}.portrait img{width:100%;height:100%;object-fit:contain;clip-path:polygon(5.3% 46%,6% 39%,9% 33%,16% 27%,24% 23%,30% 18%,36% 14%,40% 13.1%,61% 13.1%,66% 14.8%,73% 20%,78% 23%,84% 27%,89% 33%,93% 41%,94.5% 47%,94.5% 61%,93% 70%,89% 77%,82% 82%,70% 85%,58% 86%,43% 86%,31% 85%,20% 82%,12% 76%,8% 68%,5.5% 57%)}.orbit{position:absolute;border:1px solid #183140;border-radius:50%;width:410px;height:410px;opacity:.5}.orbit-inner{width:360px;height:360px;border-style:dashed;opacity:.35;transform:rotate(22deg)}.orbit-outer:after{content:"";position:absolute;top:58px;right:58px;width:4px;height:4px;border-radius:50%;background:#6fe5ff;box-shadow:0 0 13px #65e1ff}.axis{position:absolute;left:50%;height:15px;width:1px;background:linear-gradient(transparent,#347494)}.axis-top{top:0}.axis-bottom{bottom:8px;transform:rotate(180deg)}.presence-halo{position:absolute;width:210px;height:35px;border-radius:50%;background:#28aee3;filter:blur(42px);opacity:.12;bottom:55px}.status{position:absolute;bottom:-15px;display:flex;align-items:center;gap:9px;color:#93a4b6;font-size:11px;letter-spacing:1px}.status-dot{width:4px;height:4px;border-radius:50%;background:#61d5fd;box-shadow:0 0 10px #48caff}.listening .portrait{filter:drop-shadow(0 0 20px #2ab8ff55)}.listening .orbit{border-color:#3ec3ff;animation:breathe 1.5s infinite}.thinking .orbit-outer{animation:spin 9s linear infinite;border-top-color:#80dfff}.speaking .presence-halo{animation:breathe .6s infinite;opacity:.6}.speaking .portrait{filter:drop-shadow(0 0 18px #23abff55)}.access{width:min(340px,calc(100% - 48px));margin:54px auto 65px;text-align:center}.access label{font-size:17px;font-weight:450;display:block;margin-bottom:22px}.password-field{display:flex;align-items:center;background:#0c121c;border:1px solid #253342;border-radius:13px;padding:6px 10px 6px 15px;gap:12px}.password-field>svg{color:#7b8c9d}.password-field input{background:none;border:0;outline:0;min-width:0;width:100%;color:#d9e6f5;font-size:12px;padding:12px 0}.password-field button{color:#64d4ff;padding:8px}.access>p{font-size:10px;color:#5e7083;margin-top:16px}.conversation{width:min(700px,calc(100% - 40px));flex:1;max-height:30vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#263b4a transparent;margin:40px auto 12px}.message{padding:17px 0;max-width:100%;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.message-author{font-size:9px;letter-spacing:1.7px;display:block;margin-bottom:8px;color:#69cfff}.message.user{color:#91a0b4}.message.user .message-author{color:#68778b}.message small{font-size:10px;color:#c98f84}.has-messages .presence{width:340px;height:230px;margin:0 auto}.has-messages .portrait{width:270px;height:270px}.has-messages .orbit{width:234px;height:234px}.has-messages .orbit-inner{width:206px;height:206px}.has-messages .status{bottom:-24px}.has-messages .axis{display:none}.has-messages .conversation{margin-top:40px;max-height:35vh}.composer-area{width:min(760px,calc(100% - 48px));margin:32px auto 55px}.composer{display:flex;align-items:center;border:1px solid #293949;border-radius:18px;background:linear-gradient(115deg,#111b27,#0d1520);padding:12px 13px 12px 22px;box-shadow:0 0 0 4px #0d162040,0 14px 45px #0004;gap:12px}.composer:focus-within{border-color:#417692}.composer textarea{resize:none;flex:1;min-width:0;background:transparent;outline:none;border:0;color:#e7edf5;line-height:24px;padding:7px 0;max-height:120px;font-size:13px;field-sizing:content}.composer textarea::placeholder{color:#758598}.mic{color:#9db0c3;width:34px;height:36px}.mic.active{color:#6fe1ff;background:#173649;border-radius:8px}.composer-divider{width:1px;height:24px;background:#293646}.send{width:38px;height:38px;border-radius:10px;background:#64d4ff;color:#06202e;transition:background .2s}.send:disabled{opacity:1;background:#23303f;color:#72859a}.composer-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#66788c;padding:15px 8px}.composer-footer button{font-size:10px;color:#8197aa;padding:0}.composer-footer button[aria-pressed=true]{color:#8abbd1}footer{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 42px;border-top:1px solid #16202b80;color:#556479;font-size:9px;letter-spacing:.8px}.footer-slash{margin:0 8px;color:#304259}.footer-dot{padding:0 10px}.error,.notice{font-size:12px;line-height:1.7;margin:10px 0;display:flex;gap:8px;align-items:center}.error{color:#f2a69b}.notice{color:#9bbdd0}.loading{color:#71869b;margin:60px}.thinking-indicator{display:flex;gap:5px;margin:18px 0}.thinking-indicator i{height:4px;width:4px;border-radius:50%;background:#76d5ff;animation:breathe 1s infinite}.thinking-indicator i:nth-child(2){animation-delay:.2s}.thinking-indicator i:nth-child(3){animation-delay:.4s}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#01040acb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;display:grid;place-items:center;padding:24px}.history-modal{background:#0c1420;border:1px solid #283a4a;border-radius:20px;width:min(520px,100%);padding:25px;max-height:75vh;overflow:auto}.modal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title h2{font-size:17px;font-weight:500;margin:0}.history-item{width:100%;justify-content:space-between;padding:18px 0;border-bottom:1px solid #1f2c3b;font-size:13px;text-align:left}.history-item span{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item small{color:#6d8097;font-size:10px}.history-modal>p{font-size:13px;color:#8ea4b8}.approval{border:1px solid #314357;border-radius:14px;padding:20px;width:min(700px,calc(100% - 40px));font-size:12px;background:#111b27;margin:15px auto}.approval pre{white-space:pre-wrap;font:inherit;line-height:1.7;max-height:180px;overflow:auto}.approval>div{display:flex;justify-content:flex-end;gap:16px}.approval button{font-size:11px;padding:8px}.approval .approve{color:#65d4ff}.eyebrow{letter-spacing:2px;font-size:9px;color:#6bc6f1}.older{display:block;margin:auto;color:#7da6bd;font-size:11px}@keyframes float{50%{transform:translateY(-5px)}}@keyframes breathe{50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-height:900px){.presence{margin-top:5vh}.composer-area{margin-bottom:9vh}}@media(max-width:600px){header{padding:23px 22px;gap:16px;min-height:75px}.header-caption{display:none}.wordmark{font-size:20px}nav{gap:8px}nav button span{display:none}.presence{width:330px;height:340px;margin:30px auto 0}.portrait{width:335px;height:335px}.orbit{width:315px;height:315px}.orbit-inner{width:270px;height:270px}.status{font-size:10px;bottom:0}.access{margin:40px auto}.composer-area{width:calc(100% - 32px);margin:20px auto 25px}.composer{padding-left:15px;gap:9px}.composer-footer{font-size:8px;gap:10px}.composer-footer>span{max-width:185px;line-height:1.6}.composer-footer button{font-size:9px}.has-messages .presence{height:175px;width:260px}.has-messages .portrait{width:210px;height:210px}.has-messages .orbit{height:185px;width:185px}.has-messages .orbit-inner{height:155px;width:155px}.has-messages .conversation{max-height:35vh}.message{font-size:13px}footer{padding:18px 22px;font-size:8px;letter-spacing:0}.approval>div{gap:4px}.approval button{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.composer-footer{flex-wrap:wrap;gap:12px}.composer-footer>button:first-child{white-space:nowrap}.composer-footer>button:first-child[aria-pressed=true]{color:#64d4ff}.experience:not(.has-messages) .conversation{margin:0;min-height:0;max-height:none}
