:root{color-scheme:dark;--paper:#ebdfc8;--mint:#95d2c2;--dark:#10191e}
*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--dark);color:var(--paper);font-family:'Avenir Next',Avenir,sans-serif;overflow-x:hidden}
button{-webkit-tap-highlight-color:transparent;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.scene{position:fixed;inset:0;z-index:1;touch-action:pan-y}.scene canvas{display:block;width:100%;height:100%}.inside .scene,.orbit .scene{cursor:grab}.inside .scene:active,.orbit .scene:active{cursor:grabbing}.orbit .scene{touch-action:none}
#mode{position:fixed;top:24px;right:28px;z-index:5;width:42px;height:42px;display:grid;place-items:center;border:1px solid #d9decd25;border-radius:50%;background:#10191e70;backdrop-filter:blur(10px)}#mode svg{width:21px;height:21px;fill:none;stroke:var(--paper);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}#mode[aria-pressed=true]{border-color:var(--mint);background:#25403be0}
#waypoints{position:fixed;z-index:5;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:3px 7px;border-radius:24px;background:#12202780;backdrop-filter:blur(12px)}#waypoints button{width:30px;height:32px;display:grid;place-items:center;background:transparent;border:0}#waypoints button::after{content:'';width:5px;height:5px;border-radius:50%;background:#d6e0d36b;transition:transform .2s,background .2s}#waypoints button.active::after{background:var(--paper);transform:scale(1.4)}#waypoints button:hover::after{background:var(--mint)}
.route{position:relative;pointer-events:none}.route section{height:650svh}.route #loop{height:130svh}.orbit .route{visibility:hidden}
#loading{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--dark);transition:opacity .5s}#loading.ready{opacity:0;pointer-events:none}#loading[hidden]{display:none}.spinner{width:24px;height:24px;border:1px solid #95d2c230;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.no-js{position:fixed;top:40%;left:10%;z-index:30;background:#142128;padding:30px}@media(max-width:760px){#mode{top:16px;right:16px;width:38px;height:38px}#waypoints{bottom:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}