.back-to-top{z-index:90;border:1px solid rgba(var(--color-purple-rgb), .12);width:52px;height:52px;color:var(--color-purple);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 30px rgba(var(--color-charcoal-rgb), .14);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:#ffffffdb;border-radius:18px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(12px)scale(.94)}.back-to-top svg{width:22px;height:22px}.back-to-top:hover{color:var(--color-white);background:linear-gradient(135deg, var(--color-purple), var(--color-blue))}.back-to-top:active{transform:translateY(0)scale(.98)}.back-to-top:focus-visible{box-shadow:0 0 0 4px rgba(var(--color-purple-rgb), .18), 0 14px 30px rgba(var(--color-charcoal-rgb), .18);outline:none}.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}@media (width<=920px){.back-to-top{width:46px;height:46px;bottom:16px;right:16px}.back-to-top svg{width:20px;height:20px}}@supports (bottom:max(0px)){.back-to-top{bottom:max(24px, env(safe-area-inset-bottom))}@media (width<=920px){.back-to-top{bottom:max(16px, env(safe-area-inset-bottom))}}}