.side-panel{z-index:10;pointer-events:none;width:110px;position:absolute;top:0;bottom:0}.side-panel.left{left:0}.side-panel.right{right:0;transform:scaleX(-1)}.side-panel svg{width:100%;height:100vh;position:sticky;top:0;left:0}.scroll-progress{background:var(--line);z-index:200;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress-fill{background:linear-gradient(to right, var(--gold-dim), var(--gold), var(--cream));width:0%;height:100%;transition:width 50ms linear}.side-panel .dr{fill:none;stroke-dasharray:var(--dl,2000);stroke-dashoffset:var(--dl,2000);transition:stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.side-panel .gem{opacity:0;transform-origin:50%;transform-box:fill-box;transition:opacity .6s,transform .6s;transform:scale(.3)}.side-panel .gem.revealed{opacity:1;transform:scale(1)}@keyframes gemPulse{0%,to{filter:drop-shadow(0 0 3px #2e7d3288)}50%{filter:drop-shadow(0 0 8px #2e7d3266)}}.side-panel .gem.revealed{animation:3s ease-in-out infinite gemPulse}.side-panel .spark{opacity:0;transition:opacity .4s}@keyframes twinkle{0%,to{opacity:.15;r:1.5px}50%{opacity:.8;r:2.5px}}.side-panel .spark.revealed{opacity:1;animation:2s ease-in-out infinite twinkle}@media (max-width:1300px){.side-panel{display:none}}.dust-particle{opacity:0}@keyframes floatUp{0%{opacity:0;transform:translateY(50px)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-100px)}}