/* Android-style desktop pages: safe area follows all four taskbar edges. */
.desktop-page-dots{position:absolute;z-index:151;left:calc(var(--desktop-safe-left) + 12px);right:calc(var(--desktop-safe-right) + 12px);bottom:calc(var(--desktop-safe-bottom) + 18px);display:flex;justify-content:center;align-items:center;gap:0;width:max-content;max-width:calc(100% - var(--desktop-safe-left) - var(--desktop-safe-right) - 24px);margin-inline:auto;padding:2px 8px;border-radius:24px;background:#142c4260;box-shadow:0 2px 12px #0002;overflow-x:auto;touch-action:none;user-select:none;scrollbar-width:thin}
.desktop-page-dots>button{display:grid;place-items:center;width:30px;height:30px;min-width:30px;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;touch-action:none}
.desktop-page-dots>button>span{width:7px;height:7px;border-radius:50%;background:#ffffff65;box-shadow:0 1px 3px #0004;transition:background .18s,transform .18s}
.desktop-page-dots>button[aria-current=page]>span{background:#fff;transform:scale(1.3)}
.desktop-page-dots>button:hover{background:#ffffff18}.desktop-page-dots>button:focus-visible{outline:2px solid #8fd0ff;outline-offset:-2px}
.webos-desktop,.webos-desktop .desktop-icon-area{touch-action:pan-y}
.webos-desktop:has(.desktop-dock-reveal:hover) .desktop-page-dots{bottom:calc(var(--desktop-safe-bottom) + 110px)}
@media(prefers-reduced-motion:reduce){.desktop-page-dots>button>span{transition:none}}