:root{--bs-font-sans-serif:Inter,system-ui,sans-serif;--bs-primary:#087f91;--bs-primary-rgb:8,127,145;--bs-link-color:#087f91;--bs-link-hover-color:#056374}html[data-bs-theme=dark]{--bs-body-bg:#0c101b;--bs-body-color:#e5ecf5;--bs-secondary-bg:#151d2b;--bs-tertiary-bg:#111927;--bs-border-color:#283347;--bs-link-color:#58e3ef;--bs-link-hover-color:#a2f5fb}body{font-family:Inter,system-ui,sans-serif!important}.navbar{padding:16px 22px;border-bottom:1px solid var(--bs-border-color)}.navbar-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:21px}.navbar-brand img{height:32px;width:32px;object-fit:contain;margin-right:10px}.gpi-intro{padding:32px 15px 20px;max-width:1130px}.gpi-back{display:inline-block;text-decoration:none;font-size:12px;color:var(--bs-secondary-color);margin-bottom:28px}.gpi-kicker{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--bs-link-color)}.gpi-intro h1{font:600 clamp(35px,4vw,52px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:15px 0 20px}.gpi-intro h1 em{font-style:normal;color:var(--bs-link-color)}.gpi-lead{font-size:15px;line-height:1.8;max-width:620px;color:var(--bs-secondary-color)}.gpi-beta{font-size:12px;line-height:1.8;padding:15px 18px;border:1px solid #b98c3544;border-radius:10px;background:#a4721010;margin:24px 0}.gpi-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gpi-steps article{border:1px solid var(--bs-border-color);border-radius:14px;padding:22px;display:flex;gap:14px}.gpi-steps article>span{color:var(--bs-link-color);font:500 23px 'Space Grotesk',sans-serif}.gpi-steps h2{font:600 16px 'Space Grotesk',sans-serif;margin-bottom:10px}.gpi-steps p{font-size:12px;line-height:1.8;color:var(--bs-secondary-color);margin:0}.gpi-help{font-size:12px;padding:18px 0}.gpi-help summary{cursor:pointer;color:var(--bs-link-color)}.gpi-help p{margin:12px 0}.container{max-width:1130px}.card{border-radius:15px;overflow:hidden}.card-header{padding:16px 20px;font-weight:600}.card-body{padding:23px}.btn{border-radius:8px;padding:10px 15px;font-size:13px}.btn-primary{--bs-btn-bg:#087f91;--bs-btn-border-color:#087f91;--bs-btn-hover-bg:#066879;--bs-btn-hover-border-color:#066879}.btn-outline-primary{--bs-btn-color:var(--bs-link-color);--bs-btn-border-color:#087f91;--bs-btn-hover-bg:#087f91;--bs-btn-hover-border-color:#087f91;--bs-btn-hover-color:white}.modal-content{border-radius:17px}.modal-header,.modal-footer{padding:20px 24px}.modal-body{padding:24px;font-size:14px;line-height:1.9}.modal-title{font-family:'Space Grotesk',sans-serif}.modal-body li{margin-bottom:10px}#offlinebar{border:1px solid var(--bs-border-color);border-radius:15px;padding:24px!important;background:var(--bs-tertiary-bg);margin-bottom:22px}#offlinebar p{font-size:14px;line-height:1.8}#btnconnect{max-width:350px;background:#087f91;color:white;min-height:48px;font-weight:600}#debug-tab,#debug-content{display:none!important}footer{position:static!important;margin-top:40px!important;padding:30px 20px!important;font-size:12px}.gpi-credit{max-width:1100px;margin:auto;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.gpi-credit p{margin:0}.gpi-credit small{display:block;color:var(--bs-secondary-color);margin-top:8px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--bs-link-color);outline-offset:4px}.nav-tabs{gap:8px}.nav-tabs .nav-link{font-size:13px}#stickPanelL,#stickPanelR{border-radius:15px}@media(max-width:750px){.gpi-steps{grid-template-columns:1fr}.gpi-intro{padding:24px 18px 10px}.navbar{padding:14px}.gpi-intro h1{font-size:37px}.gpi-steps article{padding:18px}.gpi-steps h2{font-size:15px}.navbar-brand{font-size:18px}.gpi-beta{font-size:11px}.modal-body{padding:18px}.gpi-credit{display:block}.gpi-credit>div{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#aboutdrift{position:static!important;inset:auto!important;width:auto!important;max-width:1130px;margin:24px auto!important;padding:0 12px!important;z-index:auto!important}#aboutdrift>div{position:static!important}

.gpi-direction{width:90px;height:90px;border:1px dashed var(--bs-link-color);border-radius:50%;display:grid;place-items:center;margin:10px auto 25px}.gpi-direction span{width:18px;height:18px;border-radius:50%;background:var(--bs-link-color);animation:gpi-direction 3s ease-in-out infinite}.gpi-range-motion{display:flex;justify-content:center;gap:35px;margin:0 auto 25px}.gpi-range-motion>div{height:75px;width:75px;border:1px dashed var(--bs-link-color);border-radius:50%;display:grid;place-items:center}.gpi-range-motion span{width:14px;height:14px;background:var(--bs-link-color);border-radius:50%;animation:gpi-range 12s linear infinite}@keyframes gpi-direction{0%,15%,80%,100%{transform:translate(0,0)}35%,55%{transform:translate(var(--dx),var(--dy))}}@keyframes gpi-range{0%{transform:rotate(0deg) translateX(28px)}50%{transform:rotate(720deg) translateX(28px)}100%{transform:rotate(0deg) translateX(28px)}}@media(prefers-reduced-motion:reduce){.gpi-direction span,.gpi-range-motion span{animation:none!important}}