@property --mo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.mo-root{--mo-bg:#04110b;--mo-surface:#0d2117;--mo-line:#16402a;--mo-text:#eef4f0;--mo-muted:#8fa598;--mo-green:#089a47;--mo-mint:#5fe39a;isolation:isolate;width:100%;height:100%;min-height:360px;color:var(--mo-text);font-family:var(--font-sans), system-ui, sans-serif;background:var(--mo-bg);border-radius:1.5rem;position:relative;overflow:hidden}.mo-bg{z-index:-2;background:radial-gradient(60% 50% at 50% 100%,#089a472e,#0000 70%),linear-gradient(#04110b,#06150e);position:absolute;inset:0}.mo-halo{z-index:-1;width:420px;height:420px;opacity:var(--oCenter,0);pointer-events:none;background:radial-gradient(circle,#5fe39a38,#0000 65%);border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.mo-mover{width:0;height:0;position:absolute;top:46%;left:50%}.mo-trail{opacity:0;pointer-events:none;background:radial-gradient(circle at 35% 30%,#eef4f0,#5fe39a80 60%,#0000 72%);border-radius:50%;width:100px;height:100px;position:absolute;top:0;left:0}.mo-actor{width:var(--w,560px);height:var(--h,60px);border-radius:var(--r,999px);position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.mo-actor[data-shake]{animation:.26s ease-in-out mo-shake}.mo-actor>div:not(.mo-answer):not(.mo-pulse){border-radius:inherit;pointer-events:none;position:absolute;inset:0}.mo-underglow{opacity:calc(var(--oGlow,1) * .7);box-shadow:0 18px 50px -12px #089a478c}.mo-actor[data-typing] .mo-underglow{box-shadow:0 18px 60px -8px #5fe39ab3}.mo-halo-green{opacity:var(--oHalo,0);box-shadow:0 0 80px 20px #5fe39a73}.mo-surface{opacity:var(--oPill,1);background:var(--mo-surface);border:1px solid var(--mo-line);overflow:hidden}.mo-aurora{opacity:calc(var(--oAur,1) * .55);filter:blur(18px);position:absolute;inset:-40%}.mo-aurora i{border-radius:50%;width:45%;height:120%;animation:6s ease-in-out infinite alternate mo-drift;position:absolute;top:-10%}.mo-aurora i:first-child{background:#089a4759;left:5%}.mo-aurora i:nth-child(2){background:#5fe39a2e;animation-duration:8s;left:30%}.mo-aurora i:nth-child(3){background:#16402a99;animation-duration:7s;animation-direction:alternate-reverse;left:55%}.mo-aurora i:nth-child(4){background:#089a4740;animation-duration:9s;left:75%}.mo-ball{opacity:var(--oBall,0);background:radial-gradient(circle at 35% 30%,#eef4f0,#8fa598 55%,#16402a);box-shadow:0 12px 30px #0006}.mo-green{opacity:var(--oGreen,0);transform:scale(var(--gs,.55));background:radial-gradient(circle at 35% 30%, #c9f7dc, var(--mo-mint) 40%, var(--mo-green));box-shadow:0 0 40px #5fe39a80}.mo-card{opacity:var(--oCard,0);transform:scale(var(--cs,1));background:var(--mo-surface);border:1px solid var(--mo-line);box-shadow:0 24px 60px -20px #0009}.mo-ring{opacity:var(--oRing,1);background:conic-gradient(from var(--mo-angle), transparent 0 70%, var(--mo-mint) 85%, transparent 100%);-webkit-mask-composite:xor;padding:1px;animation:4s linear infinite mo-spin;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mo-actor[data-flash] .mo-ring{background:#f87171;animation:none}.mo-input{opacity:var(--oInput,1);transform:scale(var(--inScale,1));align-items:center;gap:10px;padding-inline:18px 8px;display:flex;position:absolute;inset:0}.mo-root:not([data-phase=idle]) .mo-input{pointer-events:none}.mo-spark{width:20px;height:20px;color:var(--mo-mint);flex:none}.mo-field{min-width:0;height:100%;color:var(--mo-text);font:500 16px/1 var(--font-sans), system-ui, sans-serif;background:0 0;border:0;outline:none;flex:1}.mo-field::placeholder{color:var(--mo-muted)}.mo-send{cursor:pointer;width:44px;height:44px;color:var(--mo-muted);background:#ffffff0f;border:0;border-radius:50%;flex:none;place-items:center;transition:background-color .25s ease-out,color .25s ease-out;display:grid}.mo-send svg{width:20px;height:20px}.mo-send[data-ready]{background:var(--mo-green);color:#fff}.mo-send:focus-visible{outline:2px solid var(--mo-mint);outline-offset:2px}.mo-orb{pointer-events:none;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mo-pulse{border:2px solid var(--mo-mint);opacity:0;pointer-events:none;border-radius:50%;width:132px;height:132px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mo-answer{border-radius:inherit;opacity:var(--oCard,0);text-align:start;outline:none;padding:16px 18px 18px;position:absolute;inset:0;overflow:hidden auto}.mo-root:not([data-phase=answered]) .mo-answer{pointer-events:none}.mo-a-head{opacity:var(--hOp,0);font:600 12px/1.2 var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;color:var(--mo-mint);align-items:center;gap:8px;margin-bottom:6px;display:flex}.mo-a-dot{background:var(--mo-mint);width:8px;height:8px;transform:scale(var(--dotS,0));box-shadow:0 0 calc(var(--bloom,1) * 12px) var(--mo-mint);border-radius:50%}.mo-a-body{font:400 15px/1.6 var(--font-sans), system-ui, sans-serif;color:var(--mo-text);overflow-wrap:anywhere;margin:0}.mo-actor .mo-w{opacity:0;display:inline-block}.mo-sizer{opacity:1;visibility:hidden;height:auto;position:absolute;inset:0 auto auto -10000px;overflow:visible}.mo-sizer .mo-a-head{opacity:1}.mo-status{width:260px;height:24px;transform:translate(-50%, calc(var(--sTy,6) * 1px));opacity:var(--sOp,0);pointer-events:none;position:absolute;top:calc(46% + 96px);left:50%}.mo-lab{font:500 14px/1 var(--font-sans), system-ui, sans-serif;color:var(--mo-muted);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.mo-lab.mo-in{animation:.3s ease-out both mo-in}.mo-lab.mo-out{animation:.3s ease-in both mo-out}.mo-lab-t{background:linear-gradient(90deg, var(--mo-muted) 0%, var(--mo-text) 50%, var(--mo-muted) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite mo-shimmer}.mo-lab-done{color:var(--mo-mint)}.mo-dots{gap:3px;display:inline-flex}.mo-dots i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite mo-dot}.mo-dots i:nth-child(2){animation-delay:.15s}.mo-dots i:nth-child(3){animation-delay:.3s}.mo-reset{border:1px solid var(--mo-line);background:var(--mo-surface);color:var(--mo-text);font:600 14px/1 var(--font-sans), system-ui, sans-serif;cursor:pointer;opacity:0;visibility:hidden;border-radius:999px;padding:10px 20px;transition:opacity .25s,visibility .25s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.mo-root[data-phase=answered] .mo-reset{opacity:1;visibility:visible}.mo-reset:hover{border-color:var(--mo-green)}.mo-reset:focus-visible{outline:2px solid var(--mo-mint);outline-offset:2px}.mo-live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.mo-aurora i,.mo-ring,.mo-lab-t,.mo-dots i{animation:none}}@keyframes mo-spin{to{--mo-angle:360deg}}@keyframes mo-drift{0%{transform:translate(-14%)}to{transform:translate(14%)}}@keyframes mo-shimmer{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes mo-dot{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes mo-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mo-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes mo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mo-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mo-shake{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 4px),-50%)}75%{transform:translate(calc(4px - 50%),-50%)}}
