body,html{color:#333;font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}footer,header{align-items:center;background-color:#fffc;box-shadow:0 0 20px #0002;box-sizing:border-box;display:flex;gap:20px;justify-content:center;line-height:1.5em;padding:20px;position:absolute;width:100%}header{text-align:left;top:0}footer{bottom:0;text-align:center}a{color:#000}#error{text-align:center}#circle{background-color:#fff;border-radius:50%;height:100px;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100px}#circle:after,#circle:before{background-color:#000;content:'';position:absolute}#circle:before{height:2px;left:40%;top:50%;transform:translateY(-50%);width:20%}#circle:after{height:20%;left:50%;top:40%;transform:translateX(-50%);width:2px}#circleOuter{border:2px solid #0008;border-radius:50%;box-sizing:border-box;height:120px;left:-10px;pointer-events:none;position:fixed;top:-10px;transition:transform .5s ease;visibility:hidden;width:120px}#threeCanvas{cursor:none;display:block}#lightSwitch{background:0 0;border:none}#lightSwitch:hover{cursor:pointer;filter:drop-shadow(0 0 5px #999)}#lightImage{height:32px;width:32px;fill:#000}