:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-tap-highlight-color:transparent;background:#000;overflow:hidden}.app{cursor:none;--t:0;--shape:clamp(150px, 26vmin, 380px);--ring:46px;--dot:11px;position:fixed;inset:0}.scene{isolation:isolate;position:absolute;inset:0}.half{width:50%;height:100%;position:absolute;top:0;overflow:hidden}.half--left{background:#000;left:0}.half--right{background:#fff;right:0}.shape{width:var(--shape);height:var(--shape);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shape--left{border-radius:calc((1 - var(--t)) * 50%);background:#fff}.shape--right{border-radius:calc(var(--t) * 50%);background:#000}.inverter{mix-blend-mode:difference;clip-path:inset(0 calc((1 - var(--t)) * 100%) 0 0);background:#fff;position:absolute;inset:0}.cursor{pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.app.is-out .cursor{opacity:0}.cursor__ring,.cursor__dot{mix-blend-mode:difference;will-change:transform;position:absolute;top:0;left:0}.cursor__ring{width:var(--ring);height:var(--ring);border:1.5px solid #fff}.cursor__dot{width:var(--dot);height:var(--dot);background:#fff;border-radius:50%}@media (prefers-reduced-motion:reduce){.cursor{transition:none}}