*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fbf7ff;background:#100c14;font-family:system-ui,sans-serif}body{margin:0}.shell{max-width:54rem;margin:auto;padding:clamp(1rem,4vw,2.5rem)}.navigation{flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.25rem;display:flex}a{color:#dec8ff;text-underline-offset:.2em}.panel{background:#1a1222;border:1px solid #473950;border-radius:1.5rem;margin-block:1.5rem;padding:clamp(1rem,4vw,2.5rem)}h1{margin:0;font-size:clamp(2rem,6vw,3.5rem)}p{color:#dfd4e6;margin-block:.6rem;line-height:1.65}.preview{justify-items:center;gap:.7rem;display:grid}.preview p{text-align:center;min-height:1.65em;margin:0}.orb-stage{place-items:center;width:100%;height:clamp(13rem,44vw,21rem);display:grid;position:relative;overflow:hidden}.orb-fallback{aspect-ratio:1;background:radial-gradient(circle at 32% 22%,#fcf3ff,#ac8fca 35%,#594377 65%,#1c132d 88%);border-radius:50%;width:clamp(6rem,25vw,10rem);box-shadow:0 0 3rem #9b6fc466,inset 0 0 1rem #d6b3fb}.orb-fallback[data-animate=true]{animation:2.8s ease-in-out infinite pulse}.orb-stage:has(canvas[data-rendering=true]) .orb-fallback{visibility:hidden}.orb-stage canvas{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.orb-stage canvas[data-rendering=true]{visibility:visible}button{color:#241635;min-height:2.75rem;font:inherit;cursor:pointer;background:#dfccff;border:1px solid #d8c0ff;border-radius:.7rem;padding:.65rem 1.1rem;font-weight:650}:focus-visible{outline-offset:4px;outline:2px solid #fff}.diagnostic p{font-size:1.15rem}@keyframes pulse{50%{transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.orb-fallback[data-animate=true]{animation:none}}