.scroll-explorer{--explorer-width:58px;--explorer-height:84px;--explorer-jacket:#2b615b;--explorer-jacket-back:#487a71;--explorer-jacket-front:#397268;--explorer-jacket-seam:#80a499;--explorer-jacket-pocket:#bdd0b8;--explorer-track:#2b615b21;--explorer-progress:#2b615b78;--explorer-toggle-border:#d5ddd2;--explorer-toggle-hover:#edf2e8;--explorer-toggle-hover-border:#a2b6aa;height:calc(96px + env(safe-area-inset-bottom,0px));z-index:35;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#fffefa00 28%,#fffefaeb 80%,#fffefa 100%);position:fixed;inset:auto 0 0}.scroll-explorer[data-theme=private]{--explorer-jacket:#70576c;--explorer-jacket-back:#8c7185;--explorer-jacket-front:#7e6278;--explorer-jacket-seam:#b7a0b0;--explorer-jacket-pocket:#d7c6d1;--explorer-track:#70576c21;--explorer-progress:#70576c78;--explorer-toggle-border:#dfd4dc;--explorer-toggle-hover:#f1eaf0;--explorer-toggle-hover-border:#b6a2b0}.scroll-explorer[data-expanded=false]{background:0 0;height:60px}.scroll-explorer-rail{left:max(20px, env(safe-area-inset-left,0px));right:max(78px, calc(64px + env(safe-area-inset-right,0px)));bottom:calc(9px + env(safe-area-inset-bottom,0px));height:var(--explorer-height);position:absolute}.scroll-explorer-path{inset:auto calc(var(--explorer-width) / 2) 4px;background:var(--explorer-track);height:1px;position:absolute}.scroll-explorer-path span{background:var(--explorer-progress);width:100%;height:1px;transform:scaleX(var(--journey-progress,0));transform-origin:0;display:block}.scroll-explorer-figure{width:var(--explorer-width);height:var(--explorer-height);will-change:transform}.scroll-explorer-art{width:100%;height:100%;display:block;overflow:visible}.explorer-facing{transform:scaleX(var(--facing,1));transform-origin:36px 52px}.explorer-body{transform:translateY(var(--bob,0px))}.explorer-leg,.explorer-arm,.explorer-body{transition:transform .16s ease-out}[data-walking=true] .explorer-leg,[data-walking=true] .explorer-arm,[data-walking=true] .explorer-body{transition:none}.explorer-leg{transform-origin:36px 65px}.explorer-leg-front{transform:rotate(var(--stride,0deg))}.explorer-leg-back{transform:rotate(var(--counter-stride,0deg))}.explorer-arm-back{transform-origin:29px 44px;transform:rotate(var(--stride,0deg))}.explorer-arm-front{transform-origin:43px 44px;transform:rotate(var(--counter-stride,0deg))}.scroll-explorer-toggle{right:max(12px, env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));border:1px solid var(--explorer-toggle-border);width:44px;height:44px;color:var(--explorer-jacket);cursor:pointer;pointer-events:auto;background:#fffefa;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 2px 8px #21363308}.scroll-explorer-toggle:hover{background:var(--explorer-toggle-hover);border-color:var(--explorer-toggle-hover-border)}.scroll-explorer-toggle:focus-visible{outline:2px solid var(--explorer-jacket);outline-offset:3px}body:has(.scroll-explorer){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}html:has(.scroll-explorer){scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}@media (width<=600px){.scroll-explorer{--explorer-width:44px;--explorer-height:64px;height:calc(76px + env(safe-area-inset-bottom,0px))}.scroll-explorer-rail{left:max(12px, env(safe-area-inset-left,0px));right:max(66px, calc(58px + env(safe-area-inset-right,0px)))}.scroll-explorer-toggle{right:max(8px, env(safe-area-inset-right,0px))}body:has(.scroll-explorer){padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}html:has(.scroll-explorer){scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce),print{.scroll-explorer{display:none}body:has(.scroll-explorer){padding-bottom:0}html:has(.scroll-explorer){scroll-padding-bottom:0}}