@view-transition { navigation: auto; }
::view-transition-old(root){animation:sr-space-leave .22s ease both}
::view-transition-new(root){animation:sr-space-enter .3s ease both}
@keyframes sr-space-leave{to{opacity:0;transform:scale(1.015)}}
@keyframes sr-space-enter{from{opacity:0;transform:scale(.985)}}
.sr-space-dock{position:fixed;z-index:900;left:16px;bottom:16px;font:12px/1.5 "Segoe UI",sans-serif;color:#d5ecff}
.sr-space-dock summary{list-style:none;cursor:pointer;padding:10px 16px;border:1px solid #4ccaf177;border-radius:24px;background:#060e20ed;box-shadow:0 0 20px #299fff22;letter-spacing:1.6px}
.sr-space-dock summary::-webkit-details-marker{display:none}
.sr-space-dock nav{position:absolute;bottom:50px;left:0;display:grid;gap:3px;width:245px;max-height:65vh;overflow:auto;padding:14px;border:1px solid #456288;border-radius:18px;background:#071122f7;box-shadow:0 15px 50px #0008}
.sr-space-dock a{color:#c6d9f2;text-decoration:none;padding:9px 12px;border-radius:8px}
.sr-space-dock a:hover,.sr-space-dock a[aria-current]{background:#14304c;color:#6bdefa}
.sr-space-dock :focus-visible{outline:2px solid #6bdefa;outline-offset:3px}
@media(max-width:700px){.sr-space-dock{bottom:max(12px,env(safe-area-inset-bottom));left:10px}.sr-space-dock summary{font-size:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}