.axis-bot-face{--bot-face-color:var(--qore-color-spectrum-blue);width:var(--bot-face-size,var(--qore-space-8));aspect-ratio:1;isolation:isolate;color:var(--bot-face-color);flex:none;place-items:center;display:inline-grid;position:relative;overflow:visible}.axis-bot-face--xs{--bot-face-size:var(--qore-space-6)}.axis-bot-face--sm{--bot-face-size:var(--qore-space-8)}.axis-bot-face--md{--bot-face-size:var(--qore-space-12)}.axis-bot-face--lg{--bot-face-size:calc(var(--qore-space-12) * 1.5)}.axis-bot-face--xl{--bot-face-size:calc(var(--qore-space-12) * 2)}.axis-bot-face.axis-host-voice-stage__face{--bot-face-size:calc(var(--qore-space-12) * 2.5)}.axis-bot-type-presets,.axis-bot-color-presets{gap:var(--qore-space-1);display:grid}.axis-bot-type-presets{grid-template-columns:repeat(5,minmax(0,1fr))}.axis-bot-color-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.axis-orb-mark--bot-identity.axis-anchor-point:before{opacity:0;animation:none}.axis-orb-mark--bot-identity .axis-orb-bot-identity-icon{filter:none;width:100%;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1)}.axis-morph-target.has-bot-identity.open .axis-orb-mark--bot-identity .axis-orb-bot-identity-icon{width:125%;height:125%}.axis-orb-mark--bot-identity.axis-orb-mark--wake-hopping .axis-orb-bot-identity-icon{animation:.82s cubic-bezier(.2,.8,.25,1) both axis-bot-orb-wake-hop}.axis-morph-target.has-bot-identity:not(.open):not(.dock-panel-visible) .axis-orb-mark--bot-identity .axis-orb-bot-identity-icon{width:150%;height:150%}.axis-bot-face__orbit,.axis-bot-face__body,.axis-bot-face__features{position:absolute}.axis-bot-face__orbit{border:1px solid color-mix(in srgb, var(--bot-face-color) 48%, transparent);opacity:0;border-radius:50%;inset:4%}.axis-bot-face__body{--bot-face-base-transform:none;border:1px solid color-mix(in srgb, var(--bot-face-color) 56%, var(--qore-color-white));transform:var(--bot-face-base-transform);background:radial-gradient(circle at 32% 24%, color-mix(in srgb, var(--qore-color-white) 34%, var(--bot-face-color)), var(--bot-face-color) 48%, color-mix(in srgb, var(--bot-face-color) 68%, var(--qore-color-surface-black)) 100%);box-shadow:inset 0 0 var(--qore-space-6) color-mix(in srgb, var(--qore-color-white) 16%, transparent), inset 0 calc(var(--qore-space-1) * -1) var(--qore-space-4) color-mix(in srgb, var(--qore-color-surface-black) 34%, transparent);border-radius:44% 56% 55% 45%/46% 43% 57% 54%;transition:border-radius .5s,transform .5s;inset:9%}.axis-bot-face__features{z-index:2;justify-content:center;align-items:center;gap:19%;width:68%;transition:transform .35s;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.axis-bot-face__eye{aspect-ratio:.76;border-radius:var(--qore-radius-pill);background:var(--qore-color-surface-black);width:22%;transition:transform .35s,translate .12s ease-out;position:relative;overflow:hidden;translate:0;scale:1}.axis-bot-face__eye:after{content:"";z-index:2;aspect-ratio:1;background:color-mix(in srgb, var(--qore-color-white) 92%, var(--bot-face-color));border-radius:50%;width:26%;position:absolute;top:14%;left:24%}.axis-bot-face__pupil{aspect-ratio:1;background:color-mix(in srgb, var(--bot-face-color) 70%, var(--qore-color-white));width:38%;box-shadow:0 0 var(--qore-space-1) color-mix(in srgb, var(--bot-face-color) 55%, transparent);border-radius:50%;transition:transform .35s;position:absolute;top:33%;left:33%}.axis-bot-face[data-concept=visor] .axis-bot-face__body{--bot-face-base-transform:rotate(-2deg);border-radius:31% 31% 38% 38%;inset:12%}.axis-bot-face[data-concept=visor] .axis-bot-face__features{box-sizing:border-box;border-radius:var(--qore-radius-pill);background:color-mix(in srgb, var(--qore-color-surface-black) 82%, transparent);gap:21%;width:72%;height:24%;padding:0 8%}.axis-bot-face[data-concept=visor] .axis-bot-face__eye{aspect-ratio:auto;background:var(--bot-face-color);width:12%;height:38%;box-shadow:0 0 var(--qore-space-3) var(--bot-face-color)}.axis-bot-face[data-concept=visor] .axis-bot-face__eye:after{display:none}.axis-bot-face[data-concept=visor] .axis-bot-face__pupil{background:color-mix(in srgb, var(--qore-color-white) 85%, var(--bot-face-color));width:40%;box-shadow:0 0 var(--qore-space-2) var(--qore-color-white);top:25%;left:30%}.axis-bot-face[data-concept=glyph] .axis-bot-face__body{border-radius:var(--qore-radius-xl);--bot-face-base-transform:rotate(45deg) scale(.78);inset:13%}.axis-bot-face[data-concept=glyph] .axis-bot-face__features{transform:translate(-50%,-50%)rotate(-45deg)}.axis-bot-face[data-concept=glyph] .axis-bot-face__eye{aspect-ratio:1;border-radius:50%;width:17%;height:17%}.axis-bot-face[data-concept=orbit] .axis-bot-face__body{border-radius:50%;inset:19%}.axis-bot-face[data-concept=orbit] .axis-bot-face__orbit{inset:calc(19% - var(--qore-space-2));opacity:.82;border-style:dotted}.axis-bot-face[data-concept=orbit][data-animated=true] .axis-bot-face__orbit{animation:12s linear infinite axis-bot-orbit}.axis-bot-face[data-concept=orbit] .axis-bot-face__orbit:before,.axis-bot-face[data-concept=orbit] .axis-bot-face__orbit:after{content:"";aspect-ratio:1;background:var(--bot-face-color);width:8%;box-shadow:0 0 var(--qore-space-2) var(--bot-face-color);border-radius:50%;position:absolute}.axis-bot-face[data-concept=orbit] .axis-bot-face__orbit:before{top:12%;left:17%}.axis-bot-face[data-concept=orbit] .axis-bot-face__orbit:after{width:5%;bottom:16%;right:11%}.axis-bot-face[data-concept=comet]:before{content:"";z-index:-1;border-radius:var(--qore-radius-pill);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bot-face-color) 28%, transparent), color-mix(in srgb, var(--bot-face-color) 78%, transparent));width:70%;height:30%;filter:blur(var(--qore-space-2));transform-origin:100%;position:absolute;top:33%;left:-13%;transform:rotate(-20deg)}.axis-bot-face[data-concept=comet][data-animated=true]:before{animation:2.8s ease-in-out infinite axis-bot-comet-trail}.axis-bot-face[data-concept=comet] .axis-bot-face__body{--bot-face-base-transform:rotate(-9deg);border-radius:58% 42% 47% 53%/48% 53% 47% 52%;inset:15% 11%}.axis-bot-face[data-concept=beacon] .axis-bot-face__body{border-radius:48% 48% 42% 42%;inset:20% 15% 12%}.axis-bot-face[data-concept=beacon] .axis-bot-face__body:before{content:"";width:calc(var(--qore-space-1) / 2);height:calc(var(--qore-space-2) * 1.5);border-radius:var(--qore-radius-pill);background:var(--bot-face-color);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.axis-bot-face[data-concept=beacon] .axis-bot-face__body:after{content:"";left:50%;top:calc(var(--qore-space-2) * -1.5);width:var(--qore-space-2);aspect-ratio:1;background:var(--bot-face-color);box-shadow:0 0 var(--qore-space-2) var(--bot-face-color);border-radius:50%;position:absolute;transform:translate(-50%)}.axis-bot-face[data-concept=beacon][data-animated=true] .axis-bot-face__body:after{animation:2.4s ease-in-out infinite axis-bot-beacon-pulse}.axis-bot-face[data-concept=ripple] .axis-bot-face__body{border-radius:50%;inset:22%}.axis-bot-face[data-concept=ripple] .axis-bot-face__orbit{border:calc(var(--qore-space-1) / 4) solid color-mix(in srgb, var(--bot-face-color) 68%, transparent);opacity:.72;inset:0}.axis-bot-face[data-concept=ripple] .axis-bot-face__orbit:before,.axis-bot-face[data-concept=ripple] .axis-bot-face__orbit:after{content:"";inset:calc(var(--qore-space-2) * .75);border:calc(var(--qore-space-1) / 4) solid color-mix(in srgb, var(--qore-color-white) 58%, var(--bot-face-color));border-radius:50%;animation:3.2s ease-in-out infinite axis-bot-ripple-wave;position:absolute}.axis-bot-face[data-concept=ripple] .axis-bot-face__orbit:after{inset:calc(var(--qore-space-2) * 1.5);animation-delay:-1.6s}.axis-bot-face[data-concept=wisp]:before{content:"";z-index:-1;border-radius:var(--qore-radius-pill);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bot-face-color) 30%, transparent), color-mix(in srgb, var(--bot-face-color) 82%, transparent));width:78%;height:25%;filter:blur(var(--qore-space-2));transform-origin:100%;position:absolute;top:38%;left:-13%;transform:rotate(-24deg)}.axis-bot-face[data-concept=wisp]:after{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--bot-face-color) 72%, transparent);width:16%;filter:blur(calc(var(--qore-space-1) / 2));border-radius:50%;position:absolute;top:65%;left:7%}.axis-bot-face[data-concept=wisp] .axis-bot-face__body{--bot-face-base-transform:rotate(-8deg);border-radius:49% 51% 42% 58%/42% 43% 57% 58%;inset:15% 13%}.axis-bot-face[data-concept=wisp][data-animated=true]:before{animation:3.6s ease-in-out infinite axis-bot-wisp-trail}.axis-bot-face[data-state=sleeping] .axis-bot-face__eye{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.axis-bot-face[data-state=sleeping] .axis-bot-face__eye:before{content:"";box-sizing:border-box;border-top:calc(var(--qore-space-1) / 3) solid var(--qore-color-surface-black);border-radius:50% 50% 0 0;width:100%;height:58%;position:absolute;top:28%;left:0}.axis-bot-face[data-state=sleeping] .axis-bot-face__eye:after,.axis-bot-face[data-state=sleeping] .axis-bot-face__pupil{display:none}.axis-bot-face[data-state=thinking][data-animated=true] .axis-bot-face__eye{animation:3.6s ease-in-out infinite axis-bot-think-blink,4.8s ease-in-out infinite axis-bot-think-eye-shift;translate:0}.axis-bot-face[data-state=thinking][data-animated=true] .axis-bot-face__pupil{animation:4.8s ease-in-out infinite axis-bot-think-gaze}.axis-bot-face[data-state=awake][data-animated=true],.axis-bot-face[data-state=sleeping][data-animated=true]{animation:4.6s ease-in-out infinite axis-bot-idle-bob}.axis-bot-face[data-state=awake] .axis-bot-face__eye{translate:var(--bot-eye-gaze-x,0px) var(--bot-eye-gaze-y,0px)}.axis-bot-face[data-state=awake][data-animated=true] .axis-bot-face__eye{animation:6.2s ease-in-out infinite axis-bot-awake-blink}.axis-bot-face[data-state=awake] .axis-bot-face__pupil{transform:translate(var(--bot-gaze-x,0px), var(--bot-gaze-y,0px));transition:transform .12s ease-out;animation:none}.axis-bot-face[data-state=sleeping][data-animated=true] .axis-bot-face__eye:before{animation:5.2s ease-in-out infinite axis-bot-idle-sleep}.axis-bot-face[data-state=working][data-animated=true] .axis-bot-face__eye{animation:4.8s ease-in-out infinite axis-bot-work-blink,2.6s ease-in-out infinite axis-bot-work-eye-shift}.axis-bot-face[data-state=working][data-animated=true] .axis-bot-face__pupil{animation:2.6s ease-in-out infinite axis-bot-work-gaze}.axis-bot-face[data-state=listening] .axis-bot-face__eye{transform:scale(1.12)}.axis-bot-face[data-state=listening] .axis-bot-face__pupil{transform:translateY(-10%)}.axis-bot-face[data-state=listening][data-animated=true] .axis-bot-face__eye{animation:2.8s ease-in-out infinite axis-bot-listen-eyes}.axis-bot-face[data-state=listening][data-animated=true] .axis-bot-face__pupil{animation:3.6s ease-in-out infinite axis-bot-listen-gaze}.axis-bot-face[data-state=listening] .axis-bot-face__orbit{opacity:.72;transform:scale(1.1)}.axis-bot-face[data-state=listening][data-animated=true] .axis-bot-face__orbit{animation:1.8s ease-in-out infinite axis-bot-listen-pulse}.axis-bot-face[data-concept=orbit][data-state=listening][data-animated=true] .axis-bot-face__orbit{animation-name:axis-bot-orbit-listen}@keyframes axis-bot-idle-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(calc(var(--qore-space-1) * -.2)) scale(1.006)}}@keyframes axis-bot-idle-sleep{0%,to{opacity:.72}50%{opacity:1}}@keyframes axis-bot-awake-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.14)}}@keyframes axis-bot-awake-eye-shift{0%,to{translate:0;scale:1}30%{translate:calc(var(--qore-space-1) * .16) calc(var(--qore-space-1) * -.08);scale:1.02 1.04}66%{translate:calc(var(--qore-space-1) * -.16) 0;scale:1.02}}@keyframes axis-bot-awake-gaze{0%,to{transform:translate(0)}30%{transform:translate(14%,-10%)}66%{transform:translate(-12%,6%)}}@keyframes axis-bot-think-eye-shift{0%,to{translate:0;scale:1}16%{translate:calc(var(--qore-space-1) * .35) calc(var(--qore-space-1) * -.3);scale:1.06 1.18}38%{translate:calc(var(--qore-space-1) * .4) calc(var(--qore-space-1) * -.15);scale:1.04 1.12}60%{translate:calc(var(--qore-space-1) * -.35) calc(var(--qore-space-1) * -.25);scale:1.06 1.16}78%{translate:calc(var(--qore-space-1) * -.2) calc(var(--qore-space-1) * .2);scale:1.03 1.08}}@keyframes axis-bot-work-eye-shift{0%,to{translate:0;scale:1}20%{translate:calc(var(--qore-space-1) * -.35) calc(var(--qore-space-1) * -.1);scale:1.12 .9}43%{translate:calc(var(--qore-space-1) * .35) calc(var(--qore-space-1) * -.1);scale:1.08 1}66%{translate:calc(var(--qore-space-1) * .3) calc(var(--qore-space-1) * .2);scale:1.04 .92}84%{translate:calc(var(--qore-space-1) * -.3) calc(var(--qore-space-1) * .2);scale:1.1 1}}@keyframes axis-bot-think-blink{0%,38%,43%,to{transform:scaleY(1)}40%,41%{transform:scaleY(.14)}}@keyframes axis-bot-work-blink{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(.12)}}@keyframes axis-bot-think-gaze{0%,to{transform:translate(0)}16%{transform:translate(40%,-45%)}38%{transform:translate(46%,-24%)}60%{transform:translate(-42%,-34%)}78%{transform:translate(-24%,24%)}}@keyframes axis-bot-work-gaze{0%,to{transform:translate(0)}20%{transform:translate(-48%,-12%)}43%{transform:translate(48%,-12%)}66%{transform:translate(44%,32%)}84%{transform:translate(-40%,26%)}}@keyframes axis-bot-comet-trail{0%,to{opacity:.55;transform:rotate(-20deg)scaleX(.82)}50%{opacity:.95;transform:rotate(-15deg)scaleX(1.06)}}@keyframes axis-bot-beacon-pulse{0%,to{opacity:.76;scale:1}50%{opacity:1;scale:1.2}}@keyframes axis-bot-ripple-wave{0%,to{opacity:.38;transform:scale(.94)}50%{opacity:.9;transform:scale(1.04)}}@keyframes axis-bot-wisp-trail{0%,to{opacity:.52;transform:rotate(-24deg)scaleX(.82)}50%{opacity:.95;transform:rotate(-18deg)scaleX(1.08)}}@keyframes axis-bot-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes axis-bot-listen-pulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}@keyframes axis-bot-orbit-listen{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(0)scale(1.08)}}@keyframes axis-bot-listen-eyes{0%,to{transform:scale(1.12)}38%{transform:scale(1.18,1.08)}72%{transform:scale(1.08,1.04)}}@keyframes axis-bot-listen-gaze{0%,to{transform:translateY(-10%)}34%{transform:translate(22%,-18%)}68%{transform:translate(-18%,-12%)}}@keyframes axis-bot-orb-wake-hop{0%,to{transform:translateY(0)scale(1)}14%{transform:translateY(0)scale(1.08,.88)}46%{transform:translateY(calc(var(--qore-space-2) * -2)) scale(.94, 1.12)}68%{transform:translateY(0)scale(1.12,.86)}84%{transform:translateY(calc(var(--qore-space-1) * -.45)) scale(.98, 1.04)}}@media (prefers-reduced-motion:reduce){.axis-bot-face *,.axis-bot-face:before,.axis-bot-face :before,.axis-bot-face :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
html,body{width:100%;height:100%;margin:0}body{background:var(--qore-color-surface-black)}.axis-container.axis-chat-app{background:var(--qore-color-surface-black);width:100%;min-width:0;height:100dvh;min-height:0;color:var(--qore-color-text-on-dark);justify-content:start;align-items:stretch;padding:0;overflow:hidden;transform:none}.axis-container.axis-chat-app.light{background:var(--qore-color-page-bg);color:var(--qore-color-text-main)}.chat-preview-header,.chat-connection{flex-shrink:0}.chat-connection{padding:var(--qore-space-1) var(--qore-space-3);margin:0}.chat-stage{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.chat-surface{width:100%;min-width:0;height:100%;min-height:0;margin-inline:auto}.chat-surface[hidden]{display:none}.chat-surface>.qore-panel__content{height:100%;min-height:0}.chat-stage[data-mode=sidebar] .chat-surface,.chat-stage[data-mode=mini] .chat-surface{max-width:calc(var(--qore-space-12) * 8)}.axis-chat-app .axis-orb-quick-wrap{width:100%;max-width:100%;margin:0}.axis-chat-app .axis-orb-quick-wrap--sidebar{max-width:100%}.chat-host-frame{border:0;flex:1;width:100%;min-width:0;min-height:0}
