.page-rail{--page-progress:0;position:fixed;z-index:900;right:clamp(14px,2.2vw,34px);bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px;border:1px solid rgba(37,53,43,.16);border-radius:999px;background:rgba(248,245,239,.9);box-shadow:0 16px 42px rgba(19,34,25,.18),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}
.page-rail[hidden]{display:none}
.page-rail.is-suspended{opacity:.18;pointer-events:none;transform:translateX(calc(100% - 12px))}
.page-rail-button{position:relative;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;color:#25352b;cursor:pointer;transition:color .22s ease,background .22s ease,transform .22s ease,opacity .22s ease}
.page-rail-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.page-rail-button:hover{background:#25352b;color:#fff;transform:scale(1.05)}
.page-rail-button:first-child:hover svg{transform:translateY(-2px)}
.page-rail-button:last-child:hover svg{transform:translateY(2px)}
.page-rail-button:active{transform:scale(.96)}
.page-rail-button:focus-visible{outline:2px solid #25352b;outline-offset:3px}
.page-rail-button:disabled{opacity:.28;cursor:default;pointer-events:none}
.page-rail-progress{position:relative;width:2px;height:24px;overflow:hidden;border-radius:2px;background:rgba(37,53,43,.14)}
.page-rail-progress span{position:absolute;inset:0;background:#526b57;transform:scaleY(var(--page-progress));transform-origin:top;transition:transform .12s linear}
@media(hover:hover){.page-rail-button:after{content:attr(data-tooltip);position:absolute;right:calc(100% + 13px);top:50%;width:max-content;max-width:180px;padding:8px 11px;border-radius:8px;background:#1d2d24;color:#fff;box-shadow:0 8px 24px rgba(18,31,23,.2);font:600 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em;opacity:0;pointer-events:none;transform:translate(6px,-50%);transition:opacity .18s ease,transform .18s ease}.page-rail-button:hover:after,.page-rail-button:focus-visible:after{opacity:1;transform:translate(0,-50%)}}
@media(max-width:600px){.page-rail{right:10px;bottom:max(15px,env(safe-area-inset-bottom));gap:3px;padding:5px}.page-rail-button{width:44px;height:44px}.page-rail-button svg{width:20px;height:20px}.page-rail-progress{height:18px}}
@media(prefers-reduced-motion:reduce){.page-rail,.page-rail-button,.page-rail-button svg,.page-rail-progress span{transition:none}.page-rail-button:hover{transform:none}}