.illo{--illo-paper:var(--surface-3);--illo-paper-hi:#fbfbfe;--illo-line:var(--border-strong);--illo-ground:#6366f11a;--illo-long:#2b25601a;--illo-shadow:#4f46e533;max-width:100%;height:auto;display:block;overflow:visible}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .illo{--illo-paper-hi:#2a3058;--illo-ground:#8b8cff1f;--illo-long:#00000047;--illo-shadow:#0000008c}}[data-theme=dark] .illo{--illo-paper-hi:#2a3058;--illo-ground:#8b8cff1f;--illo-long:#00000047;--illo-shadow:#0000008c}.illo [data-float],.illo [data-twinkle]{transform-box:fill-box;transform-origin:50%}.illo-anim [data-float]{animation:illo-float 4.2s var(--ease-out,ease-in-out) infinite alternate}.illo-anim [data-float=slow]{animation-duration:6s;animation-delay:-1.5s}.illo-anim [data-twinkle]{animation:2.6s ease-in-out infinite illo-twinkle}@keyframes illo-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes illo-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.illo-anim [data-float],.illo-anim [data-twinkle]{animation:none}}html[data-motion=reduce] .illo-anim [data-float],html[data-motion=reduce] .illo-anim [data-twinkle]{animation:none}.orb{background:var(--orb-bg,linear-gradient(135deg, #6366f1 0%, #8b5cf6 45%, #ec4899 100%));box-shadow:0 0 0 var(--orb-ring,6px) var(--orb-ring-color,#6366f124), 0 10px 24px -8px #4f46e573, inset 0 -6px 12px #0000002e;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.orb:before{content:"";pointer-events:none;background:radial-gradient(at 40% 30%,#ffffffbf,#fff0 70%);border-radius:999px;width:46%;height:32%;position:absolute;inset:6% 12% auto 10%}.orb:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff73}.orb>.orb-face{filter:drop-shadow(0 3px 2px #0000002e);display:block;position:relative}.orb-sm{--orb-ring:4px;width:40px;height:40px}.orb-sm>.orb-face{font-size:22px}.orb-md{--orb-ring:5px;width:56px;height:56px}.orb-md>.orb-face{font-size:31px}.orb-lg{--orb-ring:7px;width:84px;height:84px}.orb-lg>.orb-face{font-size:46px}.orb-xl{--orb-ring:9px;width:120px;height:120px}.orb-xl>.orb-face{font-size:66px}[data-theme=dark] .orb{--orb-ring-color:#8b8cff2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .orb{--orb-ring-color:#8b8cff2e}}.orb-mood-idle>.orb-face{animation:3.2s ease-in-out infinite orb-bob}.orb-mood-happy>.orb-face{animation:orb-happy 1.1s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) infinite}.orb-mood-think>.orb-face{animation:2.8s ease-in-out infinite orb-think}.orb-mood-sleep>.orb-face{animation:4s ease-in-out infinite orb-sleep}.orb-mood-cheer{animation:1.6s ease-in-out infinite orb-pulse}@keyframes orb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes orb-happy{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-6px)scale(1.06)}}@keyframes orb-think{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes orb-sleep{0%,to{transform:translateY(1px)scale(1)}50%{transform:translateY(2px)scale(.97)}}@keyframes orb-pulse{0%,to{box-shadow:0 0 0 var(--orb-ring,6px) var(--orb-ring-color,#6366f124), 0 10px 24px -8px #4f46e573, inset 0 -6px 12px #0000002e}50%{box-shadow:0 0 0 calc(var(--orb-ring,6px) + 4px) var(--orb-ring-color,#6366f124), 0 14px 28px -8px #4f46e58c, inset 0 -6px 12px #0000002e}}@media (prefers-reduced-motion:reduce){.orb,.orb>.orb-face{animation:none!important}}html[data-motion=reduce] .orb,html[data-motion=reduce] .orb>.orb-face{animation:none!important}.avatar-orb{color:#fff;letter-spacing:.02em;box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--avatar-ring,var(--brand)), 0 2px 6px #1018281f;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;position:relative}.avatar-orb:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 32% 24%,#ffffff59,#fff0 55%);position:absolute;inset:0}.avatar-orb>span{position:relative}