:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eef7;background:#10151d;font-family:system-ui,sans-serif}html,body{background:#10151d;margin:0}body{min-height:100vh;overflow-x:hidden}main{box-sizing:border-box;text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:1rem;width:100%;max-width:36rem;margin:0 auto;padding:2rem 1rem;display:grid}h1{margin:0;font-size:1.5rem}canvas#wash,canvas#scene{aspect-ratio:16/9;border-radius:4px;width:320px;max-width:100%;height:auto;display:block}canvas#scene{box-sizing:border-box;border:1px solid #789}output{background:#182030;border-radius:4px;padding:.25rem .75rem;font:.85rem ui-monospace,monospace;display:block}output[data-state=complete]{color:#7dffe3}pre#semantic-state{box-sizing:border-box;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b0f15;border-radius:4px;width:100%;max-height:12rem;margin:0;padding:.75rem;font:.75rem ui-monospace,monospace;overflow:auto}#loader{box-sizing:border-box;justify-items:center;gap:.5rem;width:100%;padding:1rem;display:grid;position:relative;overflow:hidden}#loader.dissolved{opacity:0;pointer-events:none}#loader>.mote{grid-area:1/1}.mote{background:#7dffe3;border-radius:50%;width:10px;height:10px;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sway{0%,to{transform:translate(-4px)}50%{transform:translate(4px)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(6px,-6px)}}@keyframes fall{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@keyframes flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.6)}}@keyframes flit{0%,to{opacity:1}50%{opacity:.4}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes glow{0%,to{box-shadow:0 0 2px #7dffe3}50%{box-shadow:0 0 12px #7dffe3}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.mote-spin{animation:2.2s linear infinite spin}.mote-bob{animation:1.8s ease-in-out infinite bob}.mote-sway{animation:2.6s ease-in-out infinite sway}.mote-drift{animation:3.4s ease-in-out infinite alternate drift}.mote-fall{animation:2.1s ease-in-out infinite alternate fall}.mote-flap{animation:1.4s ease-in-out infinite flap}.mote-flit{animation:1.1s ease-in-out infinite flit}.mote-breathe{animation:2.4s ease-in-out infinite breathe}.mote-glow{animation:1.9s ease-in-out infinite glow}.mote-pulse{animation:1.6s ease-in-out infinite pulse}.mote-wobble{animation:2.9s ease-in-out infinite wobble}
